extjs 树形面板展开折叠事件答案

【问题标题】：extjs treepanel expand collapse eventextjs 树形面板展开折叠事件
【发布时间】：2016-05-25 19:38:16
【问题描述】：

我有一个树面板，树面板内有节点。要确定树面板是展开还是折叠的节点，我使用以下代码：

Ext.getCmp('general').collapsed

返回值为真或假。当树形面板展开或折叠时，树形面板中是否有可以捕获的事件？我的意思是树面板，而不是面板中的节点。

非常感谢您的帮助。

谢谢。

【问题讨论】：

标签： extjs treepanel

【解决方案1】：

这里一定是你做错了，下面的代码有效，看这个JSFiddle

Ext.create('Ext.tree.Panel', {
    collapsible: true,
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody(),
    listeners: {
        collapse: function() {
            alert('collapsed');
        },
        expand: function() {
            alert('expand')
        }
    }
});

【讨论】：

我尝试在我的监听器中添加折叠和展开事件，但它仍然不起作用。
那么你需要分享更多代码，因为这对我有用，也应该对你有用。您在哪里以及如何声明监听器？
id：'accountTreePnl'，名称：'accountTreePnl'，高度：250，xtype：“treepanel”，rootVisible：false，边框：false，animate：false，autoScroll：true，containerScroll：true， root: new Ext.tree.AsyncTreeNode({ text: 'Account(s)' }), loader: new Ext.tree.TreeLoader({ dataUrl: '' }), dropConfig : { appendOnly : true }, listeners: { collapse : function() { }, 展开: function() { } }
@EugeneAnthony 基于该示例，您的树根本不可折叠。所以我猜你正在折叠一个嵌套了树的容器？
树形面板位于使用适合布局的面板内。

【解决方案2】：

'expand' 和 'collapse' 对我也不起作用。相反，'itemcollapse'、'itemexpand'、'itemmove' 和他们的同行确实为我工作。我使用的是 Ext-JS 4.2.1。

【讨论】：

您使用了错误的事件。您需要使用 afteritemexpand 事件。 afteritemexpand: function (node, index, item, eOpts){ alert('Dharmesh');这是一个小提琴：jsfiddle.net/johanhaest/RDC9W/1

【解决方案3】：

您使用了错误的事件。您需要使用 afteritemexpand 事件。

afteritemexpand: function ( node, index, item, eOpts ){
    alert('HAHA');
}

这是一个小提琴：

http://jsfiddle.net/johanhaest/RDC9W/1/

【讨论】：