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

Question

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

Answer 1

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
    ]
});
    })

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