有没有办法只针对特定行显示kendo网格列?

时间:2018-05-28 12:24:30

标签: javascript jquery kendo-ui kendo-grid

我是kendo的新手kendo和初学者。在kendo网格中为一列创建了kendo kendo模板。但我想只为特定行显示此按钮。剑道有没有办法呢?

command: [
    {
        title: "Accept",
        template:"<button title='Accept' class='btn btn-success btn-flat' onclick='AcceptClick(this)'><span class='fa fa-check '></span> </button>"
    }, {
        title: "Reject",
        template: "<button title='Reject' class='btn btn-danger btn-flat' onclick='RejectClick(this)'><span class='glyphicon glyphicon-remove'></span>  </button>"
    }
],
title: "Action",
width: "160px"

2 个答案:

答案 0 :(得分:2)

这可以使用模板来完成,但功能如下:

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [ {
    field: "name",
    template: function(dataItem) {
//your if condition can be coded here like: if (dataItem.someColumn){}
      return "<strong>" + kendo.htmlEncode(dataItem.name) + "</strong>";
    }
  }],
  dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ]
});
</script>

答案 1 :(得分:1)

首先,您需要维护一个标志变量来检查条件。 根据条件,您可以显示和隐藏您想要做的任何事情 按照代码

template: function(data) {
    if (data.flagvalue == "some value") {
        return "<button title='Accept' class='btn btn-success btn-flat' onclick='AcceptClick(this)'><span class='fa fa-check '></span> </button>"
    } else {
        return "";
    }
}