从kendo网格获取行ID

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.511/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.511/styles/kendo.default.min.css">
<script src="https://kendo.cdn.telerik.com/2022.1.511/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.1.511/js/kendo.all.min.js"></script>

<div id="grid"></div>
<script>
  $("#grid").kendoGrid({
    dataSource: {
      data: [
        { id: 1, name: "John" },
        { id: 2, name: "Jane" },
        { id: 3, name: "Bob" }
      ],
      schema: {
        model: {
          fields: {
            id: { type: "number" },
            name: { type: "string" }
          }
        }
      }
    },
    columns: [
      { field: "id", title: "ID" },
      { field: "name", title: "Name" }
    ]
  });
</script>

<script>
  $("#grid").kendoGrid({
    // ... 省略其他配置 ...
    selectable: "row",
    change: function(e) {
      var selectedRow = this.select(); // 获取选中行的DOM元素
      var dataItem = this.dataItem(selectedRow); // 获取选中行的数据项
      var rowId = dataItem.id; // 获取行ID
      console.log("Selected Row ID: " + rowId);
    }
  });
</script>