我有以下结构:
TabPanel->FormPanel->Grid
我想将网格的高度设置为 formpanle 上的所有可用空间。如果我在 FormPanle 第一个文本字段中说 layout:
fit` 则获取表单面板的所有空间。如何做我想做的事?
表单面板:
var search = new Ext.FormPanel({
labelAlign: 'top',
frame:true,
title: 'Поиск',
//layout:'fit',
viewConfig:{ forceFit: true },
//bodyStyle:'padding:5px 5px 0',
网格面板:
var searchTab = new Ext.grid.GridPanel({
store: searchStore,
region: 'center',
cm: searchCm,
layout:'fit',
selModel: new Ext.grid.RowSelectionModel(),
stripeRows : true,
height: 390,
autoExpandColumn:'expColumn',
loadMask: true,
id: 'searchTab',
title:'Найденные объекты',
autoScroll: true,
最佳答案
用户边框布局并分为2个Region.North和center。在北部区域添加顶部面板内容,在中心区域添加网格。
layout: 'border',
items: [{
title: 'North Region is resizable',
region: 'north', // position for region
xtype: 'panel',
height: 100
},{
title: 'Center Region',
region: 'center', // center region is required, no width/height specified
xtype: 'panel',
layout: 'fit',
items: {
new Ext.grid.GridPanel({
store: searchStore,
region: 'center',
cm: searchCm,
layout:'fit',
selModel: new Ext.grid.RowSelectionModel(),
stripeRows : true,
height: 390,
autoExpandColumn:'expColumn',
loadMask: true,
id: 'searchTab',
title:'????????? ???????',
autoScroll: true
})
}
}]
关于javascript - 如何设置ExtJs网格的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14625054/