ExtJS让第二表单.TextArea增长时的第一个表单.长文本区域

Question

我创建了一个Ext应用程序，它不能运行。但这不是这个问题的重点。我的问题是:对于给定的两个textarea，我想在第一个textarea增长时增长第二个textarea

Ext.application({
name : 'Fiddle',
launch : function() {
Ext.create('Ext.form.TextArea', {
renderTo: Ext.getBody(),
width: 500,
grow: true,
id: 'm1',
});

Ext.create('Ext.form.TextArea', {
renderTo: Ext.getBody(),
width: 500,
grow: true,
id: 'm2',
});
},
});

我在想:

bind: {
height: '{m1.height}',
}

但是当我尝试的时候，没有成功。

然后我在想:

var el = Ext.get("m1");
var e2 = Ext.get("m2");
e2.setHeight(e1.getHeight());

然后我的一个朋友建议使用resize事件侦听器。

知道如何更改绑定以使其工作吗?

链接到上面的代码:https://fiddle.sencha.com/视图/editor&小提琴/3转k6

Answer 1

像这样?

Ext.create('Ext.form.FormPanel', {
title: 'Sample TextArea',
width: 400,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
anchor: '100%',
grow: true,
listeners: {
resize: function(textArea, width, height) {
textArea.nextSibling().setHeight(height)
}
}
}, {
xtype: 'textareafield',
grow: true,
name: 'message',
fieldLabel: 'Message',
anchor: '100%',
grow: true,
}]

});