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文档，这也适用于modern toolkit；经典工具包没有此功能。

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

4 个答案: