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
猜你喜欢
- 关于 html:如何从 css 表中删除边距和填充 2022-09-21
- vue keep-alive 2023-10-08
- jsPlumb+vue创建字段映射关系 2023-10-08
- ajax实现输入提示效果 2023-02-14
- 基于CORS实现WebApi Ajax 跨域请求解决方法 2023-02-14
- JS实现左侧菜单工具栏 2022-08-31
- javascript 判断当前浏览器版本并判断ie版本 2023-08-08
- 深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库 2022-12-15
- layui数据表格以及传数据方式 2022-12-13
- 1 Vue - 简介 2023-10-08