如何使用jQuery查找页面中所有Kendo UI Grid的名称

Kendo UI Grid 初始化完成后，会自动给对应的DOM元素添加k-grid样式类，你直接用这个类作为jQuery选择器就能选中所有Grid的DOM节点，再遍历获取对应实例即可。

修正后的代码如下：

$(".k-grid").each(function (index, element) {
    // 获取当前Grid的实例对象
    const gridInstance = $(element).data("kendoGrid");
    if (gridInstance) {
        console.log("element: ", element);
        console.log("Grid实例: ", gridInstance);
        // 此处可添加对单个Grid的操作逻辑
    }
});

注意事项 #

• 代码执行时机需要晚于所有Grid的初始化完成时间，否则会遗漏未初始化的Grid实例
• 如果需要筛选部分Grid，可以给目标Grid添加自定义CSS类，用$(".自定义类名.k-grid")缩小选择范围
• 该方法对JS直接初始化、MVVM模式初始化的Grid都适用

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