点选TreePanel当前节点，折叠其他节点

项目中TreePanel节点过多，经过多次点击后，所有节点都被展开，用户不太容易看清树节点。

解决思路：点击当前节点，折叠其他节点。

图一：点击A文件夹，展开A文件夹下所有节点，折叠除A文件夹之外的所有节点。

图二：点击B文件夹，展开B文件夹下所有节点，折叠除B文件夹之外的所有节点。

TreePanel部分代码如下：

<ext:TreePanel  ID="MenuTree"  runat="server"  Header="false" AutoScroll="true" CollapseFirst="false" UseArrows="true" Animate="false">
     <TopBar>
                 <ext:Toolbar runat="server">
                            <Items>
                                 <ext:Button ID="Button1" runat="server" Text="展开所有" Icon="ArrowOutLonger" >
                                    <Listeners>
                                         <Click Handler="#{MenuTree}.expandAll();" />
                                    </Listeners>
                                </ext:Button>
                                <ext:Button ID="Button2" runat="server" Text="折叠所有" Icon="ArrowInLonger"  >
                                    <Listeners>
                                        <Click Handler="#{MenuTree}.collapseAll();" />
                                    </Listeners>
                                </ext:Button>
                            </Items>
                        </ext:Toolbar>
              </TopBar>
               <Listeners>
                            <ItemClick Handler="f();" />
               </Listeners>
 </ext:TreePanel>

Javascript部分代码如下：

var f = function () {
            var nodes = Ext.getCmp("MenuTree").getSelectedNodes();
            Ext.getCmp("MenuTree").collapseAll();
            var node = Ext.getCmp("MenuTree").store.getNodeById(nodes[0].nodeID);
            var path = nodes[0].path;
            var strpaths = path.toString().split("/");
            for (var i = 1; i < strpaths.length; i++) {
                var item = Ext.getCmp("MenuTree").store.getNodeById(strpaths[i]);
                if(item!=null && item.data.leaf!=true)
                item.expand();
            }
        }