? ? 用extjs做項(xiàng)目大部分都會(huì)用到一個(gè)組件combobox去實(shí)現(xiàn)聯(lián)想框的功能，如果實(shí)現(xiàn)這個(gè)功能肯定是要用到事件機(jī)制的keyup

extjs為我們提供的keyup的事件，但是前提是要開啟enableKeyEvents:true，打開鍵盤事件

?? 非常奇怪的現(xiàn)象出現(xiàn)了，在監(jiān)聽其中測試事件，keyup始終就是沒法fire ，同樣的配置下去測試keydown，keypress都可以正確的fire ，沒法獲得keyup的事件就沒有辦法及時(shí)的獲取文本框 的內(nèi)容，這樣的話如何實(shí)現(xiàn)聯(lián)想框，這個(gè)問題困擾了我整整一天太悲劇了，最后在看一個(gè)國外網(wǎng)友的一段代碼修改的extjs的keyup的bug

      Ext.override(Ext.form.ComboBox, {
            initEvents : function(){
                Ext.form.ComboBox.superclass.initEvents.call(this);
                this.keyNav = new Ext.KeyNav(this.el, {
                    "up" : function(e){
                        this.inKeyMode = true;
                        this.selectPrev();
                    },
                    "down" : function(e){
                        if(!this.isExpanded()){
                            this.onTriggerClick();
                        }else{
                            this.inKeyMode = true;
                            this.selectNext();
                        }
                    },
                    "enter" : function(e){
                        this.onViewClick();
                        this.delayedCheck = true;
                        this.unsetDelayCheck.defer(10, this);
                    },
                    "esc" : function(e){
                        this.collapse();
                    },
                    "tab" : function(e){
                        this.onViewClick(false);
                        return true;
                    },
                    scope : this,
                    doRelay : function(foo, bar, hname){
                        if(hname == 'down' || this.scope.isExpanded()){
                           return Ext.KeyNav.prototype.doRelay.apply(this, arguments);
                        }
                        return true;
                    },
                    forceKeyDown : true
                });
                this.queryDelay = Math.max(this.queryDelay || 10,
                        this.mode == 'local' ? 10 : 250);
                this.dqTask = new Ext.util.DelayedTask(this.initQuery, this);
                if(this.typeAhead){
                    this.taTask = new Ext.util.DelayedTask(this.onTypeAhead, this);
                }
                if((this.editable !== false) && !this.enableKeyEvents) {
                    this.el.on("keyup", this.onKeyUp, this);
                }
                if(this.forceSelection){
                    this.on('blur', this.doForce, this);
                }
            },
            onKeyUp : function(e){
                if(this.editable !== false && !e.isSpecialKey()){
                    this.lastKey = e.getKey();
                    this.dqTask.delay(this.queryDelay);
                }
                Ext.form.ComboBox.superclass.onKeyUp.call(this, e);
            }
        });
  

? ?? 沒想到keyup還真的實(shí)現(xiàn)了

最終的聯(lián)想效果如下圖

順便說一下，我用的是2.2版本的不知道3以上的版本keyup是不是有同樣的問題

?

Extjs keyup事件bug修正