Kendo ui 如何获取剑道细节网格的选定行数据

Kendo ui 如何获取剑道细节网格的选定行数据,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我能够在剑道网格(主网格)中获取所选行,但无法在详细网格中获取所选行数据。请给我一个代码示例。 谢谢 abhi就像主电网一样。作为childgrid对应于详细信息的网格,请执行以下操作: var row = childgrid.select(); var data = childgrid.dataItem(row); console.log("row", row); console.log("data", data); 其中,我将master网格定义为: $("#grid").kendoGri

我能够在剑道网格(主网格)中获取所选行,但无法在详细网格中获取所选行数据。请给我一个代码示例。 谢谢
abhi

就像主电网一样。作为
childgrid
对应于详细信息的网格,请执行以下操作:

var row = childgrid.select();
var data = childgrid.dataItem(row);
console.log("row", row);
console.log("data", data);
其中,我将
master
网格定义为:

$("#grid").kendoGrid({
    ...
    detailInit: detailInit,
    ...
});
展开主网格中的行时,使用以下函数创建详细信息网格:

function detailInit(e) {
    childgrid = $("<div/>").appendTo(e.detailCell).kendoGrid({
        dataSource: {
            type: "odata",
            transport: {
                read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
            },
            serverPaging: true,
            serverSorting: true,
            serverFiltering: true,
            pageSize: 5,
            filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
        },
        scrollable: false,
        sortable: false,
        selectable: true,
        pageable: true,
        columns:
                [
                    { field: "OrderID", width: "70px" },
                    { field: "ShipCountry", title: "Ship Country", width: "110px" },
                    { field: "ShipAddress", title: "Ship Address" },
                    { field: "ShipName", title: "Ship Name", width: "200px" }
                ]
    }).data("kendoGrid");
}
函数detailInit(e){
childgrid=$(“”).appendTo(e.detailCell).kendoGrid({
数据源:{
类型:“odata”,
运输:{
阅读:“http://demos.kendoui.com/service/Northwind.svc/Orders"
},
对,,
对,,
是的,
页面大小:5,
筛选器:{字段:“EmployeeID”,运算符:“eq”,值:e.data.EmployeeID}
},
可滚动:false,
可排序:false,
是的,
pageable:对,
柱:
[
{字段:“OrderID”,宽度:“70px”},
{字段:“船舶国家”,标题:“船舶国家”,宽度:“110px”},
{字段:“发货地址”,标题:“发货地址”},
{字段:“船名”,标题:“船名”,宽度:“200px”}
]
}).数据(“kendoGrid”);
}

此处的运行示例:(当您单击“显示”按钮时,它会在浏览器的控制台中显示所选行及其数据)。

这里有一个关于如何获取单击行数据的简单示例:

这就是神奇发生的代码:

change: function (arg) {            
    var selectedData = this.dataItem(this.select());

    // selectedData now points to the selected dataSource item!

    alert("Clicked id: " + selectedData.id);
}         

谢谢OnaBai,我现在可以做了,我没有得到网格实例。这是我的错误。我试图从一个网格中选择多行&将这些行分配到另一个网格。我该怎么做?请帮助。@Jain,你不应该以评论的形式提问,因为这会妨碍其他人找到已经提出的问题的解决方案。尝试发布一个新问题,我将很乐意帮助您。谢谢我确实提出了一个新问题,但说实话,我是想引起你的注意!你以前帮过我&我知道你在剑道ui方面有多出色。不管怎样,我解决了这个问题。谢谢你的建议。很高兴听到你解决了这个问题,使用评论也没有问题。这只是一个帮助别人的问题。