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-如何设置组合框或多选-无值-选定