<div id="grid"></div>
<script>
var grid = $("#grid").kendoGrid({
columns: [
{ field: "id" },
{ field: "name" }
],
dataSource: [
{ id: "1", name: "lili" },
{ id: "2", name: "jim" },
{ id: "3", name: "jone" },
{ id: "4", name: "tom" }
],
filterable: true,
sortable: true,
navigatable: true,
selectable: "multiple",
pageable: {
pageSize: 10,
refresh: true
},
columns: [
{ field: "id", title: "账号" },
{ field: "name", title: "姓名" }
],
});
grid.on('dblclick', '.k-grid-content tr', function () {
// 双击
var row = grid.data("kendoGrid").select();
var data = grid.data("kendoGrid").dataItem(row);
var id = data.id;
alert('双击事件【id:' + id + '】');
});
grid.on('click', '.k-grid-content tr', function () {
// 双击
var row = grid.data("kendoGrid").select();
var data = grid.data("kendoGrid").dataItem(row);
var name = data.name;
alert('单击事件【name:' + name + '】');
});
</script>
<script>
var grid = $("#grid").kendoGrid({
columns: [
{ field: "id" },
{ field: "name" }
],
dataSource: [
{ id: "1", name: "lili" },
{ id: "2", name: "jim" },
{ id: "3", name: "jone" },
{ id: "4", name: "tom" }
],
filterable: true,
sortable: true,
navigatable: true,
selectable: "multiple",
pageable: {
pageSize: 10,
refresh: true
},
columns: [
{ field: "id", title: "账号" },
{ field: "name", title: "姓名" }
],
});
grid.on('dblclick', '.k-grid-content tr', function () {
// 双击
var row = grid.data("kendoGrid").select();
var data = grid.data("kendoGrid").dataItem(row);
var id = data.id;
alert('双击事件【id:' + id + '】');
});
grid.on('click', '.k-grid-content tr', function () {
// 双击
var row = grid.data("kendoGrid").select();
var data = grid.data("kendoGrid").dataItem(row);
var name = data.name;
alert('单击事件【name:' + name + '】');
});
</script>