シンプルリスト項目

Question

私は左のペインにリストアイテムを表示するレイアウトを持っています。リスト項目をクリックイベントとともに表示するにはどうすればよいですか？

{ 
          docked: 'left', 
          style: 'background:#7b7b7b', 
          html: 'Here I want to show Ext.List' 
         } 

マイリストアイテムは、ホーム、About、User、Helpです。

Answer 1

"HTML： 'ここで私はExt.List見せたい'" のごList..instead

はあなたが

items: [ 
     { xtype: 'list', 
      store: 'NaviStore', 
      id: 'NaviList', 
      itemTpl: '<div class="contact">{text}', 
      scrollable: false, 
      listeners:{ 
       itemtap: function (obj, idx, target){ 
        alert(List is Clicked); 
       } 
      } 
}] 

いくつかのタップイベントをレコード生成することができリスナーの小枝あなたの店

Ext.define('MyApp.store.NaviStore', { 
extend: 'Ext.data.Store', 
requires: 'MyApp.model.NaviModel', 
config: { 
    model: 'MyApp.model.NaviModel', 
    data: [ 
     { text: 'Item1'}, 
     { text: 'Item2'}, 
     { text: 'Item3'}, 
     { text: 'Item4'} 
    ], 
    autoLoad: true 
} 
}); 

お客様のモデル

Ext.define('MyApp.model.NaviModel', { 
extend: 'Ext.data.Model', 
config: { 
    fields: ['text'] 
} 

});