Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / Element.keys.html
index 5313200..bec6b3b 100644 (file)
@@ -1,52 +1,66 @@
-<html>\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
-  <title>The source code</title>\r
-    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
-    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body  onload="prettyPrint();">\r
-    <pre class="prettyprint lang-js">/**\r
- * @class Ext.Element\r
- */\r
-Ext.Element.addMethods({\r
-    <div id="method-Ext.Element-addKeyListener"></div>/**\r
-     * Convenience method for constructing a KeyMap\r
-     * @param {Number/Array/Object/String} key Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\r
-     * <code>{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</code>\r
-     * @param {Function} fn The function to call\r
-     * @param {Object} scope (optional) The scope (<code>this</code> reference) in which the specified function is executed. Defaults to this Element.\r
-     * @return {Ext.KeyMap} The KeyMap created\r
-     */\r
-    addKeyListener : function(key, fn, scope){\r
-        var config;\r
-        if(!Ext.isObject(key) || Ext.isArray(key)){\r
-            config = {\r
-                key: key,\r
-                fn: fn,\r
-                scope: scope\r
-            };\r
-        }else{\r
-            config = {\r
-                key : key.key,\r
-                shift : key.shift,\r
-                ctrl : key.ctrl,\r
-                alt : key.alt,\r
-                fn: fn,\r
-                scope: scope\r
-            };\r
-        }\r
-        return new Ext.KeyMap(this, config);\r
-    },\r
-\r
-    <div id="method-Ext.Element-addKeyMap"></div>/**\r
-     * Creates a KeyMap for this element\r
-     * @param {Object} config The KeyMap config. See {@link Ext.KeyMap} for more details\r
-     * @return {Ext.KeyMap} The KeyMap created\r
-     */\r
-    addKeyMap : function(config){\r
-        return new Ext.KeyMap(this, config);\r
-    }\r
-});</pre>    \r
-</body>\r
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
+  <style type="text/css">
+    .highlight { display: block; background-color: #ddd; }
+  </style>
+  <script type="text/javascript">
+    function highlight() {
+      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+    }
+  </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-Element'>/**
+</span> * @class Ext.Element
+ */
+Ext.Element.addMethods({
+<span id='Ext-Element-method-addKeyListener'>    /**
+</span>     * Convenience method for constructing a KeyMap
+     * @param {String/Number/Number[]/Object} key Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:
+     * &lt;code&gt;{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}&lt;/code&gt;
+     * @param {Function} fn The function to call
+     * @param {Object} scope (optional) The scope (&lt;code&gt;this&lt;/code&gt; reference) in which the specified function is executed. Defaults to this Element.
+     * @return {Ext.util.KeyMap} The KeyMap created
+     */
+    addKeyListener : function(key, fn, scope){
+        var config;
+        if(typeof key != 'object' || Ext.isArray(key)){
+            config = {
+                key: key,
+                fn: fn,
+                scope: scope
+            };
+        }else{
+            config = {
+                key : key.key,
+                shift : key.shift,
+                ctrl : key.ctrl,
+                alt : key.alt,
+                fn: fn,
+                scope: scope
+            };
+        }
+        return Ext.create('Ext.util.KeyMap', this, config);
+    },
+
+<span id='Ext-Element-method-addKeyMap'>    /**
+</span>     * Creates a KeyMap for this element
+     * @param {Object} config The KeyMap config. See {@link Ext.util.KeyMap} for more details
+     * @return {Ext.util.KeyMap} The KeyMap created
+     */
+    addKeyMap : function(config){
+        return Ext.create('Ext.util.KeyMap', this, config);
+    }
+});
+
+//Import the newly-added Ext.Element functions into CompositeElementLite. We call this here because
+//Element.keys.js is the last extra Ext.Element include in the ext-all.js build
+Ext.CompositeElementLite.importElementMethods();
+</pre>
+</body>
+</html>