如何有条件地隐藏或显示剑道网格中的列答案

【问题标题】：How to hide or show the columns in Kendo grid conditionally如何有条件地隐藏或显示剑道网格中的列
【发布时间】：2016-11-03 09:17:43
【问题描述】：

如果我们必须在剑道网格中隐藏一列，我们通常会这样写。

 { field: "Name", hidden: true },

但我想在隐藏中使用条件。 true 或 false 将来自另一个字段的数据库，即 HideShow。如果我可以设置，有什么选择吗？

 { field: "Name", hidden: HideShow},

HideShow = true/false 将在从数据库中获取记录时设置。

我也尝试过通过 jquery 隐藏和显示，但它在显示时扭曲了网格布局。隐藏工作正常。

【问题讨论】：

标签： jquery kendo-ui kendo-grid

【解决方案1】：

为您的网格定义一个 DataBound 事件，然后决定隐藏列。下面是一个示例：

<script>
var grid = $("#myGrid").data("kendoGrid");
grid.bind("dataBound", grid_dataBound);
<script>
function grid_dataBound() {
   if (MustBeHide)
      this.hideColumn("Name");
}
</script>

这将隐藏“名称”列。

你也可以按列索引隐藏列，像这样：

function grid_dataBound() {
   if (MustBeHide)
      this.hideColumn(1);
}

【讨论】：

【解决方案2】：

您可以在Edit: onGridEditing 上执行它。以下是函数：

 function onGridEditing(arg) {
        if (true) {
            $('label[for=Name]').hide();
            $('div[data-for=DesignationID]').hide();
        }
        else {
            $('label[for=Name]').show();
            $('div[data-for=DesignationID]').hide();
        }
 }

希望这会对你有所帮助。

【讨论】：