Affichage de la liste dans le panneau dans sencha touch

Question

Je fais fondamentalement 2 panneau horixzontal pour diviser l'écran pour l'ipad. J'essaie d'afficher la liste dans le panneau de gauche et une vue de détail dans le panneau de droite, mais comment je ne reçois pas la liste.

ci-dessous est l'opinion que je me sers:

Ext.define("Sencha.view.Main", { 
extend: 'Ext.Container',  
config: { 

layout: 'hbox', 

    items: [ 
    { 
     xtype: 'panel', 
     width: 300, 
     items: [ 

       { 
        xtype: "list", 
        id:'contactlist', 
        store:'Items', 
       } 
       ], 
    }, 
    { 
     xtype: 'panel', 
     html: 'Message Detail view goes here ....' 

    } 
] 
} 

});

est en dessous du magasin que j'utilise:

Ext.define('Sencha.store.Items', { 
extend: 'Ext.data.Store', 

config: { 
    model: 'Sencha.model.Item', 
    defaultRootProperty: 'items', 
    root: { 
     items: [ 
      { 
       text: 'Drinks', 

      }, 
      { 
       text: 'Snacks', 

      } 
     ] 
    } 
} 

});

Answer 1

Je pense que vous pourriez manquer l'option de configuration flexible dans la liste comme indiqué dans les sencha docs et la itemTpl

{ 
     xtype: "list", 
     id:'contactlist', 
     flex: 1, 
     itemTpl: {text}, 
     store:'Items', 
} 

docs: « Le flex de cet article si cet objet de l'article se trouve dans un poste Disposition .layout.HBox ou Ext.layout.VBox. "

Il n'existe pas non plus de storeId pour le magasin. storeId: 'Items',