问题描述:
Extjs之gridPanel的高度自适应问题解决方法
原创
©著作权归作者所有:来自51CTO博客作者zk19283的原创作品,请联系作者获取转载授权,否则将追究法律责任
gridPanel放在tabpanel页中,而且这个tabpanel页是通过add方法添加的,页面整体布局是:首先一个viewPort布局,left区域是一个treePanel,通过点击treePanel的节点,为center区域的tabPanel添加一个tabPanel页,每个tabPanel页中只含有一个gridPanel.
解决方法:
(1) 让panel页充满整个tabpanel:
由于左侧的treePanel是充满了整个leftPanel,所以这里我们用Ext.get(" depart_tree").getHeight方法获得treePanel的高度,然后赋值给panel页
(2)让gridPanel充满整个panel页:
在添加的panel页中使用layout:'border'布局,在items中添加列元素即:
items:[{
region:'center',
layout:'border',
items:gridPanel
}]
(3)在gridPanel中添加:
region:'center',
width:'100%',
height:'100%'
通过以上配置,就能使gridPanel充满整个tabPanel页了.再贴个效果图:
下一篇:我的友情链接
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【Cesium开发实战】电子围栏功能的实现,可自定义高度
Cesium项目实战开发实现自定义电子围栏功能。
Cesium Vue 前端开发 -
extjs 之panel嵌入flash饼状图
java端获取数据代码 /** * 创建产品线接口数量统计数据的XML格式数据 * * @param caption &nb
职场 休闲 extjs panel嵌入 flash饼状图 -
【六袆 - ExtJS】10年前ExtJS项目;解决ExtJS查询无数据时,不刷新Panel或Page页面的BUG
解决extJs查询无数据时,不刷新Panel或Page页面的BUG。详情看代码
bug javascript extjs js ide