Question

我有一个编码条件，我需要有多个ExtJS文本区域。在输入时我需要它们具有一定的大小。即，成长：虚假。

这样的事情：

me.outputDataPanel = Ext.create('Ext.panel.Panel', {
    bodyStyle   : me.htmlBodyStyle,
    cls         : 'htmlView_font',
    border: 0,
    style: 'margin: 20px 20px 20px 20px;'
});

   var textField = Ext.create('Ext.form.field.TextArea', {
    enforceMaxLength: true,
    maxLength: 5000,
    grow: false,
    fieldStyle: {
        'fontFamily': me.textFont,
        'fontSize': '16px'
    },
    style: 'padding-top: 10px ; padding-bottom: 30px;',
    width: '94%'
});
me.outputDataPanel.insert(me.itemIndex, textField);
me.itemIndex+=me.itemIndex;

现在我点击了一个按钮，每个文本框都应调整大小以显示框中的整个内容。即，动态地使其成长：真实。我怎样才能做到这一点？

请帮忙！

Answer 1

您可以使用autoSize()方法。

自动增大字段以适应文本的高度到允许的最大场高。这仅在grow =时生效如果高度发生变化，则触发自动调整大小事件。

工作示例：https://fiddle.sencha.com/#fiddle/131r

使用grow：true扩展ExtJS textarea，但只需单击按钮即可

1 个答案: