ExtJS:在窗口调整大小时自动调整表单字段的大小

Question

我创建了Ext.Window,里面有一些Ext.form字段.但是当我调整窗口窗体时,元素仍然具有初始宽度和高度.

是否需要在窗口大小调整时显式调整表单字段的大小？或者有一些选项可以自动调整表单字段的大小？

示例代码:

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1'});
var f_2 = new Ext.form.TextField({fieldLabel: 'Label 2'});
var fp = new Ext.form.FormPanel({items: [f_1, f_2]});

var w = new Ext.Window({
    layout: 'form',
    title: 'test',
    items: fp
});

w.show()

Answer 1

您可以查看锚定，这使得表单可以很好地调整大小：

http://www.extjs.com/deploy/dev/examples/form/anchoring.html

请参阅“组件”上的“锚点”属性：

http://www.extjs.com/deploy/dev/docs/?class=Ext.Component