【问题标题】:Hide grid Panel Column programmatically ExtJs 5以编程方式隐藏网格面板列 ExtJs 5
【发布时间】:2015-09-24 05:16:32
【问题描述】:

当加载与网格面板关联的存储时,我想在 ExtJs 5 的网格面板中隐藏一列。

【问题讨论】:

  • 但是如何访问网格面板列并将其隐藏
  • 网格重新配置。这就是我会使用的。例如看看这个。 jsfiddle.net/prajavk/t2bvj

标签: javascript extjs extjs5 sencha-architect


【解决方案1】:

取决于您的数据存储的工作方式......有 onload 事件。隐藏关于该事件的专栏。

【讨论】:

  • 我想知道我们需要如何在 extjs 中编写代码来访问和隐藏列
【解决方案2】:

使用以下语法可以实现:

   <yourGrid>.down('headercontainer').getGridColumns()[<columnIndex>].hidden = true;

【讨论】:

  • 我应该保持“headercontainer”这个名字吗
【解决方案3】:

如果您知道要隐藏的列的索引,则可以在触发存储加载事件后使用此代码

grid.getColumnManager().getHeaderAtIndex(indexOfColumn).hide()

【讨论】:

    【解决方案4】:

    您可以从手册 [Ext.grid.column.Column-method-hide] 中找到该 api:http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.grid.column.Column-method-hide

    有一个小提琴适合你:http://runjs.cn/code/qusp7pql

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-09
      • 1970-01-01
      • 2014-03-10
      相关资源
      最近更新 更多