以编程方式在kendo网格上启用selectable

// 引入必要的依赖
<link rel="stylesheet" href="kendo.common.min.css" />
<link rel="stylesheet" href="kendo.default.min.css" />
<script src="jquery.min.js"></script>
<script src="kendo.all.min.js"></script>

// 配置网格组件
$("#grid").kendoGrid({
  selectable: true, // 启用可选择行的功能
  columns: [
    { field: "name", title: "姓名" },
    { field: "age", title: "年龄" },
    { field: "gender", title: "性别" }
  ],
  dataSource: [
    { name: "张三", age: 25, gender: "男" },
    { name: "李四", age: 30, gender: "女" },
    { name: "王五", age: 28, gender: "男" }
  ]
});

// 处理选择事件
$("#grid").on("change", function(e) {
  var selectedRows = this.select(); // 获取选中的行
  var selectedDataItems = []; // 存储选中行的数据
  selectedRows.each(function(index, row) {
    var dataItem = $("#grid").data("kendoGrid").dataItem(row);
    selectedDataItems.push(dataItem);
  });
  
  // 执行其他操作，如更新其他组件的状态或获取选中行的数据
});