Sencha touch 如何在sencha中隐藏/取消隐藏文本框中的清除图标?

Sencha touch 如何在sencha中隐藏/取消隐藏文本框中的清除图标?,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我想通过代码隐藏sencha控件中文本框的清晰图标。 怎么做? 请提供示例代码 谢谢您可以将此添加到您的全局CSS中 .x-field-clearable.clear-icon-hidden .x-field-input .x-clear-icon { display: none; } 然后,当你想隐藏一个字段的清晰图标时,你只需要得到你的字段,然后就可以了 field.addCls('clear-icon-hidden'); 希望这有帮助试试这个: { xtype : 'tex

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


谢谢

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

.x-field-clearable.clear-icon-hidden .x-field-input .x-clear-icon {
  display: none;
}
然后,当你想隐藏一个字段的清晰图标时,你只需要得到你的字段,然后就可以了

field.addCls('clear-icon-hidden');
希望这有帮助

试试这个:

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

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

您只需将clearIcon配置设置为false即可。像这样,

Ext.getCmp('TEXTFIELD')。setClearIcon(false)

例如:

            xtype: 'fieldset',
            title: 'MyFieldSet',
            items: [
                {
                    xtype: 'textfield',
                    id: 'textfield1',
                    label: ''
                },
解决方案:

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

由于我不确定这是属于哪个版本的ExtJS,这里是ExtJS6.5.x的更新,因为它不再使用clearIcon

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

根据Sencha文件,这也适用于;经典工具包没有此功能。

试试textfield的clearIcon配置。您不需要通过CSS来定义它。在字段上设置
clearIcon:false
即可。“通过代码”我动态读取,但如果不是这样,则clearIcon:false是解决方案不起作用。。我还使用setClearIcon方法设置“true”和“false”,但还没有成功。