extjs 4.2 高度自适应

问题描述:

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页了.再贴个效果图:

 

本文出自 “自由党” 博客，请务必保留此出处http://532222379.blog.51cto.com/3417264/692524