Extjs如何在组合框中添加关闭图标

Question

如何在最右边的组合框列表项中添加关闭图标

 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"类.对于不同的触发器图标(如"关闭"图标或"添加"图标),您需要创建自己的图像以及可以应用于triggerXCls的相应CSS类.

有关详细信息,请参阅此页面:http://www.sencha.com/forum/showthread.php？ 190886-How-to-reset-a-Combobox-or-Multiselect-to-no-values- selected