глянь на вот это, может это подойдет:
Ext.onReady(
function(){
Ext.Msg.alert("1", "2");
var oFirstGrid = new Ext.grid.GridPanel({
title: 'oFirstGrid',
store :[] ,
flex :1,
columns : [
{header:"one"},
{header:"two"},
{header:"three"}],
viewConfig: {
forceFit: true
}})
var oSecondGrid = new Ext.grid.GridPanel({
title: 'oSecondGrid',
flex :1,
store :[] ,
columns : [
{header:"one"},
{header:"two"},
{header:"three"}],
viewConfig: {
forceFit: true
}})
var oThreeGrid = new Ext.grid.GridPanel({
title: 'oThreeGrid',
flex :1,
store :[] ,
columns : [
{header:"one"},
{header:"two"},
{header:"three"}],
viewConfig: {
forceFit: true
}})
var oEastPanel = new Ext.Panel({
region : 'east',
title : "oEastPanel",
width : 200,
split : true
})
var oCenterPanel = new Ext.Panel({
region : 'center',
title : "oCenterPanel",
layout:'vbox',
layoutConfig: {
align : 'stretch',
pack : 'start',
},
items: [
oFirstGrid,oSecondGrid, oThreeGrid
]
})
new Ext.Viewport({
title : 'viewPort',
layout : 'border',
items :[oEastPanel, oCenterPanel]
})
})
двигаем oEastPanel - автоматически меняется размер таблиц в oCenterPanel.