sencha-touch - 标题自动截断

Question

我有一个奇怪的问题。我在工具栏或 Ext.Msg.alert 中指定的标题会被自动截断并附加一个“...”。

如何摆脱这个？我想要工具栏、消息框和其他任何地方的完整标题。

Answer 1

这是 sencha 论坛中报告的 Webkit 中的一个错误，您可以在此处或此处参考它：

在您的cssor.sass文件中使用它作为解决方案：

.x-title{padding:0 .3em;}
.x-title .x-innerhtml{padding: 0;}

或者：

.x-title .x-innerhtml:after {
    display: inline-block;
    content: '';       
    width: 0.3em;
}

Answer 2

问题是因为 ellipsis 属性默认分配给 .x-title 。您需要将其更改为剪辑属性。

给你的配置一个 cls 属性。

例如 ：

cls : '文本格式',

然后在一个css文件中：

.textFormat .x-title .x-innerhtml{
    text-overflow : clip !important;
 }

此代码将覆盖特定工具栏的现有代码。