Dataview在其他ExtJs上重叠?
我正在通过ajax调用重新加载dataview的存储, 我的数据视图如下所示,但在视图中加载存储后,第二个(Dataview在其他ExtJs上重叠?,extjs,Extjs,我正在通过ajax调用重新加载dataview的存储, 我的数据视图如下所示,但在视图中加载存储后,第二个(result1)和第三个(result2)视图相互重叠 Ext.define('newTab', { layout : { type: 'border', padding: 5 }, extend : 'Ext.Panel', alias
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>')
}),
]
});
Ext.define('newTab'{
布局:{
键入:“边框”,
填充:5
},
扩展:“Ext.Panel”,
别名:“widget.newTab”,
id:'newTab',
保证金:“101515”,
边界:是的,
items:[Ext.create('Ext.view.view',{//SAP级别列表部分(上一个)
店:店,,
tpl:resultTemplate,
itemSelector:'div.list-item',
地区:“北部”,
边距:“0px 0px 10px 0px”,
//autoScroll:是的,
emptyText:'看起来我们找不到任何内容!',//空数据消息
}),
Ext.create('Ext.view.view'{
tpl:Ext.XTemplate(“”),
最大高度:100,
}),
Ext.create('Ext.view.view'{
tpl:Ext.XTemplate(“”)
}),
]
});
非常感谢您的帮助
提前感谢。通过更改布局类型可以解决此问题
layout : {
type: 'vbox',
align: 'stretch',
padding: 5
}
result1和result2目前都在争夺中心区域。可能将
区域:'south'
添加到result2视图中。添加区域south对我来说不起作用,因为它会将其取下,并且它有更多的数据,因此这样做无法看到它。我想一个接一个地显示它们。边框布局没有中心区域。是否仍要一个接一个地显示它们?使用vbox
布局将result1
和result2
视图包装到容器中。