如何在最右边的组合框列表项中添加关闭图标
Ext.define('ezdi.view.SaveSearchComboboxView', { extend : 'Ext.form.field.ComboBox', alias : 'widget.saveSearchComboboxAlias', queryMode : 'local', id : 'saveSearchComboId', store : 'SaveSearchComboboxStore', emptyText : 'Saved Searches', displayField : 'searchQueryName', valueField : 'searchQueryId', lazyInit: false });
existdissolv.. 7
您可以通过添加triggerXCls
和onTriggerXClick
指定任意数量的其他触发器图标来执行此操作,其中"X"是其他触发器的位置.
例如,要添加"清除"图标,您可能会执行以下操作:
{ ..., id: 'saveSearchComboId', trigger1Cls: 'x-form-clear-trigger', onTrigger1Click: function() { this.clearValue(); } }
请记住,只有少数"默认"触发器图标,可在此处找到(对于经典主题):ext/resources/ext-theme-classic/images/form.这些都有相应的"x-form-XYZ-trigger"类.对于不同的触发器图标(如"关闭"图标或"添加"图标),您需要创建自己的图像以及可以应用于triggerXCls的相应CSS类.
有关详细信息,请参阅此页面:http://www.sencha.com/forum/showthread.php? 190886-How-to-reset-a-Combobox-or-Multiselect-to-no-values- selected
您可以通过添加triggerXCls
和onTriggerXClick
指定任意数量的其他触发器图标来执行此操作,其中"X"是其他触发器的位置.
例如,要添加"清除"图标,您可能会执行以下操作:
{ ..., id: 'saveSearchComboId', trigger1Cls: 'x-form-clear-trigger', onTrigger1Click: function() { this.clearValue(); } }
请记住,只有少数"默认"触发器图标,可在此处找到(对于经典主题):ext/resources/ext-theme-classic/images/form.这些都有相应的"x-form-XYZ-trigger"类.对于不同的触发器图标(如"关闭"图标或"添加"图标),您需要创建自己的图像以及可以应用于triggerXCls的相应CSS类.
有关详细信息,请参阅此页面:http://www.sencha.com/forum/showthread.php? 190886-How-to-reset-a-Combobox-or-Multiselect-to-no-values- selected