添加新记录按钮在剑道分层网格中不起作用答案

【问题标题】：Add New Record button not working in kendo hierarchical grid添加新记录按钮在剑道分层网格中不起作用
【发布时间】：2014-06-14 20:48:26
【问题描述】：

我正在尝试将新行添加到剑道分层网格的详细信息网格中，但“添加新记录”按钮不起作用。但是，如果我在详细网格定义中省略了过滤器选项，则该按钮可以工作，但是在关闭过滤器的情况下，我无法根据主行分隔子行。

我正在添加一张图片来描述问题。

这是我的分层网格代码：

 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" }

                ]
            });

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

【问题讨论】：

您需要在网格中定义 CRUD 操作 Create、Update、Destroy 才能使用网格上的 Add、Edit、Destroy 按钮..
这是绝对要求吗？我不这么认为，因为我的父网格没有它就可以正常工作。当我创建新行时，该按钮也适用于我的子网格，但不适用于现有行。
我也看不到您的父网格的创建操作...您只是在阅读它...
标记为新的行是使用添加新记录按钮创建的，它适用于父子网格。但该按钮仅在具有现有行的子网格中不起作用。
不，我没有使用这个网格，而是使用了两个单独的网格，一个用于主数据，另一个用于子数据，我在主网格的行单击时动态加载子网格。

标签： jquery kendo-ui telerik kendo-grid telerik-grid

【解决方案1】：

我给出一个更简单的建议，如下所示从上一行获取您想要追加的 html 行

'var row = $("前一行选择器").html();'

然后将此行追加到表中

$("table").append(row);

如果有的话，然后更改 id

【讨论】：