我在 radwindow 中有 raddatepicker 控件。radwindow 的大小是固定的。当我打开 raddatepicker 弹出窗口时,由于空间较小,它会在 radwindow 中显示滚动条。
我不想显示滚动条。所以我的问题是我们可以在 radwindow 上打开 datepicker 弹出窗口吗?
我在 radwindow 中有 raddatepicker 控件。radwindow 的大小是固定的。当我打开 raddatepicker 弹出窗口时,由于空间较小,它会在 radwindow 中显示滚动条。
我不想显示滚动条。所以我的问题是我们可以在 radwindow 上打开 datepicker 弹出窗口吗?
使用 RadWindow 的 ContentTemplate 将所有控件放在同一页面上,而不是在 iframe 中:http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx。
RadDatePicker
有财产PopupDirection
。您可以使用TopLeft
弹出顶部而不是底部。
<telerik:RadDatePicker runat="server" ID="RadDatePicker1" PopupDirection="TopLeft">
</telerik:RadDatePicker>
您可以通过更改 RadDatePicker 弹出窗口的位置来省略滚动条。
.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
RadDatePicker1.DatePopupButton.Attributes.Add("onclick", "PopupAbove(event, '" + RadDatePicker1.ClientID + "');return false;");
}
.aspx
<telerik:RadDatePicker ID="RadDatePicker1" Runat="server">
</telerik:RadDatePicker>
.aspx JavaScript
<script type="text/javascript">
function PopupAbove(e, pickerID)
{
var datePicker;
if (pickerID == null)
{
datePicker = $find("<%= RadDatePicker1.ClientID %>");
}
else
{
datePicker = $find(pickerID);
}
var textBox = datePicker.get_textBox();
var popupElement = datePicker.get_popupContainer();
var dimensions = datePicker.getElementDimensions(popupElement);
var position = datePicker.getElementPosition(textBox);
datePicker.showPopup(position.x, position.y - dimensions.height);
}
</script>
您可以通过更改弹出位置datePicker.showPopup(width,height);
前任。
datePicker.showPopup(position.x-100, position.y - 100);