sencha-touch - 如何从 sencha 的文本框中隐藏/取消隐藏清除图标？

Question

我想通过代码从 sencha 控件的文本框中隐藏清除图标。怎么做？请提供示例代码。

谢谢

Answer 1

尝试这个 ：：

{
    xtype : 'textfield',
    clearIcon : false,
    name : 'name',
    id : 'whatever'
}

clearIcon有一个名为您可以切换的配置属性。

Answer 2

您可以将此添加到您的全局 CSS

.x-field-clearable.clear-icon-hidden .x-field-input .x-clear-icon {
  display: none;
}

然后当您想隐藏某个字段的清除图标时，您只需获取您的字段并执行

field.addCls('clear-icon-hidden');

希望这可以帮助

Answer 3

您可以简单地将 clearIcon 配置设置为 false。像这样，

Ext.getCmp('ID OF THE TEXTFIELD').setClearIcon(false);

例子：

            xtype: 'fieldset',
            title: 'MyFieldSet',
            items: [
                {
                    xtype: 'textfield',
                    id: 'textfield1',
                    label: ''
                },

解决方案：

Ext.getCmp('textfield1').setClearIcon(false);

Answer 4

由于我不确定这与 Ext JS 的哪个版本有关，这里是 Ext JS 6.5.x 的更新，因为它不再使用 clearIcon。

{
    xtype: 'textfield',
    itemId: 'tfLastName',
    label: 'Last Name',
    value: 'Allord',
    *clearable: false*,
    editable: false
},

根据 Sencha 文档，这也适用于现代工具包；经典工具包没有此功能。