[英]Kendo Grid Row Selection
如何通过单击获取行ID? 实际上,我想将远程表的行ID分配给Grid的每一行,并通过单击它来加载第二个网格。 有什么办法吗?
在这里,您可以转到http://jsfiddle.net/qvKRk/
JavaScript的
var dataSample = [];
dataSample.push({
OrderID: "1",
ShipName: "line 1"
});
dataSample.push({
OrderID: "2",
ShipName: "line 2"
});
dataSample.push({
OrderID: "3",
ShipName: "line 3"
});
var dataSource = new kendo.data.DataSource({
data: dataSample,
schema: {
model: {
id: "OrderID"
}
},
pageSize: 10
});
$("#grid").kendoGrid({
dataSource: dataSource,
selectable: true,
columns: ["OrderID", "ShipName"],
change: function () {
var row = this.select();
var id = row.data("id");
$("#log").html("selected row with id= " + id);
// sample selecting same row on second grid
// based on this post
var secondGrid = $("#grid2").data("kendoGrid");
var row = secondGrid.table.find('tr[data-id="' + id + '"]');
secondGrid.select(row);
}
});
$("#grid2").kendoGrid({
dataSource: dataSource,
selectable: true,
columns: ["OrderID", "ShipName"]
});
HTML
master grid :
<br />
<div id="grid"></div>
<div id="log"></div>child grid :
<br />
<div id="grid2"></div>
var grid = $("#GridSearchResults").data("kendoGrid");
var cel;
grid.select().each(function() {
var dataItem = grid.dataItem($(this));
cel = dataItem.InventoryItemId;
});
选中一行后,单元格将包含您要提取的列。 注意:请确保您在网格中启用选择。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.