ext.keynav.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

<!--
Mock
<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>
-->
<style type="text/css">
    body {
        overflow: scroll;
    }
    /**
	 .mdesc .long {
        display: block;
    }
     */
</style>
<!-- End Mock-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="body-wrap">
    <div class="top-tools">
        <a class="inner-link" href="#Ext.KeyNav-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.KeyNav-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.KeyNav-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.KeyNav-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.KeyNav"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.KeyNav</h1>
    <table cellspacing="0">
        <!--
        <tr>
        <td class="label">
        Package:
        </td>
        <td class="hd-info">
        </td>
        </tr>
        -->
        <tr>
            <td class="label">
                Defined In:
            </td>
            <td class="hd-info">
                KeyNav.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.KeyNav
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        <p>
  为跨浏览器的键盘方向键加上一层快捷的包装器（wrapper）。
  KeyNav允许你为某个功能绑定方向键，按下的时候即调用该功能。
  KeyNav允许你对方向键进行函数调用的绑定，即按下相应的键便立即执行函数，轻松实现了对任意UI组件的键盘事件控制</p>
  <p>下列是全部有可能会出现的键（已实现的）： enter, left, right, up, down, tab, esc,
  pageUp, pageDown, del, home, end。 举例：</p>
 <pre><code>
var nav = new Ext.KeyNav("my-element", {
    "left" : function(e){
        this.moveLeft(e.ctrlKey);
    },
    "right" : function(e){
        this.moveRight(e.ctrlKey);
    },
    "enter" : function(e){
        this.save();
    },
    scope : this
});
</code></pre
    </div>
    <div class="hr">
    </div>
    <a id="Ext.KeyNav-configs"></a>
    <h2>配置项</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    配置项
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="disabled-header"></a>
                        <b>disabled</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为禁止该KeyNav的实例（默认为false） 
                            </div>
                            <div class="long">
                                True表示为禁止该KeyNav的实例（默认为false） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            KeyNav
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="defaultEventAction-header"></a>
                        <b>defaultEventAction</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                当KeyNav拦截某键之后，所调用的Ext.EventObject方法... 
                            </div>
                            <div class="long">
                                当KeyNav拦截某键之后，所调用的<a href="###" onClick="alert('Ext.EventObject');">Ext.EventObject</a>方法。该值可以是 <a href="###" onClick="alert('Ext.EventObject#stopEvent');">Ext.EventObject#stopEvent</a>， <a href="###" onClick="alert('Ext.EventObject#preventDefault');">Ext.EventObject#preventDefault</a>与 <a href="###" onClick="alert('Ext.EventObject#stopPropagation');">Ext.EventObject#stopPropagation</a>（默认为“stopEvent”） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            KeyNav
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="forceKeyDown-header"></a>
                        <b>forceKeyDown</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                以keydown事件代替keypress（默认为false）。 由于I... 
                            </div>
                            <div class="long">
                                以keydown事件代替keypress（默认为false）。 由于IE上按下special键不能有效触发keypress事件，所以IE上会自动设置为true。 然而将该项规定为true的话，则表示所以浏览器上都以以keydown事件代替keypress 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            KeyNav
                        
                    </td>
                </tr>
            
        </table>
    
    
	<a id="Ext.KeyNav-props"></a>
    <h2>公告属性</h2>
    
    
        这个类没有公告属性。
    
    <a id="Ext.KeyNav-methods"></a>
    <h2>公共方法</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    方法
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="KeyNav-KeyNav"></a>
                        <b>KeyNav</b>
                        (
                        
                            
                                <code>
                                    Mixed el,
                                </code>
                            
                        
                            
                                <code>
                                    Object config
                                </code>
                            
                        )
                        
                            : Ext.KeyNav
                        
                        <div class="mdesc">
                            <div class="short">
                                构造器 
                            </div>
                            <div class="long">
                                构造器
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    el
                                                </code> : Mixed
                                                <div class="sub-desc">
                                                    绑定的元素
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    config
                                                </code> : Object
                                                <div class="sub-desc">
                                                    配置项
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.KeyNav
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        KeyNav
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="enable-enable"></a>
                        <b>enable</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                 激活这个KeyNav 
                            </div>
                            <div class="long">
                                 激活这个KeyNav
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        KeyNav
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="disable-disable"></a>
                        <b>disable</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                 禁用这个KeyNav 
                            </div>
                            <div class="long">
                                 禁用这个KeyNav
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        KeyNav
                        
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.KeyNav-events"></a>
    <a id="Ext.Ajax-events"></a>
    <h2>公告事件</h2>
    
    
        <div class="no-members">
            这个类没公共的事件。
        </div>
    
</div>