extjs 布局中添加了collapseMode:'mini',就能出现小箭头折叠west 请问小箭头的click事件是什么？

extjs 布局中添加了collapseMode:'mini',就能出现小箭头折叠west 请问小箭头的click事件是什么？我想手动调用让他折叠！

Ext.onReady(function() {
var nodeData = [{text:'node',leaf:false,children:[{text:'childNode',leaf:false,children:[{text:'hello',leaf:true}]}]}]

var panel = new Ext.Panel({
    title:'点击下面的链接',
    region:'center',
    html:'<a href="javascript:Ext.getCmp(\'treePanel\').collapse()">折叠</a>'

})

var treePanel = new Ext.tree.TreePanel({
    region:'west',
    title:'treePanel',
    split:true,
    id:'treePanel',
    collapseMode:'mini',
    splite:true,
    widht:500,
    useArrows:true,
    lines:false,
    root:new Ext.tree.TreeNode({
        text:'Root'
    })
});

treePanel.getRootNode().appendChild(nodeData);

var view = new Ext.Viewport({
    layout:'border',
    items:[
        treePanel,panel
    ]
});
    })

给你写了一个例子 运行一下 是你要的效果 测试过的

gridPanel.collapse()方法就可以让panel折叠

var gridPanel = new Ext.grid.GridPanel({
//configs
})

可以在其他的地方调用gridPanel的collapse方法

也可以在gridPanel设置的时候 加上collapsible:true就

那就在连接点击的时候 调用gridPanel的collapse()方法 就会自己折叠了 我经常这样

折叠