Extjs как добавить значок закрытия в поле со списком

Question

, как добавить значок закрытия для элементов списка ComboBox справа наиболее

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 
    }); 

Answer 1

Вы можете сделать это, добавив 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». Для другого значка триггера (например, значка «закрыть» или «добавить») вам необходимо создать собственные изображения, а также соответствующий класс CSS, который вы можете применить к triggerXCls.

Смотрите этот протектор для получения дополнительной информации: http://www.sencha.com/forum/showthread.php?190886-How-to-reset-a-Combobox-or-Multiselect-to-no-values-selected