list - Sencha 動的タップリスナーをレコードリストに追加

Question

リスト付きの Ext.data.Store と Ext.Panel があります。次のコマンドでレコードを動的に追加します。

myStore.add({txt: r});

リスト レコードをクリックするとメッセージ ボックスにレコード データが表示されるリスナーを追加したいと考えています。

どうすればいいですか？

Ext.data.store

   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

itemtapコンポーネントのイベントを使用する必要がありExt.Listます。

例えば

   ....
   ....
   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);
         }
   }
   ....
   ....