Phonegap + Sencha + Ext.List

Question

Je veux construire une application Android qui est écrit en Sencha avec Phonegap. Fonctionne correctement mais Ext.List n'est pas affiché. Quelqu'un at-il eu le même problème et une solution?

J'ai un TabPanel avec 5 éléments. L'un d'eux est Home qui est une Ext.List. Les données de la liste proviennent d'un magasin. Cela fonctionne bien dans le navigateur, mais si je tente de le construire pour Android avec PhoneGap cette liste n'apparaît pas. Juste le HTML qui est mentionné plus bas.

var mainMnu = new Ext.TabPanel(
    {tabBar : { 
    dock : 'bottom', 
      layout : { 
      pack : 'center' 
     } 
    }, 
    items : [ 
    { 
     title : 'Home', 
     html : '<h1>Welcome Home</h1>', 
     iconCls : 'home', 
     cls : 'card1', 
     dockedItems: [pnlLstHome] 
    }, ..... 

lstHome = new Ext.List({ 
    grouped : false, 
    indexBar : false, 
    id : 'idLstHome', 
    cls: 'homeList', 
    store : lstStoreMnu, 
    itemTpl : '<div class="list">{item}</div>', 
    onItemDisclosure : false, 
    onItemSelect : function(record, btn, index) { 
     // console.log(record.data); 
     switch (record.data.item) { 
     case constStoreMnuGalerie: 
      pnlLstHome.setActiveItem('idPnlGalerie'); 
      // detailPanel.update(record.data);// detailPanel.doLayout(); 
      break; 
     case constStoreMnuTrends: 
      pnlLstHome.setActiveItem('idPnlTrends'); 
      // detailPanel.update(record.data); 
      break; 
     default: 
      console.log('You clicked Unknown Item!'); 
      return; 
     } 
    } 
}); 

DataStore

lstStoreMnu = new Ext.data.Store({ 
    model: 'list', 
    //sorters: 'item', //Sortierung 
    getGroupString : function(record) { 
     return record.get('item')[0]; 
    }, 
    data: [ 
      { item: constStoreMnuGalerie}, 
      { item: constStoreMnuTrends}, 
      { item: constStoreMnuPreise}, 
      { item: constStoreMnuProdukte}, 
      { item: constStoreMnuOpen}, 
      { item: constStoreMnuShare} 
    ] 
}); 

Answer 1

Vous avez ajouté la liste comme dockedItem

Essayez d'ajouter comme un élément -à-dire

{ 
     title : 'Home', 
     // html : '<h1>Welcome Home</h1>', 
     iconCls : 'home', 
     cls : 'card1', 
     items: [pnlLstHome] 
    } 

Espérons que cela aidera ...