Kendo Grid 'change'事件未触发原因排查求助

我来帮你梳理几个最可能导致这个问题的点，结合你提到的“独立组件按需更新”这个场景，重点关注后面的几个情况：

• 未启用行选择模式
  Kendo UI Grid默认的selectable配置并不是行选择模式，如果没显式设置，点击行不会触发选择状态变化，自然也就不会触发change事件。你需要在Grid初始化配置里明确加上：

  selectable: "row" // 要是需要多选就用 "multiple, row"
  

  只有开启了行选择，点击行才会触发选择行为，进而触发change事件。

• 按需更新导致事件绑定丢失
  因为你的组件是按需更新的，每次组件重新渲染（比如数据刷新、组件重新挂载）时，如果事件绑定是一次性的（比如只在页面初始加载时绑定），更新后的Grid实例就不会有事件监听了。
  解决办法是把change事件直接声明在Grid的初始化配置里，确保每次创建Grid实例时都带上事件绑定：

  $("#grid").kendoGrid({
    // 其他配置项...
    selectable: "row",
    change: function(e) {
      const selectedRow = this.select();
      const dataItem = this.dataItem(selectedRow);
      // 这里写你的事件处理逻辑
    }
  });
  

  尽量避免用$("#grid").on("change", function(){...})这种静态绑定方式，这种绑定在Grid重新渲染后会失效。

• 组件更新时未重新初始化Grid的完整配置
  如果你的按需更新逻辑是先销毁旧Grid实例再创建新的，一定要确保新实例创建时，不仅重新加载数据，也重新配置selectable属性和change事件，不然新Grid会缺失这些关键配置，自然不会触发事件。

• 混淆了select和change事件
  额外提一句：select事件是点击行时立即触发，而change事件是在选择状态发生变化时触发（比如从选中A行切换到选中B行）。如果你的需求是点击行就触发动作，也可以考虑是否应该用select事件，但如果是选择变化没触发change，还是优先检查前面的配置问题。

你可以先从检查selectable配置是否正确入手，这是触发change事件的基础前提，再逐步排查组件更新时的Grid初始化逻辑。

内容的提问来源于stack exchange，提问作者Prisoner ZERO