input - 清除 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(); } }