extjs - 如何在 extjs 3 网格面板中显示/隐藏列

Question

我有一个网格面板，我需要根据复选框的值在网格面板中显示/隐藏列。如果选中复选框，我需要在网格中显示列，如果未选中，我需要隐藏网格中的列。

这是我的代码

var chkEnableDisplayResponsibilityForAction = '<%=Session["chkEnableDisplayResponsibilityForAction"]%>';

 var flags = Boolean.parse(chkEnableDisplayResponsibilityForAction);
 var flags1 = !Boolean.parse(chkEnableDisplayResponsibilityForAction)

 var colModel = new Ext.grid.ColumnModel([
 { header: "PricePlanID", width: 100, sortable: true, dataIndex: 'PricePlanID', hidden: flags, hideable: flags1 },
  ]);  

当我刷新页面时，我无法根据复选框的值切换列。但是当我登录和注销时，我能够看到网格面板中的变化。谁能帮我刷新网格面板中的列值？

Answer 1

如果看看 ExtJS API，特别是 ColumModel有一个 setHidden方法，它将隐藏/显示 GridPanel 中的一列.

myGrid.getColumnModel().setHidden(0, true);

你也应该钩 onchange复选框的事件，以便您可以显示或隐藏列