Kendo Grid 在每行上创建一个图标按钮

Question

在剑道网格中，我想在字段列中创建按钮。我提出了这个例子。但目前它只显示第一行（知道如何解决这个问题吗？）。p/s ：我知道另一个选项是使用command，但我已经将它用于编辑和删除按钮，我想为Remark字段创建单独的列。<script>  $("#grid").kendoGrid({    dataBound:function(e){      var gridRows = this.tbody.find("tr");      gridRows.each(function (e) {                  $("#remarkButton").kendoButton({icon: "paste-plain-text" });      });    },    columns: [       { field: "remark", tite: 'Remark',        template: "<a class='k-button' id='remarkButton' ></a>" },      { command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }    ],    dataSource: [ { remark: "Jane Doe" }, { remark: "John Doe" } ]  });</script><div id="grid"></div>

Answer 1

您的问题是您使用的是#选择器，它象征着 id，并且 id 必须是唯一的。

要匹配所有按钮，请使用类选择器：

$(".remarkButton").kendoButton({icon: "paste-plain-text" });

要获得唯一 ID，请使用项目的uid（或kendo.guid()）：

template: function(x) {

    return "<a class='k-button remarkButton' id='remarkButton_" + x.uid + "' ></span></a>"      

}