簡單列表項

Question

我有一個佈局，我想在左窗格中顯示列表項。如何顯示列表項以及一些點擊事件？

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

我的清單項目是家庭，關於，用戶，幫助。

Answer 1

你的List..instead 「HTML： '在這裏，我想顯示Ext.List'」

枝條的聽衆，你可以創造一些點擊事件

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'] 
} 

});