Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs 如何在Sencha Touch中使用多行表单标签?_Extjs_Sencha Touch_Sencha Touch 2 - Fatal编程技术网

Extjs 如何在Sencha Touch中使用多行表单标签?

Extjs 如何在Sencha Touch中使用多行表单标签?,extjs,sencha-touch,sencha-touch-2,Extjs,Sencha Touch,Sencha Touch 2,如果我为任何类型的表单元素或字段集的标题设置了足够长的标签,那么如果我将labelAlign设置为右侧,它将永远水平增长。我如何才能强制这些内容换行到下一行,而不是创建水平滚动条?您需要覆盖默认CSS,该CSS禁止换行空白:nowrap。这应该可以做到: .x-form-fieldset-title, .x-form-label { white-space: normal; } 例如: 您需要覆盖默认CSS,该CSS禁止包装空白:nowrap。这应该可以做到: .x-form-fiel

如果我为任何类型的表单元素或字段集的标题设置了足够长的标签,那么如果我将labelAlign设置为右侧,它将永远水平增长。我如何才能强制这些内容换行到下一行,而不是创建水平滚动条?

您需要覆盖默认CSS,该CSS禁止换行空白:nowrap。这应该可以做到:

.x-form-fieldset-title,
.x-form-label {
    white-space: normal;
}
例如:


您需要覆盖默认CSS,该CSS禁止包装空白:nowrap。这应该可以做到:

.x-form-fieldset-title,
.x-form-label {
    white-space: normal;
}
例如:


我认为对字段使用属性将获得所需的结果。

我认为对字段使用属性将获得所需的结果。

此外,如果我强制宽度为静态,例如宽度:“200”,则它只会添加一个省略号。。。最后。另外,如果我强制宽度为静态,例如宽度:“200”,那么它只会添加一个省略号。。。最后。谢谢,我试试这个。如果labelAlign='left',则它会按预期工作。如果'labelAlign='right',行为会完全改变,这让我觉得这是一个应该由Sencha解决的错误。奇怪的是,labelAlign left和right都使用2.0 GA为我省略了文本:这是预期的行为。好的,你说得对。也许是1.x做了多行左对齐。不应该有一些设置来关闭省略号吗?在我看来,我不应该为了解决这个问题而深入研究css…这是有道理的。我已经添加了一个票证,以便我们可以在下一版本中实施它。仅供参考;我已经将其添加到内部回购中,这意味着它将出现在Sencha Touch 2.0.1的下一版本中。您可以在任何字段上指定labelWrap:true。谢谢,我会试试这个。如果labelAlign='left',则它会按预期工作。如果'labelAlign='right',行为会完全改变,这让我觉得这是一个应该由Sencha解决的错误。奇怪的是,labelAlign left和right都使用2.0 GA为我省略了文本:这是预期的行为。好的,你说得对。也许是1.x做了多行左对齐。不应该有一些设置来关闭省略号吗?在我看来,我不应该为了解决这个问题而深入研究css…这是有道理的。我已经添加了一个票证,以便我们可以在下一版本中实施它。仅供参考;我已经将其添加到内部回购中,这意味着它将出现在Sencha Touch 2.0.1的下一版本中。您可以在任何字段上指定labelWrap:true。