Jquery 添加新记录按钮在剑道等级网格中不起作用

我正在尝试向剑道层次网格的细节网格添加新行，但“添加新记录”按钮不起作用。但是，如果我在详细网格定义中忽略了过滤器选项，那么按钮会起作用，但是如果过滤关闭，我就无法根据主行分离子行

我正在添加一个图像来描述这个问题

以下是我的分层网格代码：

 var element = $("#grid").kendoGrid({
            dataSource: {
                type: "JSON",
                transport: {
                    read: {
                        url: "/Home/Read",
                        type: "GET"
                    }
                },
                pageSize: 6

            },
            height: 700,
            sortable: true,
            pageable: true,
            selectable: 'row',
            navigatable: true,
            editable: true,
            toolbar: ["create", "save", "cancel"],
            batch: true,
            detailInit: detailInit,
            dataBound: function () {
                this.expandRow(this.tbody.find("tr.k-master-row").first());
            },
            columns: [
                {
                    field: "EmployeeID",
                    title: "Employee ID",
                    width: "50px"
                },
                {
                    field: "EmployeeName",
                    title: "Employee Name",
                    width: "50px"
                }

            ]
        });

        function detailInit(e) {
            $('<div id="childGrid"></div>').appendTo(e.detailCell).kendoGrid({
                dataSource: {
                    type: "JSON",
                    transport: {
                        read: {
                            url: "/Home/Details",
                            type: "POST"
                        }
                    },

                    pageSize: 5,
                    filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
                },
                scrollable: false,
                dataBound: function () {
                    this.expandRow(this.tbody.find("tr.k-master-row").first());
                },
                //sortable: true,
                pageable: true,
                selectable: 'row',
                editable: true,
                toolbar: ["create"],
                editable: true,
                batch: true,
                columns: [
                    { field: "Department", title: "Department", width: "30px" },
                    { field: "Designation", title: "Designation", width: "30px" }

                ]
            });

var元素=$（“#网格”）.kendoGrid({
数据源：{
键入：“JSON”，
运输：{
阅读：{
url:“/Home/Read”，
键入：“获取”
}
},
页面大小：6
},
身高：700，
可排序：是的，
pageable:对，
可选：“行”，
可导航：是的，
是的，
工具栏：[“创建”、“保存”、“取消”]，
批次：对，
detailInit:detailInit，
数据绑定：函数（）{
this.expandRow（this.tbody.find（“tr.k-master-row”）.first（））；
},
栏目：[
{
字段：“EmployeeID”，
标题：“员工ID”，
宽度：“50px”
},
{
字段：“EmployeeName”，
标题：“员工姓名”，
宽度：“50px”
}
]
});
函数detailInit（e）{
$（''）.appendTo（e.detailCell）.kendoGrid({
数据源：{
键入：“JSON”，
运输：{
阅读：{
url:“/Home/Details”，
类型：“职位”
}
},
页面大小：5，
筛选器：{字段：“EmployeeID”，运算符：“eq”，值：e.data.EmployeeID}
},
可滚动：false，
数据绑定：函数（）{
this.expandRow（this.tbody.find（“tr.k-master-row”）.first（））；
},
//可排序：是的，
pageable:对，
可选：“行”，
是的，
工具栏：[“创建”]，
是的，
批次：对，
栏目：[
{字段：“部门”，标题：“部门”，宽度：“30px”}，
{字段：“指定”，标题：“指定”，宽度：“30px”}
]
});

---

请帮我整理一下。提前谢谢。

我给出了一个更简单的建议，从上一行获取html行，如下所示

'var row=$（“上一行selectore”）.html（）；'

然后将此行附加到表中

$（“表格”）。追加（第行）

---

然后更改id（如果有）

您需要在网格中定义CRUD操作创建、更新、销毁，以便在网格上使用添加、编辑、销毁按钮..这是绝对要求吗？我不这么认为，因为我的父网格在没有该操作的情况下运行良好。当我创建新行时，该按钮也在我的子网格中运行，但在现有行。我也看不到父网格的创建操作…您只是在读取它…标记为新的行是使用“添加新记录”按钮创建的，它适用于父和子网格。但该按钮仅不适用于具有现有行的子网格。不，我没有使用此网格，而是使用两个单独的网格，一个用于e主数据&对于子数据，我在主网格的行单击时动态加载子网格。