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;
                });

 

你可能感兴趣的:(JavaScript,Kendo,UI)