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

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

1 个答案: