ext.keymap.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.KeyMap-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.KeyMap-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.KeyMap-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.KeyMap-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.KeyMap"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.KeyMap</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">
                KeyMap.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.KeyMap
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        Ext.KeyMap类负责在某一元素上，键盘和用户动作（Actions）之间的映射。
  构建器可接收由<a href="###" onClick="alert('#addBinding');">#addBinding</a>定义的相同配置项对象。
  如果你绑定了一个KeyMap的回调函数,KeyMap会在该回调函数上提供下列参数（String key, Ext.EventObject e）
  如果匹配的是组合键，回调函数也只会执行一次）
  KepMap能够实现以字符串来表示key<br />
  一个key可用于多个动作。
  用法：
 <pre><code>
 // 映射key（由keycode指定）
 var map = new Ext.KeyMap("my-element", {
     key: 13, // 或者是 Ext.EventObject.ENTER
     fn: myHandler,
     scope: myObject
 });

 // 映射组合键（由字符串指定）
 var map = new Ext.KeyMap("my-element", {
     key: "a\r\n\t",
     fn: myHandler,
     scope: myObject
 });

 // 映射多个动作的组合键（由字符串和code数组指定）
 var map = new Ext.KeyMap("my-element", [
    {
        key: [10,13],
        fn: function(){ alert("Return was pressed"); }
    }, {
        key: "abc",
        fn: function(){ alert('a, b or c was pressed'); }
    }, {
        key: "\t",
        ctrl:true,
        shift:true,
        fn: function(){ alert('Control + shift + tab was pressed.'); }
    }
]);
</code></pre>
  <b>一个KeyMap开始激活</b
    </div>
    <div class="hr">
    </div>
    <a id="Ext.KeyMap-configs"></a>
    <h2>配置项</h2>
    
    
        这个类没有配置项。
    
	<a id="Ext.KeyMap-props"></a>
    <h2>公告属性</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th colspan="2">
                    属性
                </th>
                <th>
                    定义者
                </th>
            </tr>
            
                <tr class="property-row inherited expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="stopEvent-activeItem"></a>
                        <b>
                        stopEvent: </b>
                        <div class="mdesc">
                            <div class="short">
                                
 如果让KeyMap来处理key，设置true的话，则停止事件上报（... 
                            </div>
                            <div class="long">
                                
 如果让KeyMap来处理key，设置true的话，则停止事件上报（event from bubbling），并阻拦默认浏览器动作（默认为false）
  
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                    	
						
                        
                        KeyMap
                        
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.KeyMap-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="KeyMap-KeyMap"></a>
                        <b>KeyMap</b>
                        (
                        
                            
                                <code>
                                    Mixed el,
                                </code>
                            
                        
                            
                                <code>
                                    Object config,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[String eventName]</span>
                                </code>
                            
                        )
                        
                            : Ext.KeyMap
                        
                        <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">
                                                    T配置项
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    eventName
                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.KeyMap
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        KeyMap
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="addBinding-addBinding"></a>
                        <b>addBinding</b>
                        (
                        
                            
                                <code>
                                    Object config
                                </code>
                            
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 新增该KeyMap的新绑定。下列配置项（对象的属性）均被支持：
 ... 
                            </div>
                            <div class="long">
                                
 新增该KeyMap的新绑定。下列配置项（对象的属性）均被支持：
 <pre>
属性    类型             描述
----------  ---------------  ----------------------------------------------------------------------
key         String/Array     进行处理的单个keycode或keycodes组成的数组
shift       Boolean          True：只有shift按下的的同时处理key （默认false）
ctrl        Boolean           True：只有ctrl按下的的同时处理key （默认false）
handler     Function         当KeyMap找到预期的组合键时所执行的函数
alt         Boolean           True：只有alt按下的的同时处理key （默认false）
fn          Function         当组合键按下后回调函数