Sencha touch, добавление изображений, кнопка и список на вид

Question

В моем существующем приложении встроена слайд-навигация http://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/, но я хочу добавить изображение, несколько кнопок и текст под списком.

Вот полный код моего навигационного вида.

Ext.define('myapp.view.Navigation', { 
    extend: 'Ext.List', 
    alias: 'widget.navigation', 
    xtype: 'navigation', 
    requires : ['Ext.data.Store'], 

    config: { 
     cls : 'nav-list', 
     onItemDisclosure : true, 
     items: [{    
      xtype: 'list', 
      store: { 
       fields: ['title', 'event'], 
       data : [] 
      }, 
      itemTpl: new Ext.XTemplate('{title}') 
     }] 
    }, 


    initialize: function() { 

     userJson = localStorage.getItem('userJson'); 

     var user = Ext.JSON.decode(userJson); 
     console.log(user); 
     if(user.id != ''){ 
      var first = user.name.trim().split(" ")[0]; 
      console.log(first); 
      this.callParent(arguments); 
      this.down('list').getStore().add([{title: 'Home', event: 'loadDashboard' } ]); 
      this.down('list').getStore().add([{title: first, event: 'loadProfile' } ]); 


     } 


    }, 
}); 

Можно ли это достичь?

поток Приложение:

После успешного входа в систему, пользователь перенаправляется на приборной панели, я добавил кнопку со значком списка в левой (на панели инструментов), что слайды и отображения окна навигации.

Answer 1

Вы можете использовать другой компонент. Он не должен быть Ext.List, вы можете использовать панель hbox со списком в одном из элементов. Например, я разветвил его в git, чтобы иметь вложенный список вместо списка: https://github.com/azche/slidenav.

Надежда это helps-