打开(和关闭)jQuery UI dlg后,$(“#myKendoGrid”)。data(“kendoGrid”)未定义

时间:2015-10-16 22:26:31

标签: javascript jquery jquery-ui dialog kendo-grid

我面临一个奇怪的问题。 打开(并关闭)jQuery UI模式对话框后,调用对话框的页面上的剑道UI网格.data即var grd = $("#myGrid").data("kendoGrid")变为未定义。 剑道网格完全正常,直到对话框打开(和关闭)。 然而,剑道网格显示打开(和关闭)对话框之前的数据。页面刷新后,.data开始工作。

这样做有任何已知问题,或者我在这里遗漏了什么?

jQuery版本 - 1.7.1 jQuery UI版本 - 1.8.11 kendo UI版本 - v2011.3.1129

jQuery UI对话框代码:

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: 600,
        height: 300,
        buttons: {
            "Dismiss": function () {
                debugger;
                $(this).dialog("close");
            }
        }
    });


$(".openDialog").live("click", function (e) {
    debugger;
    e.preventDefault();
    $("#dialog").html("");
    $("#dialog").dialog({
        title: $(this).attr("abc"),
        //close: function () { debugger; return false; },
        modal: true,
        height: 800,
        width: 1150,
        left: 0
    }).load(this.href);
});

kendo网格代码:

$("#myGrid").html("");
$("#myGrid").kendoGrid({
    dataSource: ds
            , sortable: true
            , selectable: true
            , scrollable: true
            , height: 400
            , columns: [
            , {title: "Auto", template: '#=myFunc(xyz)#', width: myWidth }

.....

1 个答案:

答案 0 :(得分:-1)

我们最终通过切换到jQuery UI对话框到Kendo Window来解决这个问题。