column属性 extjs_javascript – Extjs Grid面板 – 渲染后更改enableColumnHide属性

似乎没有明显的方法可以做到这一点,但我发现了一个hack – 每次更改该值时都会在headerCt和destroy header菜单上更改enableColumnHide.示例代码：

var checkbox = new Ext.form.field.Checkbox({

renderTo: 'checkbox',

boxLabel: 'enableColumnHide',

checked: true,

handler: function(sender, checked) {

var h = grid.headerCt;

h.enableColumnHide = checked;

if (h.menu) {

h.menu.destroy();

h.menu = null;

}

}

});

通过在列上使用hideable也可以实现：

var checkbox = new Ext.form.field.Checkbox({

renderTo: 'checkbox',

boxLabel: 'enableColumnHide',

checked: true,

handler: function(sender, checked) {

Ext.each(grid.columns, function(c){

c.hideable = checked;

});

}

});