如何在 Kendo-grid 中的命令中實現 IF 語句？

Question

我嘗試在kendo-grid的模板中實現IF條件，但模板位於命令內部。 條件給我一個錯誤。 出了什么問題，我該怎么辦？

這是我的代碼：

command:{
          text: "Tarea",
          field: "Comentario",
          click: function (e) {
                  console.log("Hello")
          },
         template:'#if(Comentario != 0){# <a href="\\#" class="k-button k-button-icontext k-grid-Tarea"><span class="fa fa-2x fa fa-pencil-square-o text-default"></span></a> # } else {# <a href="\\#" class="k-button k-button-icontext k-grid-Tarea"><span class="fa fa-2x fa fa-pencil text-default"></span></a> #} #',
          },

Answer 1

命令對象沒有模板屬性。 您可以改用列模板：

$("#grid").kendoGrid({
  columns: [
    "name", 
    "Comentario",
    {
       field: "Comentario",
       title: "Tarea",
       template: '#if(Comentario != 0){# <a href="\\#" class="k-button k-button-icontext k-grid-Tarea"><span class="fa fa-2x fa fa-pencil-square-o text-default"></span></a> # } else {# <a href="\\#" class="k-button k-button-icontext k-grid-Tarea"><span class="fa fa-2x fa fa-pencil text-default"></span></a> #} #'
    }],
  dataSource: [ { Comentario: "0", name: "Name1" }, { Comentario: "1", name: "Name1" } ]
});

然后你可以使用點擊處理程序和網格的 dataItem 方法來處理對自定義字體真棒按鈕的點擊：

$("#grid").on("click", ".k-grid-Tarea", function(e) {
    var grid = $("#grid").data("kendoGrid");
    var dataItem = grid.dataItem($(this).closest("tr"));
    alert(dataItem.name); // displays name column       
});

演示