간단한 목록 항목

Question

왼쪽 패널에 목록 항목을 표시하려는 레이아웃이 있습니다. 클릭 이벤트와 함께 목록 항목을 표시하려면 어떻게해야합니까?

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

내 목록 항목은 집, 정보, 사용자, 도움말입니다.

Answer 1

귀하의 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); 
       } 
      } 
}] 

에게 상점을 creat에 할 수있는 청취자를가는 가지 "HTML은 '나는 여기 Ext.List을 보여주고 싶은'"

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

});