如何使用 ExtJS 4.2.1 在元素(Text、Label、displayField)的文本中进行自动换行?
How to make a word wrap in the text of an element (Text, Label, displayField) with ExtJS 4.2.1?
必须显示大于插入组件的文本。目前,文本不会自动换行。
我试过使用以下组件:文本、标签和显示字段
您可以简单地向 extjs 组件添加样式(您可以使用它们中的任何一个):
word-wrap: break-word;
有一些方法可以将自定义 css 样式应用于 ext 的元素
style: {
"word-wrap": 'break-word'
}
你也可以这样做:
Ext.get('txtElement').setStyle('word-wrap', 'break-word');
您是否尝试过包含白色的文本 space?一个太长的单词永远不会被换行,但是多个较短的 space 分隔的单词可能会被换行,具体取决于您使用的组件。
如果要显示长文本,请使用 container
并将文本放入 html
配置,它会自动换行。
你命名的组件也有它们的用法,但不是简单的长文本:
text
来自 draw
包,适用于特殊格式。
displayfield
在您想要显示(只读)作为加载到表单中的记录的一部分的某些值时,在表单中很好。 displayfield
根本不会换行 - 尝试 textareafield
和 readonly
配置。
label
作为表单字段的标签很好,但前提是通过 labelable
mixin 使用,它完成了大部分工作。如果您提供固定宽度或 maxWidth,label
应该使其内容环绕,但它不会自动遵守父对象布局。
必须显示大于插入组件的文本。目前,文本不会自动换行。
我试过使用以下组件:文本、标签和显示字段
您可以简单地向 extjs 组件添加样式(您可以使用它们中的任何一个):
word-wrap: break-word;
有一些方法可以将自定义 css 样式应用于 ext 的元素
style: {
"word-wrap": 'break-word'
}
你也可以这样做:
Ext.get('txtElement').setStyle('word-wrap', 'break-word');
您是否尝试过包含白色的文本 space?一个太长的单词永远不会被换行,但是多个较短的 space 分隔的单词可能会被换行,具体取决于您使用的组件。
如果要显示长文本,请使用 container
并将文本放入 html
配置,它会自动换行。
你命名的组件也有它们的用法,但不是简单的长文本:
text
来自draw
包,适用于特殊格式。displayfield
在您想要显示(只读)作为加载到表单中的记录的一部分的某些值时,在表单中很好。displayfield
根本不会换行 - 尝试textareafield
和readonly
配置。label
作为表单字段的标签很好,但前提是通过labelable
mixin 使用,它完成了大部分工作。如果您提供固定宽度或 maxWidth,label
应该使其内容环绕,但它不会自动遵守父对象布局。