Extjs - событие расширения панели дерева

Question

Я хочу создать панель дерева и добавить к ней событие при расширении узла, но код, похоже, не работает для меня. Я уже много раз искал Google, но не повезло. Может ли кто-нибудь взглянуть и рассказать мне, почему?

Вот мой 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'); 
      } 
     } 
    }); 
}); 

Заранее спасибо!

Answer 1

Вы использовали неправильное событие. Вам нужно использовать событие afteritemexpand.

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

Вот скрипка:

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