Question

我在kendo手风琴面板中有一个动态生成的输入列表。

输入生成如下：

rowContent += "<td><input " + checked + " class='" + field.FieldTypeInput + "' type='" + field.FieldTypeInput + "' id='FldList_" + rowLength + "__UpdatedValue'  value='" + currentValue + "' name='FldList[" + rowLength + "].UpdatedValue' ></td>";

其中一些输入是变成剑道日期选择器的日期：

$('.datepicker').kendoDatePicker({

});

我面临的问题是日期弹出窗口显示在面板下方（或者它所在的任何外部。

我试过这个：

$('.datepicker').kendoDatePicker({
     //comment the beforeShow handler if you want to see the ugly overlay
    open: function () {
        setTimeout(function () {
             $('.ui-datepicker').css('z-index', 8888);
        }, 1);
    }
});

如果我打电话打破了这个片段 $（＆＃39; .datepicker＆＃39;）。bob它打破了脚本，因此有效（但显然打破了其余的javascript功能。

我也试过这个：

$("input[type=date]").kendoDatePicker({
    open:function(e)
        {                
            window.setTimeout(function(){ $(".k-calendar-container").parent(".k-animation-container").css("zIndex", "11000"); }, 1);
        }
  });

我也试过改变风格：

position: relative; z-index: 100000;

现在我完全没有想法。

有人能帮助我吗？

非常感谢

编辑：

我注意到我使用的jQuery函数似乎根本没有设置Z-Index。我试图更改$（＆＃39; .ui-datepicker＆＃39;）。css（＆＃39; z-index＆＃39;，8888）;到$（＆＃39; .k-calendar-container＆＃39;）。css（＆＃39; z-index＆＃39;，8888）;但那也没有用。随着我找到更多信息，我会不断更新

Answer 1

尝试关闭datePicker动画并查看是否有帮助：

$('.datepicker').kendoDatePicker({
     //comment the beforeShow handler if you want to see the ugly overlay
    open: function () {
        $('.ui-datepicker').css('z-index', 8888);
    },
    animation: {
        open: {
            duration: 0
        }
    }
});

Kendo Datepicker z索引

1 个答案: