viewport里只有"center"里的items展现出来了，为啥？

最新推荐文章于 2021-02-04 23:32:12 发布

原创最新推荐文章于 2021-02-04 23:32:12 发布 · 77 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

作者在使用Ext.Viewport进行页面布局时遇到问题。发现除了'center'区域外，其他区域如'east'、'west'需要定义宽度，'north'、'south'需要定义高度，否则这些区域将无法正常展示。

自我介绍：菜鸟中的菜鸟，发的不是技术贴，是问题贴。

var viewPort = new Ext.Viewport({
title : '药品资料维护列表',
region : 'center',
margins : '0 5 5 5',
layout : 'border',
split : true,
bodyStyle : 'padding:1 1 1 1',
autoWidth : false,
hideBorders : true,
// frame : true,
items : [{
region : 'center',
layout : 'fit',
items : mddrug.main.mainGrid
}, {
region : 'east',
[color=red]width : 335,[/color]
title : '药品资料编辑',
height : '100%',
autoScroll : true,
frame : true,
items : mddrug.main.modifyForm
}]
})

今天在做的时候，发现Ext.Viewport里，除了‘center’下的不用定义height(或width)，其他的（“east”,"west"）都需要定义width，（north，south）要定义height，否则显示的时候除了显示"center"的内容，其他的都被挤得展不开。