2 listes déroulantes dans Sencha Touch ne pas faire défiler

Question

J'ai 2 éléments de liste dans Sencha Touch, qui ont été ajoutés à mon panneau. Chaque liste a width = 50% et height = fullscreen. Le panneau a la hauteur en plein écran. Chaque liste a un magasin contenant environ 100 articles. Sencha estime mal l'étendue de la liste et ne me permet pas de faire défiler vers le bas. Je ne peux descendre que quelques éléments et ça revient en arrière.

Comment puis-je faire défiler les éléments de la liste côte à côte?

Merci, Gerry

Answer 1

Cela fonctionne pour moi je pense que l'affaire est la valeur de mise en page pour chaque panneau. 'Hbox' pour parent, puis 'fit' pour les deux demi-panneaux, si les panneaux "côte à côte" ne sont pas configurés pour s'adapter à une liste ne défilera pas correctement.

root = new Ext.Panel({ 
    fullscreen: true, 
    layout: 'hbox', 
    version: '1.1.1', 
    scroll: false, 
    items: [{ 
     xtype: 'panel', 
     width: '50%', 
     height: '100%', 
     layout: 'fit', 
     items: [{ 
      xtype: 'list', 
      itemTpl: '{display}', 
      store: new Ext.data.Store({ 
       model: 'item', 
       data: [...] 
      }) 
     }] 
    }, { 
     xtype: 'panel', 
     width: '50%', 
     height: '100%', 
     layout: 'fit', 
     items: [{ 
      xtype: 'list', 
      itemTpl: '{display}', 
      store: new Ext.data.Store({ 
       model: 'item', 
       data: [...] 
      }) 
     }] 
    }] 
});