javascript - Kendo 网格详细信息模板无法使用 ajax 表单发布 (MVC) 再次(第二次)加载网格

Question

下面是创建剑道网格的函数，其中为列选项、数据源和详细信息模板调用了不同的函数

     var kendoDataSource = currentOtherMerchant.model.dataSource();
        var columnsOptions = currentOtherMerchant.columnOptions();
        currentOtherMerchant.$el.kendoGrid({
            dataSource: kendoDataSource,
            columns: columnsOptions,
            dataBound: currentOtherMerchant.onDataBound,
            pageable: {
                refresh: true
            },
            detailTemplate: '<div class="tabstrip"><ul><li class="k-state-active" id="first">' + currentOtherMerchant.options.prompts.details + '</li></ul><div class="merchant-details"></div></div>',
            detailInit: currentOtherMerchant.detailInit,
            detailExpand: currentOtherMerchant.detailExpand,
            resizable: true,
            scrollable: true
        });

详情模板函数如下

detailInit: function (e) {

        currentOtherMerchant.detailTab(e);
        currentOtherMerchant.animateTabStrip(e.detailRow);
    },
    detailExpand: function (e) {
        var grid = currentOtherMerchant.$el.data("kendoGrid");
        grid.collapseRow(grid.tbody.find(' > tr.k-master-row').not(e.masterRow));
        debugger;
    },
    /* Fetch details for expanded Pspid */
    detailTab: function (e) {
        var detailRow = e.detailRow;
        var ajaxData = { "PSPId": e.data.PSPId,
            "HashedParam": e.data.HashedParam
        };
        var ajaxParameters = { "ajaxData": ajaxData, "ajaxURL": currentOtherMerchant.model.attributes.urls.detailTemplateUrl, dataType: 'html' };
        grid_ajaxCall(ajaxParameters, function (data) {
            if (data != null) {
                currentOtherMerchant.genarateDetailTemplateId(detailRow, e);
                detailRow.find(".merchant-details").html(data);
            }
        });
    },

请帮忙解决这个问题。提前谢谢你

Answer 1

我找到了解决方案，这是问题，因为剑道网格没有从 ajax 表单发布的 dom 中销毁所以我在创建网格之前使用了剑道网格销毁方法，所以网格的所有对象和事件都被销毁了

  if (current.$el.find('#gridId').data().kendoGrid != undefined)
            current.$el.find('#gridid').data().kendoGrid.destroy();

使剑道网格元素为空

           current.$el.find('#girdid').empty();