asp.net - Raddatepicker ポップアップ ウィンドウを Radwindow ポップアップで開く方法

Question

radwindow に raddatepicker コントロールがあります。radwindow のサイズは固定されています。raddatepicker ポップアップを開くと、スペースが少ないために radwindow にスクロール バーが表示されます。

スクロールバーを表示したくありません。だから私の質問は、radwindow で datepicker ポップアップを開くことはできますか。

Answer 1

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

Answer 2

RadDatePickerプロパティを持っていPopupDirectionます。TopLeft下の代わりに上にポップアップするために使用できます。

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

• 左上
• 右上
• 左下の
• 右下 (デフォルト)