kendoGrid单击、双击事件绑定并获取当前行数据

来源：互联网发布：apache spark 加载数据编辑：程序博客网时间：2024/05/21 13:53

在对于table进行处理时候，最常用的还是点击或者双击当前行，从而获取当前行的数据，

<span style="font-size:14px;"> 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                });</span>

<pre class="javascript" name="code"><span style="font-size:14px;">// 单击行事件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;                });</span>

<span style="font-size:14px;">// 双击行事件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;                });</span>

1 0