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

时间:2013-05-30 11:50:13

标签: sencha-touch sencha-touch-2

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

由于

4 个答案:

答案 0 :(得分:2)

试试这个::

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

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

答案 1 :(得分:1)

您可以将此添加到全局CSS

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

然后当你想要隐藏字段的清晰图标时,你就可以得到你的字段并且

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

希望这有帮助

答案 2 :(得分:0)

您只需将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);

答案 3 :(得分:0)

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

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

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