我們如何在Radwindow彈出窗口中打開raddatepicker彈出窗口

Question

我在radwindow中有raddatepicker控件，Radwindow的大小是固定的。當我打開raddatepicker彈出窗口時，由於空間較少，它在radwindow中顯示滾動條。

我不想顯示滾動條。所以我的問題是我們可以在radwindow上打開日期選擇器彈出窗口。

Answer 1

RadDatePicker有PopupDirection財產。您可以使用TopLeft彈出頂部而不是底部。

<telerik:RadDatePicker runat="server" ID="RadDatePicker1" PopupDirection="TopLeft"> 
</telerik:RadDatePicker> 

• 左上
• TopRight
• BOTTOMLEFT
• BottomRight（默認）

Answer 2

使用RadWindow的的ContentTemplate將所有的控制內部在同一頁上，而不是在一個iframe：http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx。

Answer 3

您可以通過更改RadDatePicker彈出框的位置來忽略滾動條。

The solution I found here.

.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);