Ext 4.2 展开和关闭所有树节点、刷新

配置TreePanel的DockedItems

最新推荐文章于 2025-07-02 09:37:40 发布

原创最新推荐文章于 2025-07-02 09:37:40 发布 · 961 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在TreePanel中配置dockedItems，包括工具栏(toolbar)的样式设置及按钮功能实现，如刷新(treePanel.getStore().load())、展开全部(treePanel.expandAll())和折叠全部(treePanel.collapseAll())等操作。

在treepanel里配置dockedItems

dockedItems: [{
                        xtype: 'toolbar',
                       style:"border-top:0px;border-left:0px",
                       items:[{
                            xtype:'button',
                            text:"刷新",
                           iconCls : "x-btn-text x-tbar-loading",
                           handler : function (){
                              treePanel.getStore().load();
                        },"-", {
                            iconCls: "icon-expand-all",
                            text:'展开',
                           tooltip: "展开所有",
                            handler: function(){ treePanel.expandAll(); },
                            scope: this
                        },"-",{
                            iconCls: "icon-collapse-all",
                            text:'折叠',
                            tooltip: "折叠所有",
                            handler: function(){ treePanel.collapseAll(); },
                            scope: this
                        }]
                    }],