Extjs Grid panel - Hide a column with hideable=false我正在使用 Extjs 4.1 网格面板。我正在寻找一种从网格中隐藏列的方法。我可以使用 setHidden 但随后...
我正在使用 Extjs 4.1 网格面板。
我正在寻找一种从网格中隐藏列的方法。
我可以使用 setHidden 但随后用户可以从列标题的菜单中再次"取消隐藏"该列。
似乎隐藏的属性只是没有削减它......
n
好的。
最终我这样做了:
在网格的"afterrender"事件中:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | var header = pnl.down("headercontainer"); if(header != null && header["getMenu"] != null) { var menu=header.getMenu(); menu.on('beforeshow',function(sender,eOpts){ var menu=sender; if(!menu.items.containsKey("columnItem")) { return; } var columnsSubMenuItem=menu.items.getByKey("columnItem"); var columnsCheckboxes=columnsSubMenuItem.menu.items["items"]; // More code here... // See the pseudo code }); } |
现在我只是遍历列,如果 checkbox.text == column.get_Title()
我在列上使用 setVisible(false | true)。
文档
为每个场景重新配置网格。链接到 api 提示
相关讨论
您可以在 initComponent 方法中配置 columns 属性,并仅将必要的列插入 this.columns 数组
相关讨论
沃梦达教程
本文标题为:关于 extjs4:Extjs Grid 面板 – 使用 hideable=false
基础教程推荐
猜你喜欢
- Vue+WebSocket实现在线聊天 2023-10-08
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 第7天:CSS入门 2022-11-04
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- vue的 Mixins (混入) 2023-10-08
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21