無法在ext.js中觸發itemclick

Question

我無法觸發ext.js [4.1..1a GPL]中cellclick上的itemclick事件。我的app.js是這樣的：

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
var k = Ext.create('Ext.panel.Panel', { 
     title: 'Tic Tac Toe', 
     width: 300, 
     height: 300, 
    layout: { 
      type: 'table', 
      // The total column count must be specified here 
      columns: 3 
     }, 
     defaults: { 
      // applied to each contained panel 
      bodyStyle:'padding:20px' 
     } 
    , 
     items: [{ 
      html: '', 
     },{ 
      html: '', 
     },{ 
      html: '' 
     },{ 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
     ], 
     renderTo: Ext.getBody(), 
    listeners : 
    { 
     itemclick: function(dv, record, item, index, e) { 
      alert(record); 
     } 
    } 
    }); 
} 
}); 

任何人都請幫忙。

謝謝

Answer 1

這個監聽器對於面板不存在。您至少需要一個視圖。以下示例捕獲每個「字段」的點擊事件。

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
var k = Ext.create('Ext.panel.Panel', { 
     title: 'Tic Tac Toe', 
     width: 300, 
     height: 300, 
    layout: { 
      type: 'table', 
      // The total column count must be specified here 
      columns: 3 
     }, 
     defaults: { 
      // applied to each contained panel 
      bodyStyle:'padding:20px', 
      listeners: { 
       afterRender: function(p) { 
        p.body.on('click', function() { alert(p.id) }); 
       } 
      } 
     } 
    , 
     items: [{ 
      html: '' 
     },{ 
      html: '', 
     },{ 
      html: '' 
     },{ 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
    { 
      html: '' 
     }, 
     ], 
     renderTo: Ext.getBody() 
    }); 
} 
});