Panneau tactile sencha ne défilera pas après l'application du modèle

Question

J'ai un panneau réglé sur layout: 'fit' comme toutes mes recherches ont suggéré le problème. Après une demande JSONP et l'application d'un modèle, je ne peux pas faire défiler jusqu'au bas de la liste.
J'ai rempli le html: '<div>text</div>...<div>bottom</div>' et j'ai commenté la demande JSONP. Cela fonctionne bien. Je suis parti là-bas, puis appliqué à nouveau le modèle, toujours pas aller.

Mon modèle

new Ext.XTemplate([ 
    '<tpl for=".">', 
      '<div>', 
       '<a href="product.html#{productid}" >', 
        '<h3>{title}</h3>', 
        '<img src="{img}" />', 
        '<p>Manufacturer: {realvendor}<br/>', 
        'Product#: {partnumber}<br/>', 
        'Manufacturer#: {vendornumber}<br/>', 
        'List Price: {msrp}<br/>', 
        'Description: {text}<br/>', 
        '</p>', 
       '</a>', 
       '<a href="price_av.html#{productid}" title="Price/Availablity" >Check Price</a>', 
      '</div>', 
    '</tpl>' 

Answer 1

Après beaucoup de plaisir dans la console et les profils, je traqué le problème. Il ne définissait pas la hauteur de mon panneau sur panel.update(), mais il définissait la hauteur du conteneur div. App.views.home.setHeight(App.views.home.el.up('div').dom.style.height) J'ai un panneau de la maison dans App.views qui est où le modèle est appliqué. Après avoir mis à jour le panneau, je définis la hauteur de la hauteur de l'objet parent. Fonctionne maintenant.

Answer 2

Vous devez également avoir votre panneau réglé à défilement vertical

new Ext.Panel({ 
    // bla bla bla... 
    scroll: 'vertical' 
});