剑道网格删除行，但不调用销毁 URL答案

【问题标题】：Kendo grid removes row, but does not call destory URL剑道网格删除行，但不调用销毁 URL
【发布时间】：2018-06-19 22:35:59
【问题描述】：

我有一个剑道网格，我正在尝试添加删除功能。我的数据源看起来像：

var datasource = new kendo.data.DataSource({
    transport: {
        read: {
            url: Router.action("Admin", "GetScansForMailItem", { mailItemIdnt: detailinit.data.MailItemIdnt }),
            dataType: "json"
        },
        destroy: {
            url: Router.action("Admin", "DeleteScan"),
            type: "post"
        }
    },
    model: {
        id: "ScanIdnt",
        fields: {
            ScanIdnt: {editable: false, nullable: false}
        }
    },
    pageSize: 5
});

我添加了模型部分，因为this 回答，但它没有任何区别。

实际的网格如下所示：

 .kendoGrid({
     dataSource: datasource
     scrollable: false,
     sortable: true,
     pageable: true,
     editable: "inline",
     columns: [{
         field: "ScanIdnt",
         title: "Scan ID"
     }, {
         field: "CreatedDate",
         title: "Created",
         template: "#= kendo.parseDate(CreatedDate, 'yyyy/MM/dd') #"
     }, {
         field: "ScanDocumentRelativePath",
         title: "File Path",
         template: "<a href='/CAMP/Admin/Download?scanIdnt=#= ScanIdnt #'>#= ScanDocumentRelativePath.substring(1) #</a>"
     }, {
         field: "ScanUserIdnt",
         title: "Scanned By"
     },{
         command: "destroy",
         title: ""
     }]
 });

奇怪的是，单击删除按钮会从 UI 上的网格中删除，但绝对没有对 destroy URL 进行 Ajax 调用。我似乎无法弄清楚为什么。有什么想法吗？

编辑我想指出，这个网格实际上是另一个网格内的嵌套网格（如here）我发现父网格句柄实际上是在调用，但是到错误的功能。由于某种原因，它在一个到级别的项目上单击删除会调用嵌套网格的读取函数，但是，嵌套网格什么都不做

【问题讨论】：

点击删除按钮后浏览器控制台是否出现错误？
@Supersnake 不，绝对没有。
再次查看您的网格代码。您的数据源的拼写错误。
哦是的对不起，我在这里粘贴代码后更改了它，因为数据源实际上是通过函数返回的。在实际代码中是正确的。

标签： javascript kendo-grid

【解决方案1】：

想通了（有点）。虽然我认为我的代码和网格存在很多问题，但似乎 Kendo 不喜欢我处理数据的方式。

在与分层网格相关的 Kendo 文档中，子网格的数据存储在父网格的数据字段中。例如，给定以下 JSON：

"ParentItems": [ 
    {
        "Id": 12345 ,
        "Name": "Test1",
        "ChildItems": [
            {"Id": 1, "Name": "Test"},
            {"Id": 2, "Name": "Test"}
        ]
    },
    {
        "Id": 12346 ,
        "Name": "Test2",
        "ChildItems": [
            {"Id": 1, "Name": "Test"},
            {"Id": 2, "Name": "Test"}
        ]
    }
]

在父网格中，每个ParentItem 都会在子网格中显示其各自的ChildItems。

另一方面，我分别提取两个数据集。基本上，我拉了ParentItems 之类的：

"ParentItems": [
    {
        "Id": 12345,
        "Name" : "Test1"
    },
    {
        "Id": 12346,
        "Name" : "Test2"
    }
]

然后根据父项的 id 再次请求拉取子项。

"ChildItems": [
    {"Id": 1, "Name": "Test", "ParentId": "12345"},
    {"Id": 2, "Name": "Test", "ParentId": "12345"}
]

我能够像第一个示例中那样修改服务器端代码以提供数据，并设法使事情正常进行。可以找到帮助我的具体文档here

【讨论】：