Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法只显示特定行的剑道网格列?_Javascript_Jquery_Kendo Ui_Kendo Grid - Fatal编程技术网

Javascript 有没有办法只显示特定行的剑道网格列?

Javascript 有没有办法只显示特定行的剑道网格列?,javascript,jquery,kendo-ui,kendo-grid,Javascript,Jquery,Kendo Ui,Kendo Grid,我是剑道新手和剑道初学者。下面是剑道格网中一列剑道模板。但我只想为特定行显示此按钮。剑道中有没有办法做到这一点 command: [ { title: "Accept", template:"<button title='Accept' class='btn btn-success btn-flat' onclick='AcceptClick(this)'><span class='fa fa-check '></span&g

我是剑道新手和剑道初学者。下面是剑道格网中一列剑道模板。但我只想为特定行显示此按钮。剑道中有没有办法做到这一点

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"
命令:[
{
标题:“接受”,
模板:“”
}, {
标题:“拒绝”,
模板:“”
}
],
标题:“行动”,
宽度:“160像素”

这可以通过您的模板来完成,但其功能如下:

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

$(“#网格”).kendoGrid({
列:[{
字段:“名称”,
模板:函数(数据项){
//您的if条件可以在这里编码为:if(dataItem.someColumn){}
返回“”+kendo.htmlEncode(dataItem.name)+“”;
}
}],
数据源:[{name:“Jane Doe”},{name:“John Doe”}]
});

这可以通过您的模板来完成,但其功能如下:

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

$(“#网格”).kendoGrid({
列:[{
字段:“名称”,
模板:函数(数据项){
//您的if条件可以在这里编码为:if(dataItem.someColumn){}
返回“”+kendo.htmlEncode(dataItem.name)+“”;
}
}],
数据源:[{name:“Jane Doe”},{name:“John Doe”}]
});

首先,您需要维护一个用于检查条件的标志变量。 根据条件,您可以显示和隐藏想要执行的任何操作 遵守守则

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 "";
    }
}
模板:函数(数据){
如果(data.flagvalue==“某个值”){
返回“”
}否则{
返回“”;
}
}

首先,您需要维护一个用于检查条件的标志变量。 根据条件,您可以显示和隐藏想要执行的任何操作 遵守守则

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 "";
    }
}
模板:函数(数据){
如果(data.flagvalue==“某个值”){
返回“”
}否则{
返回“”;
}
}