kendo层次结构第二次不显示详细信息网格数据

Question

我已经使用分层剑道来显示我的数据，我的意思是每行都有一个包含行详细信息网格的子项，我的剑道应根据用户在输入中输入的数据并单击按钮后出现，它第一次运行良好，但是如果用户更改输入的数据并再次单击按钮，则kendo不会显示详细信息网格，而只会显示我的父网格，但是如果用户刷新页面然后更改数据然后单击按钮，它可以正常工作。经过大量搜索后，我找不到原因。有人可以帮助我

var grid;
var createGrid = function () {
    grid = $("#mygrid").kendoGrid({
        dataSource: {
            data: schema.PNR_item,
            schema: {
                hasChildren: true,
                model:{
                    fields:fields,
                }
            },
            pageable: true,
            height: 550,
            pageSize: 6,
            serverPaging: true,
            serverSorting: true,
            //columns
        },
        height: 600,
        sortable: true,
        pageable: true,
        scrollable: true,
        resizable:true,
        columns: columns,
        detailTemplate: '<div class="grid" ></div>',
        detailInit: function (e) {
            e.detailRow.find(".grid").kendoGrid({
                dataSource: e.data.Details,
                columns: details_columns,
                schema:{
                    model:{
                        fields: details_fields
                    }
                }
            });
        },
    }).data("kendoGrid");
}//end of createGrid function
createGrid();