清除 ExtJS 组合框输入字段

Question

我有一个具有以下属性的 Ext.form.ComboBox：

fieldLabel: 'Regiune',
valueField: 'id',
displayField: 'reg',
id: 'cbRegR',
typeAhead: true,
store: new Ext.data.JsonStore({...}),
mode: 'local',
emptyText: '',
listeners:{...}

问题是，在从下拉列表中选择一个值以查看所有列表项后，我必须手动删除组合框的输入字段。问题是列表仅显示输入字段中以字母开头的项目。

如何清除扩展下拉列表中的输入字段？我尝试了以下方法，但不起作用：

listeners: { 'expand': function() { cbRegR.clearValue(); } }

似乎很容易，但对我来说并非如此..有什么好主意吗？提前致谢。

Answer 1

将配置属性添加到组合框

triggerAction: 'all'

可能会解决问题，而无需注册展开事件处理程序或清除组合框的值

Answer 2

正如您所知，根据字段值过滤列表项是 Ext JS ComboBox-es 的固有行为。

您可以明显地重写 Expand() 方法，在呈现列表之前进行添加以清除该值。例如：

Ext.override(Ext.form.ComboBox, {

    expand : function(){
        if(this.isExpanded() || !this.hasFocus){
            return;
        }
        //ADDITIONS HERE:
        this.clearValue();
        this.doQuery("", true);
        //ADDITIONS END HERE

        if(this.title || this.pageSize){
            this.assetHeight = 0;
            if(this.title){
                this.assetHeight += this.header.getHeight();
            }
            if(this.pageSize){
                this.assetHeight += this.footer.getHeight();
            }
        }

        if(this.bufferSize){
            this.doResize(this.bufferSize);
            delete this.bufferSize;
        }
        this.list.alignTo.apply(this.list, [this.el].concat(this.listAlign));

        // zindex can change, re-check it and set it if necessary
        this.list.setZIndex(this.getZIndex());
        this.list.show();
        if(Ext.isGecko2){
            this.innerList.setOverflow('auto'); // necessary for FF 2.0/Mac
        }
        this.mon(Ext.getDoc(), {
            scope: this,
            mousewheel: this.collapseIf,
            mousedown: this.collapseIf
        });
        this.fireEvent('expand', this);
    }

});

Answer 3

扩展事件是个好事件，但您必须小心其范围。

listeners: {
 'expand': function() {
    cbRegR.clearValue(); 
 },
 scope:this
}

设置范围有帮助吗？

Answer 4

使用 cbRegR 不起作用，因为它是一个未定义的变量。使用

listeners: { 'expand': function() { Ext.getCmp('cbRegR').clearValue(); } }

或者，更复杂的方法：

listeners: { 'expand': function(self) { self.clearValue(); } }