Как определить, какая ячейка была нажата?

Question

Я новичок в JavaScript, и мне приходится использовать ExtJS 3.4. Я создал простое дерево с тремя столбцами. Я хотел бы знать, какая ячейка выбрана, или даже, только какая строка и столбец были выбраны.

Я просто используя пример, который использует Сенча в http://dev.sencha.com/deploy/ext-3.4.0/examples/treegrid/treegrid.html:

var tree = new Ext.ux.tree.TreeGrid({ 
    title: 'Core Team Projects', 
    width: 500, 
    height: 300, 
    renderTo: Ext.getBody(), 
    enableDD: true, 

    columns:[{ 
     header: 'Task', 
     dataIndex: 'task', 
     width: 230 
    },{ 
     header: 'Duration', 
     width: 100, 
     dataIndex: 'duration', 
     align: 'center', 
     sortType: 'asFloat', 
     tpl: new Ext.XTemplate('{duration:this.formatHours}', { 
      formatHours: function(v) { 
       if(v < 1) { 
        return Math.round(v * 60) + ' mins'; 
       } else if (Math.floor(v) !== v) { 
        var min = v - Math.floor(v); 
        return Math.floor(v) + 'h ' + Math.round(min * 60) + 'm'; 
       } else { 
        return v + ' hour' + (v === 1 ? '' : 's'); 
       } 
      } 
     }) 
    },{ 
     header: 'Assigned To', 
     width: 150, 
     dataIndex: 'user' 
    }], 

    dataUrl: 'treegrid-data.json' 
}); 

Можно ли это сделать в ExtJS 3.4? Я могу получить узел, но я не вижу, где он говорит мне, какая ячейка или столбец или строка были выбраны.

Любая помощь была бы принята с благодарностью!

Answer 1

необходимо подключить слушателей, например.

listeners: { 
       afterRender: function(p) { 
        p.body.on('click', function() { // Function tapping clicks on Panel 
        alert(p.getTargetEl().dom.innerHTML); 

              }); 
        }); 

      }