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>"      }