javascript - 如何在extjs中隐藏GridPanel的列

Question

嗨，我有多列的 gridcoumn，我想在更改组合框时使用 AriaAttributes() 隐藏和显示一些列(此代码可以，只是不能隐藏和显示列)我的代码:

     @(X.GridPanel()
          .View(X.GridView().GetRowClass(x => x.Fn = "MyRowCls"))
          .Stateful(true)
          .Region(Region.Center)
          .ID("MyGrid")
X.Column().Text("a").DataIndex(Model, m => m.a),
X.Column().Text("b").DataIndex(Model, m => m.b).AriaAttributes(myAttr),//show and hide this column
X.Column().Text("c").DataIndex(Model, m => m.b),
X.Column().Text("c").DataIndex(Model, m => m.b),
X.Column().Text("c").DataIndex(Model, m => m.b).AriaAttributes(myAttr),//show and hide this column
X.Column().Text("a").DataIndex(Model, m => m.a)
...

jquery 代码是:

var grid = Ext.getCmp('MyGrid');
grid.initialConfig.columns.items.forEach(
        ... /checked AriaAttributes is ok
{
        item.Hidden(true); // not work
        //item.setVisible(false)  // not work
        ....  // not work
}
...
   }

但不工作

Answer 1

您正尝试在简单对象上调用 setVisible 方法，因为 initialConfig.columns 存储未将转换传递给 的列的原始配置gridcolumns 实例。

列本身在这里 - grid.columns 并且它有需要的方法

var grid = Ext.getCmp('MyGrid');
grid.columns.items.forEach(item =>
    ...
    {
        item.setVisible(false);
        // or you can call hide() method
    }
    ...
   });