$("#rowSelection").kendoGrid({ dataSource: { data: orders }, selectable: "row", columns: [ { field: "ShipCountry", title: "Ship Country", width: 300 }, { field: "Freight", width: 300 }, { field: "OrderDate", title: "Order Date", format: "{0:dd/MM/yyyy}" } ] });
Javascript 代码如下:
var grid = $("#grid").data("kendoGrid");
var dataRows = grid.items();
// 获取行号
var rowIndex = dataRows.index(grid.select());
// 获取行对象
var data = grid.dataItem(grid.select());
行双击事件及行数据的取得 //前提 Grid的selectable: "row", $("#gridID").on("dblclick", "tr.k-state-selected", function () { var grid = $("#grid").data("kendoGrid"); var data = grid.dataItem(grid.select()); $("#txt1").val(data.get("ProductID")); $("#txt2").val(data.get("ProductName")); $("#txt3").val(data.get("UnitsInStock")); });