Javascript Extjs如何从Extjs组合框中删除和撤消列表项

我将关闭图标添加到组合框列表项中，单击cloes图标，在关闭图标处显示撤消3秒钟。3秒钟后，列表项应从列表中删除。如果使用，请单击“撤消”按钮，该按钮不应删除。 我在此附上代码：

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,
    listeners : {
        focus : function (combo) {
            combo.expand();
        }

    },
    listConfig : {
        getInnerTpl : function (displayField) {
            return '<span style="float:right;"><button width:16px height:16px; class="savedSearchRemove">x</button><button width:16px height:16px; style="display:none;" class="undoSearchRemove">Undo</button></span>{' + displayField + '}';
        }
    }

}); 

Ext.define（'ezdi.view.saveSearchComboxView'{
扩展：“Ext.form.field.ComboBox”，
别名：“widget.saveSearchComboxAlias”，
queryMode:'本地'，
id:“saveSearchComboId”，
存储：“SaveSearchComboxStore”，
emptyText:“保存的搜索”，
显示字段：“searchQueryName”，
valueField:'searchQueryId'，
懒鬼：错，
听众：{
焦点：函数（组合）{
expand（）；
}
},
列表配置：{
getInnerTpl:函数（显示字段）{
返回'xUndo{'+displayField+'}'；
}
}
}); 

为了更好的理解，我在这里附上了剪辑

要从下拉列表中删除项目，只需从组合框上配置的存储中删除相应的记录

要延迟任务的执行，您可以尝试几个不同的选项。更简单的方法可能只是侦听器上的选项。另一个是延迟的任务运行程序。 .

要将侦听器从组合框设置为子元素（如案例中的span），可以使用侦听器配置上的选项

---

太好了，这对我真的很有帮助@德布林