Question

ext viewport 里面放了grid,formPanel 南北布局 现在想知道如何拖动这二个panel中间的线，改变Panel的大小

var myForm = new Ext.Viewport({ layout: 'anchor',
draggable: true,
enableTabScroll: true,
items: [{
autoScroll: true,
anchor: '100% 25%',
layout: 'fit',
items: [queryForm]
}, {
anchor: '100% 75%',
layout: 'fit',
items: [grid]
}]
});

function myMoveEvent(objForm, x, y) {
alert('s');
x = x + 100;
y = y + 100;
}

myForm.on("move", myMoveEvent);

这个函数里面应该写些什么，怎么不动。

Answer 1

你要的效果很明显要使用 border布局,而不是使用anchor布局,修改为:
new Ext.Viewport({
layout:"border",
items:[{region:"north",height:400,items:queryForm,layout:"fit",split:true},
{region:"center",items:grid,layout:"fit"}
]
});
而你要的能改变 两者之间占用的空间 只需要在 north里加 split:true的config就OK了,如果要限制其大小,可以设置 minHeight和maxHeight来限制.

追问

你好，刚刚用了你写的代码，我刷新页面后，就什么东西都不显示了，估计是布局的原因。 QQ:1046202363能加不。

Answer 2

用firebug查查吧 应该是你前台代码出问题了