Sencha - div не прокручивается

Question

Я изменил код как this, и я добавил некоторые элементы, потому что я хотел бы получить div со свитком, но он не работает в Sencha! Любое предложение? Спасибо заранее!

Код:

/*global Ext:false */ 
Ext.application({ 
    launch: function() { 
     Ext.create('Ext.Container', { 
      fullscreen: true, 
      styleHtmlContent: true, 
      data: [{ 
       fname: 'Stratton', 
       lname: 'Sclavos', 
       role: 'Executive Chairman' 
      }, 
etc. ], 
       tpl: '<div style="overflow: auto; overflow-y: auto;"><tpl for="."><div><strong>{lname}</strong>, {fname} <em class="muted">({role})</em></div></tpl></div>' 
      }); // create() 
     } // launch 
    }); // application() 

Answer 1

Добавить:

scrollable : { 
    direction  : 'vertical' 
}, 

Как это:

/*global Ext:false */ 
Ext.application({ 
    launch: function() { 
     Ext.create('Ext.Container', { 
      fullscreen: true, 
      styleHtmlContent: true, 
      scrollable : { 
       direction  : 'vertical' 
      }, 
      data: [{ 
       fname: 'Stratton', 
       lname: 'Sclavos', 
       role: 'Executive Chairman' 
      }, 
etc. ], 
       tpl: '<div style="overflow: auto; overflow-y: auto;"><tpl for="."><div><strong>{lname}</strong>, {fname} <em class="muted">({role})</em></div></tpl></div>' 
      }); // create() 
     } // launch 
    }); // application()