Sencha動態添加監聽程序以錄制列表

Question

我有一個Ext.data.Store和一個帶有列表的Ext.Panel。 我使用以下命令動態添加記錄：

myStore.add({txt: r});

我想添加一個偵聽器，當我單擊列表記錄時，它將在消息框中顯示記錄數據。

我該怎么做？

擴展數據存儲

   var myStore = Ext.create('Ext.data.Store', {
        storeId: 'MyStore',
        fields: ['txt']
    }); // create()

外部面板

listpanel = new Ext.Panel({
                            layout: 'fit',   // important to make layout as 'fit'
                            items: [
                                {
                                    xtype: 'titlebar',
                                    id: 'myTitle',
                                    docked: 'top',
                                    title: 'Before Change title'

                                },
                                {
                                  //Definition of the list
                                  xtype: 'list',
                                  itemTpl: '{txt}',
                                  store: myStore,
                                }]
                          });

Answer 1

您需要使用Ext.List組件的itemtap事件。

例如

   ....
   ....
   xtype: 'list',
   itemTpl: '{txt}',
   store: myStore,
   listeners : {
         itemtap : function(item, num, record, ev) {
                var myTxt = item.getStore().getAt(num).get('txt');
                Ext.Msg.alert('Message','Tapped record : '+myTxt);
         }
   }
   ....
   ....