【问题】关于EXTJS中的panel嵌套panel时的布局问题
问题描述:
页面中有三个FORM表单,FORMa,FORMb,FORMc,如果用viewport,可以直接将三个嵌进来,FORMa的region设成north,FORMb的设成center,FORMc的设成south。
但是,这样有一点,就是FORMb因为是center布局,高度就会自适应,导致很难看。所以我的解决方法是将FORMb和FORMc单独放在一个panel里,再将FORMb设成panel中的north,FORMc设成panel中的center。这样就相当于FORMc是自适应了。
效果如下:
这样很OK,但点击浏览器右上角的“还原”按钮,缩小去看,发现会出现小问题。
截图如下:
鼠标往右拉,会出现问题(红色框内):
感觉像是渲染了可视画面,但没有渲染到根结点。
贴上代码:
//布局如下:var cpanel = new Ext.Panel({ region : 'center', bodyStyle : 'border:none;', frame : true, layout : 'border', autoScroll : true, items: [bForm ,cForm ]});