我想通过代码在sencha控件中隐藏文本框中的清晰图标。 怎么做? 请提供示例代码。
由于
答案 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;经典工具包没有此功能。