Dataview перекрывает друг друга ExtJs?

Question

Я перезаряжаю магазины dataview by ajax calls, и мои данные похожи, как показано ниже, но вторые (result1), а третий (result2) вид перекрывается друг с другом после загрузки магазинов.

Ext.define('newTab', { 
    layout : { 
        type: 'border', 
        padding: 5 
       }, 
    extend : 'Ext.Panel', 
    alias : 'widget.newTab', 
    id  : 'newTab', 
    margin : '10 15 10 15', 
    border : true, 
    items : [ Ext.create('Ext.view.View', { // List of SAP levels section (Upper one) 
           store : store, 
           tpl : resultTemplate, 
         itemSelector : 'div.list-item', 
           region : "north", 
           margin : '0px 0px 10px 0px', 
           //autoScroll : true, 
          emptyText : '<div class="noDataText"> Looks like we couldn\'t find anything! <div>', // Empty data Message 

        }), 
        Ext.create('Ext.view.View', { 
         tpl : Ext.XTemplate('<div id="result1"></div>'), 
         maxHeight:100, 
        }), 
        Ext.create('Ext.view.View', { 
         tpl : Ext.XTemplate('<div id="result2"></div>')     
        }), 
       ] 
}); 

справка приветствуется.

Заранее спасибо.

Answer 1

Решено путем изменения типа макета.

layout : { 
       type: 'vbox', 
       align: 'stretch', 
       padding: 5 
      }