Extjs - 树面板扩展事件

时间:2013-03-27 08:12:48

标签: javascript extjs treepanel

我想在展开节点时创建一个树面板并向其添加一个事件,但代码似乎对我不起作用。我已经搜索谷歌几个小时但没有运气。谁能看一看并告诉我为什么?

这是我的code

Ext.onReady(function () {
    var store = Ext.create('Ext.data.TreeStore', {
        root: {
            expanded: true,
            children: [{
                text: "detention",
                leaf: true
            }, {
                text: "homework",
                expanded: false,
                children: [{
                    text: "book report",
                    leaf: true
                }, {
                    text: "alegrbra",
                    leaf: true
                }]
            }, {
                text: "buy lottery tickets",
                leaf: true
            }]
        }
    });

    Ext.create('Ext.tree.Panel', {
        title: 'Simple Tree',
        width: 200,
        height: 150,
        store: store,
        rootVisible: false,
        renderTo: Ext.getBody(),
        listeners: {
            afteritemexpand: function ( node, index, item, eOpts ){
                alert('HAHA');
            }
        }
    });
});

提前致谢!

1 个答案:

答案 0 :(得分:3)

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

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

这是一个小提琴:

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