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