extjs - 如何将Ext.field.TextArea的大小调整为恰好没有滚动条的文本的大小？

Question

我在Sencha Touch 2应用程序中有一个Ext.field.TextArea。我只希望它根据其包含的文本来增加高度。我怎样才能做到这一点？看起来像是一个基本/简单的功能，但我无法在API中找到它。

我正在使用此组件显示一些静态多行文本-是否有另一个组件可能更适合此任务？

任何帮助表示赞赏，谢谢。

Answer 1

我这样解决了:

Ext.define('ParentsApp.component.TextAreaAutomaticRow', {
extend: 'Ext.form.Select',
xtype: 'textareaautomaticrow',  
config: {
    maxRows: 2,
    autoHeight: true,
    listeners: {
        keyup: function (field, event) {
            if (field.autoHeight) {                 
                var numOfRows = field.getValue().split("\n").length;
                if( numOfRows >= 2) {
                    numOfRows = numOfRows++;
                    field.setMaxRows( numOfRows );
                } else if (numOfRows < field.getMaxRows()) {
                    field.setMaxRows( numOfRows + 1 );
                }                   
            }
        }
    }       
},

});