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

我在Sencha Touch 2应用程序中有一个

Ext.field.TextArea

。我只希望它根据包含的文本在高度上展开。我该怎么做？这似乎是一个基本/简单的特性，但我在API中找不到它

我正在使用这个组件来显示一些静态多行文本——是否有其他组件更适合此任务

---

非常感谢您的帮助。

对非表单项使用表单元素不是最佳解决方案

我建议您只使用一个轻量级的

Ext.container.container

组件，或者如果您需要更华丽的chrome面板或窗口。我这样解决了这个问题：

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 );
                }                   
            }
        }
    }       
},

Ext.define（'ParentsApp.component.TextAreaAutomaticRow'{
扩展：“Ext.form.Select”，
xtype:“TextAreaAutomaticCrow”，
配置：{
马克斯罗：2，
自动高度：正确，
听众：{
键控：功能（字段、事件）{
如果（字段自动高度）{
var numorrows=field.getValue（）.split（“\n”）.length；
如果（numorrows>=2）{
numorrows=numorrows++；
field.setMaxRows（numorrows）；
}else if（numorrows

---

}))

好的，那么我应该在这个

容器中放入什么？它看起来像标签一样永远水平延伸。我应该为文本使用什么组件？我想我可以避免为这么简单的任务编写原始HTML…这帮助我在Sencha Touch 1中自动扩展TextArea字段，只需将field.getMaxRows（）/field.setMaxRows（）更改为field.fieldEl.dom.rows。工作得很有魅力！