如何在 Kendo-grid 中的命令中实现 IF 语句？

Question

I try to implement a IF condition in a template of kendo-grid, but the template is located inside of command. The condition send me an error. what is wrong and what can i do?

Here my code:

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

The command object does not have a template property. You can use the column template instead:

$("#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" } ]
});

Then you can use a click handler and the grid's dataItem method to handle the clicks on your custom font awesome buttons:

$("#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       
});

DEMO