javascript - 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

查看“Component”的“anchor”属性:

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