kendoGrid單擊、雙擊事件繫結並獲取當前行資料
阿新 • • 發佈:2019-02-15
在對於table進行處理時候,最常用的還是點選或者雙擊當前行,從而獲取當前行的資料,
var detailgrid = $("#Grid").kendoGrid({ dataSource: detailSources, columns: [ { field: 'name', title: '姓名', width: 100 }, { field: 'lisence_no', title: '執照號', width: 140 }, { field: 'date_valid', title: '執照有效期', width: 100}, { field: 'lisence_sci', title: '執照專業', width: 80 } ], editable: { mode: "popup" }, selectable: true, autoBind: false, pageable: true }); // 單擊行事件 detailgrid.on('click', '.k-grid-content tr', function () { // 獲取當前選擇行資料 var row = detailgrid.data("kendoGrid").select(); var data = detailgrid.data("kendoGrid").dataItem(row); var Name = data.name; }); // 雙擊行事件 detailgrid.on('dblclick', '.k-grid-content tr', function () { // 獲取當前選擇行資料 var row = detailgrid.data("kendoGrid").select(); var data = detailgrid.data("kendoGrid").dataItem(row); var Name = data.name; });