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

我创建了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()

解决方法:

您可以查看锚定,这使得可调整大小的形式：

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

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

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