Sencha 2-0在xtype:textfield中,省略号无效

时间:2012-10-29 13:25:28

标签: sencha-touch extjs sencha-touch-2

对于Sencha文本域中的文本溢出,我需要省略号而不是文本获取剪辑,所以我为相同添加了一些内联样式,但是省略号未来,文本总是被剪切,下面添加了代码用于引用< / p>

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

由于

1 个答案:

答案 0 :(得分:0)

另一种方法是使用来自SASS源的自定义CSS类编译的指南针:

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

您可以使用SASS特定调用来包含省略号:

.my-textfield {
  @include ellipsis;
}
相关问题