Kendo ui 将标题和其他属性设置为剑道ui网格

我使用剑道ui网格来显示数据。我想为网格设置标题。有什么方法可以设置吗

我还想为网格设置一些附加/自定义属性，这将有助于唯一地标识网格。我可以设置为网格的任何自定义属性，以便在需要时获取其值

所以，若网格上有更多实例，这将有所帮助

---

请对此提出建议。

可以使用以下方法遍历所有表：

$.each($(".k-grid"), function (idx, grid) {
    // Do whatever you want to do with "grid"
    ...
});

如果要添加标题，可能类似于：

$.each($(".k-grid"), function (idx, grid) {
    $(grid).data("kendoGrid").wrapper.prepend('<div class="k-grid-header"><table><thead><tr><th class="k-header">Title</th></tr></thead></table></div>');
});

单击每行的第一个图像后，我在事件处理程序中使用

k-grid

类（网格）查找最接近的HTML元素：这是包含网格的HTML

如果你想得到剑道UI

grid

元素，你需要使用

数据（“剑道网格”）

朴素典雅

在这个JSFIDLE:中，如果您单击“添加标题”按钮，您将向每个表添加标题，如果您单击“添加处理程序”，然后在图像中，您将收到一个带有图像所属表的

id

的警报

编辑：如果要迭代文档中每个KendoUI网格第一列中的每个图像，应执行以下操作：

$.each($("td:first > img", ".k-grid table tbody > tr"), function (idx, elem) {
    // "elem" is the image
    console.log(idx, elem);
    // associate event
    $(elem).on("click", fnHandler);
});

---

我更喜欢这样更改标题：

$("#grid th[data-field=Field]").html("Title");

---

谢谢你的回复。标题是网格的标题，而不是列的标题。我正在从代码中动态添加html元素。我想要的是，当我单击该行时，就会发生行更改事件。因为页面上可能有多个网格，所以我想获取网格的id。我还可以设置一些自定义属性，以便在需要时访问该值。非常感谢您的回复和建议。请对此提出建议。感谢您的快速回复和帮助。标题的添加成功了。那太好了。谢谢。关于图像的迭代，我还没有得到，因为我如何迭代行，找到第一列，找到图像，然后将事件附加到它。网格中可能还有其他包含图像的列。因此，我只想将事件附加到第一列中的图像，并为其分配一个单击事件。我已经为每行的第一个图像（也是JSFIDLE示例）编辑了答案，还是您想要每行第一个单元格的图像？也就是说，如果第一个单元格中没有图像，什么也不会发生。非常感谢您的回复。我在每行的第一个单元格中查找图像。第一个单元格中的图像将始终存在于每一行中。基于行值条件，我希望为click事件指定值。这就是我希望在每行的第一个单元格中找到图像并为其分配事件的原因。

$("#grid th[data-field=Field]").html("Title");