Question

我正在使用telerik datepicker

<telerik:RadDatePicker id="radDatepicker" runat="server">
     <ClientEvents OnPopupOpening="OnPopupOpening" ></ClientEvents> 
</telerik:RadDatePicker>

日期选择器放置在模式内。当模式打开并且用户单击日期选择器时，raddatepicker弹出窗口的位置不正确。

<div class="RadCalendarPopup RadCalendarPopupShadows" style="position: absolute; border: 0px; z-index: 5006; left: 869.5px; top: 658px;">

默认渲染的最高位置-658px 预期最高排名-760px

有什么办法可以引用RadCalendarPopup并设置顶部位置。我使用了jquery $（“ RadCalendarPopup”），但它不起作用，可能是因为在我设置其最高值时未渲染它。

Answer 1

以下是如何以编程方式控制DatePicker弹出窗口的位置的示例：

<telerik:RadDatePicker RenderMode="Lightweight" ID="RadDatePicker1" runat="server" >
    <ClientEvents OnPopupOpening="ShowDatePopup" />
</telerik:RadDatePicker>
<script>
    var isCanceled = false;
    function ShowDatePopup(sender, args) {

        if (!isCanceled) {
            isCanceled = true;
            args.set_cancel(true);
            sender.showPopup(100, 100);
            isCanceled = false;
        }
    }
</script>

RadTelerik Datepicker显示在控件上方

1 个答案: