处理树面板上的项单击事件 Extjs 4.

Question

我想做的是在不同的树叶点击上得到不同的反应！

var myTree = Ext.create('Ext.tree.Panel',
    store: store,
    rootVisible: false,   
    border: false,
    listeners: {
        itemclick: function(index) {            
            var record = store.getAt(index);
            alert(record);          
        }
    }
});

我尝试使用索引，以获得叶子的索引，什么都没有。我可以在节点单击时获得反应，但是如何在每个叶子上获得特定的反应？我也试着给叶子身份证，没有运气???

也许一个简单的例子

itemclick: function(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e) {  
}

请帮忙！！

Answer 1

itemclick事件侦听器的函数参数"index"不指向树节点的索引。就像您在问题末尾提到的，itemclick事件的语法是：

function(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e) {
}

下面是一个示例：

itemclick : function(view,rec,item,index,eventObj) {
    // You can access your node information using the record object
    // For example: record.get('id') or record.get('some-param')
    if(r.get('id')=='SP') {
        // I do my necessary logic here.. may be open a perticular window, grid etc..
    }
    if(r.get('id')=='CO') {
        // I do my necessary logic here.. may be open a perticular window, grid etc..
    }           
}

这是我的树节点数据的示例：

{ text: 'SP Reports', id: 'SP', leaf: true},
{ text: 'CO Reports', id: 'CO', leaf: true},

Answer 2

Itemclick 处理程序已经为您提供

了所需的一切：

itemclick(view, record, item, index, e ) {
    var id = record.get('id');
    // do something depending on the record data.
    // console.log(record);
}

Answer 3

我正在尝试执行通用树面板的项目单击处理程序，并能够获取我添加到节点对象的自定义字段。这对我有帮助。我不知道这是否是标准且兼容的 ExtJs 4 方式：

            (Some Panels Here),
            items: [{
                xtype: 'treepanel',
                listeners: {
                    itemclick: {
                        fn: function (view, record, item, index, e) {
                            console.log(record.raw.userData);
                        }
            (removed...)