1. 程式人生 > >kendoGrid單擊、雙擊事件繫結並獲取當前行資料

kendoGrid單擊、雙擊事件繫結並獲取當前行資料

在對於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;
                });