view release on metacpan or  search on metacpan

share/docs/source/KeyNav.html  view on Meta::CPAN

<span id='Ext-KeyNav-cfg-forceKeyDown'>    /**
</span>     * @cfg {Boolean} forceKeyDown
     * Handle the keydown event instead of keypress (defaults to false).  KeyNav automatically does this for IE since
     * IE does not propagate special keys on keypress, but setting this to true will force other browsers to also
     * handle keydown instead of keypress.
     */
    forceKeyDown : false,

    // private
    relay : function(e){
        var k = e.getKey(),
            h = this.keyToHandler[k];
        if(h &amp;&amp; this[h]){
            if(this.doRelay(e, this[h], h) !== true){
                e[this.defaultEventAction]();
            }
        }
    },

    // private
    doRelay : function(e, h, hname){
        return h.call(this.scope || this, e, hname);
    },

    // possible handlers
    enter : false,
    left : false,
    right : false,
    up : false,
    down : false,
    tab : false,
    esc : false,
    pageUp : false,
    pageDown : false,
    del : false,
    home : false,
    end : false,
    space : false,

    // quick lookup hash
    keyToHandler : {
        37 : &quot;left&quot;,
        39 : &quot;right&quot;,
        38 : &quot;up&quot;,
        40 : &quot;down&quot;,
        33 : &quot;pageUp&quot;,
        34 : &quot;pageDown&quot;,
        46 : &quot;del&quot;,
        36 : &quot;home&quot;,
        35 : &quot;end&quot;,
        13 : &quot;enter&quot;,
        27 : &quot;esc&quot;,
        9  : &quot;tab&quot;,
        32 : &quot;space&quot;
    },
    
    stopKeyUp: function(e) {
        var k = e.getKey();

        if (k &gt;= 37 &amp;&amp; k &lt;= 40) {
            // *** bugfix - safari 2.x fires 2 keyup events on cursor keys
            // *** (note: this bugfix sacrifices the &quot;keyup&quot; event originating from keyNav elements in Safari 2)
            e.stopEvent();
        }
    },
    
<span id='Ext-KeyNav-method-destroy'>    /**
</span>     * Destroy this KeyNav (this is the same as calling disable).
     */
    destroy: function(){
        this.disable();    
    },

<span id='Ext-KeyNav-method-enable'>	/**
</span>	 * Enable this KeyNav
	 */
	enable: function() {
        if (this.disabled) {
            if (Ext.isSafari2) {
                // call stopKeyUp() on &quot;keyup&quot; event
                this.el.on('keyup', this.stopKeyUp, this);
            }

            this.el.on(this.isKeydown()? 'keydown' : 'keypress', this.relay, this);
            this.disabled = false;
        }
    },

<span id='Ext-KeyNav-method-disable'>	/**
</span>	 * Disable this KeyNav
	 */
	disable: function() {
        if (!this.disabled) {
            if (Ext.isSafari2) {
                // remove &quot;keyup&quot; event handler
                this.el.un('keyup', this.stopKeyUp, this);
            }

            this.el.un(this.isKeydown()? 'keydown' : 'keypress', this.relay, this);
            this.disabled = true;
        }
    },
    
<span id='Ext-KeyNav-method-setDisabled'>    /**
</span>     * Convenience function for setting disabled/enabled by boolean.
     * @param {Boolean} disabled
     */
    setDisabled : function(disabled){
        this[disabled ? &quot;disable&quot; : &quot;enable&quot;]();
    },
    
    // private
    isKeydown: function(){
        return this.forceKeyDown || Ext.EventManager.useKeydown;
    }
};
</pre>
</body>
</html>