sencha-touch - xtype 中的 Sencha 2-0：文本字段，省略号不起作用

Question

对于 Sencha 文本字段中的文本溢出，我需要省略号而不是文本被裁剪，所以我添加了一些内联样式，但省略号不会出现，文本总是被裁剪，代码添加在下面以供参考

                xtype: 'textfield',
                label: 'First Name',
                name: 'firstName',
                clearIcon: false,
                style: 'white-space:nowrap;overflow:hidden;text-overflow:ellipsis;',

谢谢

Answer 1

另一种方法是使用从 SASS 源中使用 Compass 编译的自定义 CSS 类：

{
  xtype: 'textfield',
  label: 'First Name',
  name: 'firstName',
  clearIcon: false,
  cls: my-textfield
}

您可以在其中使用 SASS 特定调用来包含省略号：

.my-textfield {
  @include ellipsis;
}