我在radwindow中有raddatepicker控件,Radwindow的大小是固定的。当我打开raddatepicker弹出窗口时,由于空间较少,它在radwindow中显示滚动条。我们如何在Radwindow弹出窗口中打开raddatepicker弹出窗口
我不想显示滚动条。所以我的问题是我们可以在radwindow上打开日期选择器弹出窗口。
我在radwindow中有raddatepicker控件,Radwindow的大小是固定的。当我打开raddatepicker弹出窗口时,由于空间较少,它在radwindow中显示滚动条。我们如何在Radwindow弹出窗口中打开raddatepicker弹出窗口
我不想显示滚动条。所以我的问题是我们可以在radwindow上打开日期选择器弹出窗口。
RadDatePicker
有PopupDirection
财产。您可以使用TopLeft
弹出顶部而不是底部。
<telerik:RadDatePicker runat="server" ID="RadDatePicker1" PopupDirection="TopLeft">
</telerik:RadDatePicker>
使用RadWindow的的ContentTemplate将所有的控制内部在同一页上,而不是在一个iframe:http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx。
您可以通过更改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>
你可以通过改变弹出位置
ex。
datePicker.showPopup(position.x-100, position.y - 100);
我试过了,但它没有解决问题。现在隐藏日历的上半部分。 – 2013-05-13 05:46:53