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

Posted 2023-05-07

【中文标题】如何有条件地隐藏或显示剑道网格​​中的列

【英文标题】：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 隐藏和显示，但它在显示时扭曲了网格布局。隐藏工作正常。

【参考方案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();
        
 

希望这会对你有所帮助。