ExtJS 4.如何使displayfield多行显示符合其内容？

Question

当内部有大量内容时，我希望displayfield跨越多行。我尝试了很多配置和css-styling，但无济于事。如果没有快速解决方案，请您告诉我另一个组件，我可以使用而不是displayfield。

Answer 1

明确指定宽度和高度配置，如果不够，请使用maxWidth和maxHeight配置

退房：

http://jsfiddle.net/acteon/p46v3/

{
            xtype: 'displayfield',
            value: 'line 1 aasdasdasdasdasdasd line 2 ad asd asd asd asd asdasd',
            fieldLabel: 'multiLineField',
            width : '20%'
       }

Answer 2

哦，我使用textarea并将readOnly设置为true。它几乎可以按照我的意愿运作。

Answer 3

此答案适用于ExtJS 4.2-不确定更高版本。

ext/packages/ext-theme-neutral/sass/src/form/field/Display.scss上的sass定义文件使用$form-field-height进行了高度定义。如果删除此高度，则字段将根据其中的内容进行扩展/收缩。