如何在 Extjs 中打破多行的长标签

Question

所以这是我的问题我想在字段集之前放置一个标签并且标签文本非常 long.and 我需要将这么长的文本分成三个 rows/line。我使用了宽度、最小宽度、边距等，但没有用。还有另一种简单的方法来修复它吗？我希望你们能理解我的问题。

{
   xtype: 'container',
   layout: {
      type: 'hbox',
      align: 'stretch',
   },
   items:[,
      {
    xtype: 'label',
    minWidth: 200,
    text: 'Hard Surface Flooring and Base: Attach         asddsad that asdasd enter hsjsa description[enter image description here][1] hersahaksjecomplies with asd or CA01350 Note:asdhjasd-based products such as asdads  tile are exempt',
    marginRight:
      },
      {
          xtype: 'textfield',
      },
   ]
}

Answer 1

不要使用标签。使用容器并填写 html 配置。

详细答案：

label组件只能发挥其优势if you connect it to a field that can be focused when the label is clicked.

ExtJS 表单字段的标签内容的包装由 Labelable mixin 完成，而不是由 label 完成。 fieldset 没有 Labelable mixin，因为它没有字段。

这就是您不需要标签的原因，您需要的只是在布局中采用 space 并显示一些文本的内容。就像一个容器。

如何在 Extjs 中打破多行的长标签

how to break a long label in many lines in Extjs

javascript

css

extjs

sencha-touch

sencha-architect