Dataview重叠在一起ExtJs？

Question

我正在通过ajax调用重新加载dataview的商店， 我的数据视图如下所示，但在视图中加载商店后，第二个（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
             }