/ext-4.1.0_b3/docs/source/Ext-more.html

https://bitbucket.org/srogerf/javascript · HTML · 1210 lines · 1084 code · 126 blank · 0 comment · 0 complexity · dc1168173da1fe7af2f61d758e26c515 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5.   <title>The source code</title>
    6. 

  6.   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
    7. 

  7.   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
    8. 

  8.   <style type="text/css">
    9. 

  9.     .highlight { display: block; background-color: #ddd; }
    10. 

  10.   </style>
    11. 

  11.   <script type="text/javascript">
    12. 

  12.     function highlight() {
    13. 

  13.       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    14. 

  14.     }
    15. 

  15.   </script>
    16. 

  16. </head>
    17. 

  17. <body onload="prettyPrint(); highlight();">
    18. 

  18.   <pre class="prettyprint lang-js"><span id='Ext'>/**
    19. 

  19. </span> * @class Ext
    20. 

  20.  *
    21. 

  21.  * The Ext namespace (global object) encapsulates all classes, singletons, and
    22. 

  22.  * utility methods provided by Sencha's libraries.
    23. 

  23.  *
    24. 

  24.  * Most user interface Components are at a lower level of nesting in the namespace,
    25. 

  25.  * but many common utility functions are provided as direct properties of the Ext namespace.
    26. 

  26.  *
    27. 

  27.  * Also many frequently used methods from other classes are provided as shortcuts
    28. 

  28.  * within the Ext namespace. For example {@link Ext#getCmp Ext.getCmp} aliases
    29. 

  29.  * {@link Ext.ComponentManager#get Ext.ComponentManager.get}.
    30. 

  30.  *
    31. 

  31.  * Many applications are initiated with {@link Ext#onReady Ext.onReady} which is
    32. 

  32.  * called once the DOM is ready. This ensures all scripts have been loaded,
    33. 

  33.  * preventing dependency issues. For example:
    34. 

  34.  *
    35. 

  35.  *     Ext.onReady(function(){
    36. 

  36.  *         new Ext.Component({
    37. 

  37.  *             renderTo: document.body,
    38. 

  38.  *             html: 'DOM ready!'
    39. 

  39.  *         });
    40. 

  40.  *     });
    41. 

  41.  *
    42. 

  42.  * For more information about how to use the Ext classes, see:
    43. 

  43.  *
    44. 

  44.  * - &lt;a href=&quot;http://www.sencha.com/learn/&quot;&gt;The Learning Center&lt;/a&gt;
    45. 

  45.  * - &lt;a href=&quot;http://www.sencha.com/learn/Ext_FAQ&quot;&gt;The FAQ&lt;/a&gt;
    46. 

  46.  * - &lt;a href=&quot;http://www.sencha.com/forum/&quot;&gt;The forums&lt;/a&gt;
    47. 

  47.  *
    48. 

  48.  * @singleton
    49. 

  49.  */
    50. 

  50. Ext.apply(Ext, {
    51. 

  51.     userAgent: navigator.userAgent.toLowerCase(),
    52. 

  52.     cache: {},
    53. 

  53.     idSeed: 1000,
    54. 

  54.     windowId: 'ext-window',
    55. 

  55.     documentId: 'ext-document',
    56. 

  56. 

  57. <span id='Ext-property-isReady'>    /**
    58. 

  58. </span>     * True when the document is fully initialized and ready for action
    59. 

  59.      */
    60. 

  60.     isReady: false,
    61. 

  61. 

  62. <span id='Ext-property-enableGarbageCollector'>    /**
    63. 

  63. </span>     * True to automatically uncache orphaned Ext.Elements periodically
    64. 

  64.      */
    65. 

  65.     enableGarbageCollector: true,
    66. 

  66. 

  67. <span id='Ext-property-enableListenerCollection'>    /**
    68. 

  68. </span>     * True to automatically purge event listeners during garbageCollection.
    69. 

  69.      */
    70. 

  70.     enableListenerCollection: true,
    71. 

  71.     
    72. 

  72. <span id='Ext-method-id'>    /**
    73. 

  73. </span>     * Generates unique ids. If the element already has an id, it is unchanged
    74. 

  74.      * @param {HTMLElement/Ext.Element} [el] The element to generate an id for
    75. 

  75.      * @param {String} prefix (optional) Id prefix (defaults &quot;ext-gen&quot;)
    76. 

  76.      * @return {String} The generated Id.
    77. 

  77.      */
    78. 

  78.     id: function(el, prefix) {
    79. 

  79.         var me = this,
    80. 

  80.             sandboxPrefix = '';
    81. 

  81.         el = Ext.getDom(el, true) || {};
    82. 

  82.         if (el === document) {
    83. 

  83.             el.id = me.documentId;
    84. 

  84.         }
    85. 

  85.         else if (el === window) {
    86. 

  86.             el.id = me.windowId;
    87. 

  87.         }
    88. 

  88.         if (!el.id) {
    89. 

  89.             if (me.isSandboxed) {
    90. 

  90.                 sandboxPrefix = Ext.sandboxName.toLowerCase() + '-';
    91. 

  91.             }
    92. 

  92.             el.id = sandboxPrefix + (prefix || &quot;ext-gen&quot;) + (++Ext.idSeed);
    93. 

  93.         }
    94. 

  94.         return el.id;
    95. 

  95.     },
    96. 

  96. 

  97. <span id='Ext-method-getBody'>    /**
    98. 

  98. </span>     * Returns the current document body as an {@link Ext.Element}.
    99. 

  99.      * @return Ext.Element The document body
    100. 

  100.      */
    101. 

  101.     getBody: function() {
    102. 

  102.         var body;
    103. 

  103.         return function() {
    104. 

  104.             return body || (body = Ext.get(document.body));
    105. 

  105.         };
    106. 

  106.     }(),
    107. 

  107. 

  108. <span id='Ext-method-getHead'>    /**
    109. 

  109. </span>     * Returns the current document head as an {@link Ext.Element}.
    110. 

  110.      * @return Ext.Element The document head
    111. 

  111.      * @method
    112. 

  112.      */
    113. 

  113.     getHead: function() {
    114. 

  114.         var head;
    115. 

  115.         return function() {
    116. 

  116.             return head || (head = Ext.get(document.getElementsByTagName(&quot;head&quot;)[0]));
    117. 

  117.         };
    118. 

  118.     }(),
    119. 

  119. 

  120. <span id='Ext-method-getDoc'>    /**
    121. 

  121. </span>     * Returns the current HTML document object as an {@link Ext.Element}.
    122. 

  122.      * @return Ext.Element The document
    123. 

  123.      */
    124. 

  124.     getDoc: function() {
    125. 

  125.         var doc;
    126. 

  126.         return function() {
    127. 

  127.             return doc || (doc = Ext.get(document));
    128. 

  128.         };
    129. 

  129.     }(),
    130. 

  130. 

  131. <span id='Ext-method-getCmp'>    /**
    132. 

  132. </span>     * This is shorthand reference to {@link Ext.ComponentManager#get}.
    133. 

  133.      * Looks up an existing {@link Ext.Component Component} by {@link Ext.Component#id id}
    134. 

  134.      *
    135. 

  135.      * @param {String} id The component {@link Ext.Component#id id}
    136. 

  136.      * @return Ext.Component The Component, `undefined` if not found, or `null` if a
    137. 

  137.      * Class was found.
    138. 

  138.     */
    139. 

  139.     getCmp: function(id) {
    140. 

  140.         return Ext.ComponentManager.get(id);
    141. 

  141.     },
    142. 

  142. 

  143. <span id='Ext-method-getOrientation'>    /**
    144. 

  144. </span>     * Returns the current orientation of the mobile device
    145. 

  145.      * @return {String} Either 'portrait' or 'landscape'
    146. 

  146.      */
    147. 

  147.     getOrientation: function() {
    148. 

  148.         return window.innerHeight &gt; window.innerWidth ? 'portrait' : 'landscape';
    149. 

  149.     },
    150. 

  150. 

  151. <span id='Ext-method-destroy'>    /**
    152. 

  152. </span>     * Attempts to destroy any objects passed to it by removing all event listeners, removing them from the
    153. 

  153.      * DOM (if applicable) and calling their destroy functions (if available).  This method is primarily
    154. 

  154.      * intended for arguments of type {@link Ext.Element} and {@link Ext.Component}, but any subclass of
    155. 

  155.      * {@link Ext.util.Observable} can be passed in.  Any number of elements and/or components can be
    156. 

  156.      * passed into this function in a single call as separate arguments.
    157. 

  157.      *
    158. 

  158.      * @param {Ext.Element/Ext.Component/Ext.Element[]/Ext.Component[]...} args
    159. 

  159.      * An {@link Ext.Element}, {@link Ext.Component}, or an Array of either of these to destroy
    160. 

  160.      */
    161. 

  161.     destroy: function() {
    162. 

  162.         var ln = arguments.length,
    163. 

  163.         i, arg;
    164. 

  164. 

  165.         for (i = 0; i &lt; ln; i++) {
    166. 

  166.             arg = arguments[i];
    167. 

  167.             if (arg) {
    168. 

  168.                 if (Ext.isArray(arg)) {
    169. 

  169.                     this.destroy.apply(this, arg);
    170. 

  170.                 }
    171. 

  171.                 else if (Ext.isFunction(arg.destroy)) {
    172. 

  172.                     arg.destroy();
    173. 

  173.                 }
    174. 

  174.                 else if (arg.dom) {
    175. 

  175.                     arg.remove();
    176. 

  176.                 }
    177. 

  177.             }
    178. 

  178.         }
    179. 

  179.     },
    180. 

  180. 

  181. <span id='Ext-method-callback'>    /**
    182. 

  182. </span>     * Execute a callback function in a particular scope. If no function is passed the call is ignored.
    183. 

  183.      *
    184. 

  184.      * For example, these lines are equivalent:
    185. 

  185.      *
    186. 

  186.      *     Ext.callback(myFunc, this, [arg1, arg2]);
    187. 

  187.      *     Ext.isFunction(myFunc) &amp;&amp; myFunc.apply(this, [arg1, arg2]);
    188. 

  188.      *
    189. 

  189.      * @param {Function} callback The callback to execute
    190. 

  190.      * @param {Object} [scope] The scope to execute in
    191. 

  191.      * @param {Array} [args] The arguments to pass to the function
    192. 

  192.      * @param {Number} [delay] Pass a number to delay the call by a number of milliseconds.
    193. 

  193.      */
    194. 

  194.     callback: function(callback, scope, args, delay){
    195. 

  195.         if(Ext.isFunction(callback)){
    196. 

  196.             args = args || [];
    197. 

  197.             scope = scope || window;
    198. 

  198.             if (delay) {
    199. 

  199.                 Ext.defer(callback, delay, scope, args);
    200. 

  200.             } else {
    201. 

  201.                 callback.apply(scope, args);
    202. 

  202.             }
    203. 

  203.         }
    204. 

  204.     },
    205. 

  205. 

  206. <span id='Ext-method-htmlEncode'>    /**
    207. 

  207. </span>     * Alias for {@link Ext.String#htmlEncode}.
    208. 

  208.      * @inheritdoc Ext.String#htmlEncode
    209. 

  209.      */
    210. 

  210.     htmlEncode : function(value) {
    211. 

  211.         return Ext.String.htmlEncode(value);
    212. 

  212.     },
    213. 

  213. 

  214. <span id='Ext-method-htmlDecode'>    /**
    215. 

  215. </span>     * Alias for {@link Ext.String#htmlDecode}.
    216. 

  216.      * @inheritdoc Ext.String#htmlDecode
    217. 

  217.      */
    218. 

  218.     htmlDecode : function(value) {
    219. 

  219.          return Ext.String.htmlDecode(value);
    220. 

  220.     },
    221. 

  221. 

  222. <span id='Ext-method-urlAppend'>    /**
    223. 

  223. </span>     * Alias for {@link Ext.String#urlAppend}.
    224. 

  224.      * @inheritdoc Ext.String#urlAppend
    225. 

  225.      */
    226. 

  226.     urlAppend : function(url, s) {
    227. 

  227.         return Ext.String.urlAppend(url, s);
    228. 

  228.     }
    229. 

  229. });
    230. 

  230. 

  231. 

  232. Ext.ns = Ext.namespace;
    233. 

  233. 

  234. // for old browsers
    235. 

  235. window.undefined = window.undefined;
    236. 

  236. 

  237. <span id='Ext'>/**
    238. 

  238. </span> * @class Ext
    239. 

  239.  */
    240. 

  240. (function(){
    241. 

  241. /*
    242. 

  242. FF 3.6      - Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.17) Gecko/20110420 Firefox/3.6.17
    243. 

  243. FF 4.0.1    - Mozilla/5.0 (Windows NT 5.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
    244. 

  244. FF 5.0      - Mozilla/5.0 (Windows NT 6.1; WOW64; rv:5.0) Gecko/20100101 Firefox/5.0
    245. 

    246. 

  246. IE6         - Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1;)
    247. 

  247. IE7         - Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SV1;)
    248. 

  248. IE8         - Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
    249. 

  249. IE9         - Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
    250. 

    251. 

  251. Chrome 11   - Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.60 Safari/534.24
    252. 

    253. 

  253. Safari 5    - Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1
    254. 

    255. 

  255. Opera 11.11 - Opera/9.80 (Windows NT 6.1; U; en) Presto/2.8.131 Version/11.11
    256. 

  256. */
    257. 

  257.     var check = function(regex){
    258. 

  258.             return regex.test(Ext.userAgent);
    259. 

  259.         },
    260. 

  260.         isStrict = document.compatMode == &quot;CSS1Compat&quot;,
    261. 

  261.         version = function (is, regex) {
    262. 

  262.             var m;
    263. 

  263.             return (is &amp;&amp; (m = regex.exec(Ext.userAgent))) ? parseFloat(m[1]) : 0;
    264. 

  264.         },
    265. 

  265.         docMode = document.documentMode,
    266. 

  266.         isOpera = check(/opera/),
    267. 

  267.         isOpera10_5 = isOpera &amp;&amp; check(/version\/10\.5/),
    268. 

  268.         isChrome = check(/\bchrome\b/),
    269. 

  269.         isWebKit = check(/webkit/),
    270. 

  270.         isSafari = !isChrome &amp;&amp; check(/safari/),
    271. 

  271.         isSafari2 = isSafari &amp;&amp; check(/applewebkit\/4/), // unique to Safari 2
    272. 

  272.         isSafari3 = isSafari &amp;&amp; check(/version\/3/),
    273. 

  273.         isSafari4 = isSafari &amp;&amp; check(/version\/4/),
    274. 

  274.         isSafari5 = isSafari &amp;&amp; check(/version\/5/),
    275. 

  275.         isIE = !isOpera &amp;&amp; check(/msie/),
    276. 

  276.         isIE7 = isIE &amp;&amp; ((check(/msie 7/) &amp;&amp; docMode != 8 &amp;&amp; docMode != 9) || docMode == 7),
    277. 

  277.         isIE8 = isIE &amp;&amp; ((check(/msie 8/) &amp;&amp; docMode != 7 &amp;&amp; docMode != 9) || docMode == 8),
    278. 

  278.         isIE9 = isIE &amp;&amp; ((check(/msie 9/) &amp;&amp; docMode != 7 &amp;&amp; docMode != 8) || docMode == 9),
    279. 

  279.         isIE6 = isIE &amp;&amp; check(/msie 6/),
    280. 

  280.         isGecko = !isWebKit &amp;&amp; check(/gecko/),
    281. 

  281.         isGecko3 = isGecko &amp;&amp; check(/rv:1\.9/),
    282. 

  282.         isGecko4 = isGecko &amp;&amp; check(/rv:2\.0/),
    283. 

  283.         isGecko5 = isGecko &amp;&amp; check(/rv:5\./),
    284. 

  284.         isGecko10 = isGecko &amp;&amp; check(/rv:10\./),
    285. 

  285.         isFF3_0 = isGecko3 &amp;&amp; check(/rv:1\.9\.0/),
    286. 

  286.         isFF3_5 = isGecko3 &amp;&amp; check(/rv:1\.9\.1/),
    287. 

  287.         isFF3_6 = isGecko3 &amp;&amp; check(/rv:1\.9\.2/),
    288. 

  288.         isWindows = check(/windows|win32/),
    289. 

  289.         isMac = check(/macintosh|mac os x/),
    290. 

  290.         isLinux = check(/linux/),
    291. 

  291.         scrollbarSize = null,
    292. 

  292.         chromeVersion = version(true, /\bchrome\/(\d+\.\d+)/),
    293. 

  293.         firefoxVersion = version(true, /\bfirefox\/(\d+\.\d+)/),
    294. 

  294.         ieVersion = version(isIE, /msie (\d+\.\d+)/),
    295. 

  295.         operaVersion = version(isOpera, /version\/(\d+\.\d+)/),
    296. 

  296.         safariVersion = version(isSafari, /version\/(\d+\.\d+)/),
    297. 

  297.         webKitVersion = version(isWebKit, /webkit\/(\d+\.\d+)/),
    298. 

  298.         isSecure = /^https/i.test(window.location.protocol);
    299. 

  299. 

  300.     // remove css image flicker
    301. 

  301.     try {
    302. 

  302.         document.execCommand(&quot;BackgroundImageCache&quot;, false, true);
    303. 

  303.     } catch(e) {}
    304. 

  304. 

  305. 

  306.     //&lt;debug&gt;
    307. 

  307.     var primitiveRe = /string|number|boolean/;
    308. 

  308.     function dumpObject (object) {
    309. 

  309.         var member, type, value, name,
    310. 

  310.             members = [];
    311. 

  311. 

  312.         // Cannot use Ext.encode since it can recurse endlessly (if we're lucky)
    313. 

  313.         // ...and the data could be prettier!
    314. 

  314.         for (name in object) {
    315. 

  315.             if (object.hasOwnProperty(name)) {
    316. 

  316.                 value = object[name];
    317. 

  317. 

  318.                 type = typeof value;
    319. 

  319.                 if (type == &quot;function&quot;) {
    320. 

  320.                     continue;
    321. 

  321.                 }
    322. 

  322. 

  323.                 if (type == 'undefined') {
    324. 

  324.                     member = type;
    325. 

  325.                 } else if (value === null || primitiveRe.test(type) || Ext.isDate(value)) {
    326. 

  326.                     member = Ext.encode(value);
    327. 

  327.                 } else if (Ext.isArray(value)) {
    328. 

  328.                     member = '[ ]';
    329. 

  329.                 } else if (Ext.isObject(value)) {
    330. 

  330.                     member = '{ }';
    331. 

  331.                 } else {
    332. 

  332.                     member = type;
    333. 

  333.                 }
    334. 

  334.                 members.push(Ext.encode(name) + ': ' + member);
    335. 

  335.             }
    336. 

  336.         }
    337. 

  337. 

  338.         if (members.length) {
    339. 

  339.             return ' \nData: {\n  ' + members.join(',\n  ') + '\n}';
    340. 

  340.         }
    341. 

  341.         return '';
    342. 

  342.     }
    343. 

  343. 

  344.     function log (message) {
    345. 

  345.         var options, dump,
    346. 

  346.             con = Ext.global.console,
    347. 

  347.             level = 'log',
    348. 

  348.             indent = log.indent || 0,
    349. 

  349.             stack;
    350. 

  350. 

  351.         log.indent = indent;
    352. 

  352. 

  353.         if (typeof message != 'string') {
    354. 

  354.             options = message;
    355. 

  355.             message = options.msg || '';
    356. 

  356.             level = options.level || level;
    357. 

  357.             dump = options.dump;
    358. 

  358.             stack = options.stack;
    359. 

  359. 

  360.             if (options.indent) {
    361. 

  361.                 ++log.indent;
    362. 

  362.             } else if (options.outdent) {
    363. 

  363.                 log.indent = indent = Math.max(indent - 1, 0);
    364. 

  364.             }
    365. 

  365. 

  366.             if (dump &amp;&amp; !(con &amp;&amp; con.dir)) {
    367. 

  367.                 message += dumpObject(dump);
    368. 

  368.                 dump = null;
    369. 

  369.             }
    370. 

  370.         }
    371. 

  371. 

  372.         if (arguments.length &gt; 1) {
    373. 

  373.             message += Array.prototype.slice.call(arguments, 1).join('');
    374. 

  374.         }
    375. 

  375. 

  376.         message = indent ? Ext.String.repeat(' ', log.indentSize * indent) + message : message;
    377. 

  377.         // w/o console, all messages are equal, so munge the level into the message:
    378. 

  378.         if (level != 'log') {
    379. 

  379.             message = '[' + level.charAt(0).toUpperCase() + '] ' + message;
    380. 

  380.         }
    381. 

  381. 

  382.         // Not obvious, but 'console' comes and goes when Firebug is turned on/off, so
    383. 

  383.         // an early test may fail either direction if Firebug is toggled.
    384. 

  384.         //
    385. 

  385.         if (con) { // if (Firebug-like console)
    386. 

  386.             if (con[level]) {
    387. 

  387.                 con[level](message);
    388. 

  388.             } else {
    389. 

  389.                 con.log(message);
    390. 

  390.             }
    391. 

  391. 

  392.             if (dump) {
    393. 

  393.                 con.dir(dump);
    394. 

  394.             }
    395. 

  395. 

  396.             if (stack &amp;&amp; con.trace) {
    397. 

  397.                 // Firebug's console.error() includes a trace already...
    398. 

  398.                 if (!con.firebug || level != 'error') {
    399. 

  399.                     con.trace();
    400. 

  400.                 }
    401. 

  401.             }
    402. 

  402.         } else {
    403. 

  403.             if (Ext.isOpera) {
    404. 

  404.                 opera.postError(message);
    405. 

  405.             } else {
    406. 

  406.                 var out = log.out,
    407. 

  407.                     max = log.max;
    408. 

  408. 

  409.                 if (out.length &gt;= max) {
    410. 

  410.                     // this formula allows out.max to change (via debugger), where the
    411. 

  411.                     // more obvious &quot;max/4&quot; would not quite be the same
    412. 

  412.                     Ext.Array.erase(out, 0, out.length - 3 * Math.floor(max / 4)); // keep newest 75%
    413. 

  413.                 }
    414. 

  414. 

  415.                 out.push(message);
    416. 

  416.             }
    417. 

  417.         }
    418. 

  418. 

  419.         // Mostly informational, but the Ext.Error notifier uses them:
    420. 

  420.         ++log.count;
    421. 

  421.         ++log.counters[level];
    422. 

  422.     }
    423. 

  423. 

  424.     function logx (level, args) {
    425. 

  425.         if (typeof args[0] == 'string') {
    426. 

  426.             args.unshift({});
    427. 

  427.         }
    428. 

  428.         args[0].level = level;
    429. 

  429.         log.apply(this, args);
    430. 

  430.     }
    431. 

  431. 

  432.     log.error = function () {
    433. 

  433.         logx('error', Array.prototype.slice.call(arguments));
    434. 

  434.     }
    435. 

  435.     log.info = function () {
    436. 

  436.         logx('info', Array.prototype.slice.call(arguments));
    437. 

  437.     }
    438. 

  438.     log.warn = function () {
    439. 

  439.         logx('warn', Array.prototype.slice.call(arguments));
    440. 

  440.     }
    441. 

  441. 

  442.     log.count = 0;
    443. 

  443.     log.counters = { error: 0, warn: 0, info: 0, log: 0 };
    444. 

  444.     log.indentSize = 2;
    445. 

  445.     log.out = [];
    446. 

  446.     log.max = 750;
    447. 

  447.     log.show = function () {
    448. 

  448.         window.open('','extlog').document.write([
    449. 

  449.             '&lt;html&gt;&lt;head&gt;&lt;script type=&quot;text/javascript&quot;&gt;',
    450. 

  450.                 'var lastCount = 0;',
    451. 

  451.                 'function update () {',
    452. 

  452.                     'var ext = window.opener.Ext,',
    453. 

  453.                         'extlog = ext &amp;&amp; ext.log;',
    454. 

  454.                     'if (extlog &amp;&amp; extlog.out &amp;&amp; lastCount != extlog.count) {',
    455. 

  455.                         'lastCount = extlog.count;',
    456. 

  456.                         'var s = &quot;&lt;tt&gt;&quot; + extlog.out.join(&quot;~~~&quot;).replace(/[&amp;]/g, &quot;&amp;amp;&quot;).replace(/[&lt;]/g, &quot;&amp;lt;&quot;).replace(/[ ]/g, &quot;&amp;nbsp;&quot;).replace(/\\~\\~\\~/g, &quot;&lt;br&gt;&quot;) + &quot;&lt;/tt&gt;&quot;;',
    457. 

  457.                         'document.body.innerHTML = s;',
    458. 

  458.                     '}',
    459. 

  459.                     'setTimeout(update, 1000);',
    460. 

  460.                 '}',
    461. 

  461.                 'setTimeout(update, 1000);',
    462. 

  462.             '&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;'].join(''));
    463. 

  463.     };
    464. 

  464.     //&lt;/debug&gt;
    465. 

  465. 

  466.     var nullLog = function () {};
    467. 

  467.     nullLog.info = nullLog.warn = nullLog.error = Ext.emptyFn;
    468. 

  468. 

  469.     Ext.setVersion('extjs', '4.1.0');
    470. 

  470.     Ext.apply(Ext, {
    471. 

  471. <span id='Ext-property-SSL_SECURE_URL'>        /**
    472. 

  472. </span>         * @property {String} SSL_SECURE_URL
    473. 

  473.          * URL to a blank file used by Ext when in secure mode for iframe src and onReady src
    474. 

  474.          * to prevent the IE insecure content warning (`'about:blank'`, except for IE
    475. 

  475.          * in secure mode, which is `'javascript:&quot;&quot;'`).
    476. 

  476.          */
    477. 

  477.         SSL_SECURE_URL : isSecure &amp;&amp; isIE ? 'javascript:\'\'' : 'about:blank',
    478. 

  478. 

  479. <span id='Ext-property-enableFx'>        /**
    480. 

  480. </span>         * @property {Boolean} enableFx
    481. 

  481.          * True if the {@link Ext.fx.Anim} Class is available.
    482. 

  482.          */
    483. 

  483. 

  484. <span id='Ext-property-scopeResetCSS'>        /**
    485. 

  485. </span>         * @property {Boolean} scopeResetCSS
    486. 

  486.          * True to scope the reset CSS to be just applied to Ext components. Note that this
    487. 

  487.          * wraps root containers with an additional element. Also remember that when you turn
    488. 

  488.          * on this option, you have to use ext-all-scoped (unless you use the bootstrap.js to
    489. 

  489.          * load your javascript, in which case it will be handled for you).
    490. 

  490.          */
    491. 

  491.         scopeResetCSS : Ext.buildSettings.scopeResetCSS,
    492. 

  492.         
    493. 

  493. <span id='Ext-property-resetCls'>        /**
    494. 

  494. </span>         * @property {String} resetCls
    495. 

  495.          * The css class used to wrap Ext components when the {@link #scopeResetCSS} option
    496. 

  496.          * is used.
    497. 

  497.          */
    498. 

  498.         resetCls: Ext.buildSettings.baseCSSPrefix + 'reset',
    499. 

  499. 

  500. <span id='Ext-property-enableNestedListenerRemoval'>        /**
    501. 

  501. </span>         * @property {Boolean} enableNestedListenerRemoval
    502. 

  502.          * **Experimental.** True to cascade listener removal to child elements when an element
    503. 

  503.          * is removed. Currently not optimized for performance.
    504. 

  504.          */
    505. 

  505.         enableNestedListenerRemoval : false,
    506. 

  506. 

  507. <span id='Ext-property-USE_NATIVE_JSON'>        /**
    508. 

  508. </span>         * @property {Boolean} USE_NATIVE_JSON
    509. 

  509.          * Indicates whether to use native browser parsing for JSON methods.
    510. 

  510.          * This option is ignored if the browser does not support native JSON methods.
    511. 

  511.          *
    512. 

  512.          * **Note:** Native JSON methods will not work with objects that have functions.
    513. 

  513.          * Also, property names must be quoted, otherwise the data will not parse.
    514. 

  514.          */
    515. 

  515.         USE_NATIVE_JSON : false,
    516. 

  516. 

  517. <span id='Ext-method-getDom'>        /**
    518. 

  518. </span>         * Returns the dom node for the passed String (id), dom node, or Ext.Element.
    519. 

  519.          * Optional 'strict' flag is needed for IE since it can return 'name' and
    520. 

  520.          * 'id' elements by using getElementById.
    521. 

  521.          *
    522. 

  522.          * Here are some examples:
    523. 

  523.          *
    524. 

  524.          *     // gets dom node based on id
    525. 

  525.          *     var elDom = Ext.getDom('elId');
    526. 

  526.          *     // gets dom node based on the dom node
    527. 

  527.          *     var elDom1 = Ext.getDom(elDom);
    528. 

  528.          *
    529. 

  529.          *     // If we don&amp;#39;t know if we are working with an
    530. 

  530.          *     // Ext.Element or a dom node use Ext.getDom
    531. 

  531.          *     function(el){
    532. 

  532.          *         var dom = Ext.getDom(el);
    533. 

  533.          *         // do something with the dom node
    534. 

  534.          *     }
    535. 

  535.          *
    536. 

  536.          * **Note:** the dom node to be found actually needs to exist (be rendered, etc)
    537. 

  537.          * when this method is called to be successful.
    538. 

  538.          *
    539. 

  539.          * @param {String/HTMLElement/Ext.Element} el
    540. 

  540.          * @return HTMLElement
    541. 

  541.          */
    542. 

  542.         getDom : function(el, strict) {
    543. 

  543.             if (!el || !document) {
    544. 

  544.                 return null;
    545. 

  545.             }
    546. 

  546.             if (el.dom) {
    547. 

  547.                 return el.dom;
    548. 

  548.             } else {
    549. 

  549.                 if (typeof el == 'string') {
    550. 

  550.                     var e = Ext.getElementById(el);
    551. 

  551.                     // IE returns elements with the 'name' and 'id' attribute.
    552. 

  552.                     // we do a strict check to return the element with only the id attribute
    553. 

  553.                     if (e &amp;&amp; isIE &amp;&amp; strict) {
    554. 

  554.                         if (el == e.getAttribute('id')) {
    555. 

  555.                             return e;
    556. 

  556.                         } else {
    557. 

  557.                             return null;
    558. 

  558.                         }
    559. 

  559.                     }
    560. 

  560.                     return e;
    561. 

  561.                 } else {
    562. 

  562.                     return el;
    563. 

  563.                 }
    564. 

  564.             }
    565. 

  565.         },
    566. 

  566. 

  567. <span id='Ext-method-removeNode'>        /**
    568. 

  568. </span>         * Removes a DOM node from the document.
    569. 

  569.          *
    570. 

  570.          * Removes this element from the document, removes all DOM event listeners, and
    571. 

  571.          * deletes the cache reference. All DOM event listeners are removed from this element.
    572. 

  572.          * If {@link Ext#enableNestedListenerRemoval Ext.enableNestedListenerRemoval} is
    573. 

  573.          * `true`, then DOM event listeners are also removed from all child nodes.
    574. 

  574.          * The body node will be ignored if passed in.
    575. 

  575.          *
    576. 

  576.          * @param {HTMLElement} node The node to remove
    577. 

  577.          * @method
    578. 

  578.          */
    579. 

  579.         removeNode : isIE6 || isIE7 ? function() {
    580. 

  580.             var d;
    581. 

  581.             return function(n){
    582. 

  582.                 if(n &amp;&amp; n.tagName != 'BODY'){
    583. 

  583.                     (Ext.enableNestedListenerRemoval) ? Ext.EventManager.purgeElement(n) : Ext.EventManager.removeAll(n);
    584. 

  584.                     d = d || document.createElement('div');
    585. 

  585.                     d.appendChild(n);
    586. 

  586.                     d.innerHTML = '';
    587. 

  587.                     delete Ext.cache[n.id];
    588. 

  588.                 }
    589. 

  589.             };
    590. 

  590.         }() : function(n) {
    591. 

  591.             if (n &amp;&amp; n.parentNode &amp;&amp; n.tagName != 'BODY') {
    592. 

  592.                 (Ext.enableNestedListenerRemoval) ? Ext.EventManager.purgeElement(n) : Ext.EventManager.removeAll(n);
    593. 

  593.                 n.parentNode.removeChild(n);
    594. 

  594.                 delete Ext.cache[n.id];
    595. 

  595.             }
    596. 

  596.         },
    597. 

  597. 

  598.         isStrict: isStrict,
    599. 

  599. 

  600.         isIEQuirks: isIE &amp;&amp; !isStrict,
    601. 

  601. 

  602. <span id='Ext-property-isOpera'>        /**
    603. 

  603. </span>         * True if the detected browser is Opera.
    604. 

  604.          * @type Boolean
    605. 

  605.          */
    606. 

  606.         isOpera : isOpera,
    607. 

  607. 

  608. <span id='Ext-property-isOpera10_5'>        /**
    609. 

  609. </span>         * True if the detected browser is Opera 10.5x.
    610. 

  610.          * @type Boolean
    611. 

  611.          */
    612. 

  612.         isOpera10_5 : isOpera10_5,
    613. 

  613. 

  614. <span id='Ext-property-isWebKit'>        /**
    615. 

  615. </span>         * True if the detected browser uses WebKit.
    616. 

  616.          * @type Boolean
    617. 

  617.          */
    618. 

  618.         isWebKit : isWebKit,
    619. 

  619. 

  620. <span id='Ext-property-isChrome'>        /**
    621. 

  621. </span>         * True if the detected browser is Chrome.
    622. 

  622.          * @type Boolean
    623. 

  623.          */
    624. 

  624.         isChrome : isChrome,
    625. 

  625. 

  626. <span id='Ext-property-isSafari'>        /**
    627. 

  627. </span>         * True if the detected browser is Safari.
    628. 

  628.          * @type Boolean
    629. 

  629.          */
    630. 

  630.         isSafari : isSafari,
    631. 

  631. 

  632. <span id='Ext-property-isSafari3'>        /**
    633. 

  633. </span>         * True if the detected browser is Safari 3.x.
    634. 

  634.          * @type Boolean
    635. 

  635.          */
    636. 

  636.         isSafari3 : isSafari3,
    637. 

  637. 

  638. <span id='Ext-property-isSafari4'>        /**
    639. 

  639. </span>         * True if the detected browser is Safari 4.x.
    640. 

  640.          * @type Boolean
    641. 

  641.          */
    642. 

  642.         isSafari4 : isSafari4,
    643. 

  643. 

  644. <span id='Ext-property-isSafari5'>        /**
    645. 

  645. </span>         * True if the detected browser is Safari 5.x.
    646. 

  646.          * @type Boolean
    647. 

  647.          */
    648. 

  648.         isSafari5 : isSafari5,
    649. 

  649. 

  650. <span id='Ext-property-isSafari2'>        /**
    651. 

  651. </span>         * True if the detected browser is Safari 2.x.
    652. 

  652.          * @type Boolean
    653. 

  653.          */
    654. 

  654.         isSafari2 : isSafari2,
    655. 

  655. 

  656. <span id='Ext-property-isIE'>        /**
    657. 

  657. </span>         * True if the detected browser is Internet Explorer.
    658. 

  658.          * @type Boolean
    659. 

  659.          */
    660. 

  660.         isIE : isIE,
    661. 

  661. 

  662. <span id='Ext-property-isIE6'>        /**
    663. 

  663. </span>         * True if the detected browser is Internet Explorer 6.x.
    664. 

  664.          * @type Boolean
    665. 

  665.          */
    666. 

  666.         isIE6 : isIE6,
    667. 

  667. 

  668. <span id='Ext-property-isIE7'>        /**
    669. 

  669. </span>         * True if the detected browser is Internet Explorer 7.x.
    670. 

  670.          * @type Boolean
    671. 

  671.          */
    672. 

  672.         isIE7 : isIE7,
    673. 

  673. 

  674. <span id='Ext-property-isIE8'>        /**
    675. 

  675. </span>         * True if the detected browser is Internet Explorer 8.x.
    676. 

  676.          * @type Boolean
    677. 

  677.          */
    678. 

  678.         isIE8 : isIE8,
    679. 

  679. 

  680. <span id='Ext-property-isIE9'>        /**
    681. 

  681. </span>         * True if the detected browser is Internet Explorer 9.x.
    682. 

  682.          * @type Boolean
    683. 

  683.          */
    684. 

  684.         isIE9 : isIE9,
    685. 

  685. 

  686. <span id='Ext-property-isGecko'>        /**
    687. 

  687. </span>         * True if the detected browser uses the Gecko layout engine (e.g. Mozilla, Firefox).
    688. 

  688.          * @type Boolean
    689. 

  689.          */
    690. 

  690.         isGecko : isGecko,
    691. 

  691. 

  692. <span id='Ext-property-isGecko3'>        /**
    693. 

  693. </span>         * True if the detected browser uses a Gecko 1.9+ layout engine (e.g. Firefox 3.x).
    694. 

  694.          * @type Boolean
    695. 

  695.          */
    696. 

  696.         isGecko3 : isGecko3,
    697. 

  697. 

  698. <span id='Ext-property-isGecko4'>        /**
    699. 

  699. </span>         * True if the detected browser uses a Gecko 2.0+ layout engine (e.g. Firefox 4.x).
    700. 

  700.          * @type Boolean
    701. 

  701.          */
    702. 

  702.         isGecko4 : isGecko4,
    703. 

  703. 

  704. <span id='Ext-property-isGecko5'>        /**
    705. 

  705. </span>         * True if the detected browser uses a Gecko 5.0+ layout engine (e.g. Firefox 5.x).
    706. 

  706.          * @type Boolean
    707. 

  707.          */
    708. 

  708.         isGecko5 : isGecko5,
    709. 

  709. 

  710. <span id='Ext-property-isGecko10'>        /**
    711. 

  711. </span>         * True if the detected browser uses a Gecko 5.0+ layout engine (e.g. Firefox 5.x).
    712. 

  712.          * @type Boolean
    713. 

  713.          */
    714. 

  714.         isGecko10 : isGecko10,
    715. 

  715. 

  716. <span id='Ext-property-isFF3_0'>        /**
    717. 

  717. </span>         * True if the detected browser uses FireFox 3.0
    718. 

  718.          * @type Boolean
    719. 

  719.          */
    720. 

  720.         isFF3_0 : isFF3_0,
    721. 

  721. 

  722. <span id='Ext-property-isFF3_5'>        /**
    723. 

  723. </span>         * True if the detected browser uses FireFox 3.5
    724. 

  724.          * @type Boolean
    725. 

  725.          */
    726. 

  726.         isFF3_5 : isFF3_5,
    727. 

  727. 

  728. <span id='Ext-property-isFF3_6'>        /**
    729. 

  729. </span>         * True if the detected browser uses FireFox 3.6
    730. 

  730.          * @type Boolean
    731. 

  731.          */
    732. 

  732.         isFF3_6 : isFF3_6,
    733. 

  733. 

  734. <span id='Ext-property-isFF4'>        /**
    735. 

  735. </span>         * True if the detected browser uses FireFox 4
    736. 

  736.          * @type Boolean
    737. 

  737.          */
    738. 

  738.         isFF4 : 4 &lt;= firefoxVersion &amp;&amp; firefoxVersion &lt; 5,
    739. 

  739. 

  740. <span id='Ext-property-isFF5'>        /**
    741. 

  741. </span>         * True if the detected browser uses FireFox 5
    742. 

  742.          * @type Boolean
    743. 

  743.          */
    744. 

  744.         isFF5 : 5 &lt;= firefoxVersion &amp;&amp; firefoxVersion &lt; 6,
    745. 

  745. 

  746. <span id='Ext-property-isFF10'>        /**
    747. 

  747. </span>         * True if the detected browser uses FireFox 10
    748. 

  748.          * @type Boolean
    749. 

  749.          */
    750. 

  750.         isFF10 : 10 &lt;= firefoxVersion &amp;&amp; firefoxVersion &lt; 11,
    751. 

  751. 

  752. <span id='Ext-property-isLinux'>        /**
    753. 

  753. </span>         * True if the detected platform is Linux.
    754. 

  754.          * @type Boolean
    755. 

  755.          */
    756. 

  756.         isLinux : isLinux,
    757. 

  757. 

  758. <span id='Ext-property-isWindows'>        /**
    759. 

  759. </span>         * True if the detected platform is Windows.
    760. 

  760.          * @type Boolean
    761. 

  761.          */
    762. 

  762.         isWindows : isWindows,
    763. 

  763. 

  764. <span id='Ext-property-isMac'>        /**
    765. 

  765. </span>         * True if the detected platform is Mac OS.
    766. 

  766.          * @type Boolean
    767. 

  767.          */
    768. 

  768.         isMac : isMac,
    769. 

  769. 

  770. <span id='Ext-property-chromeVersion'>        /**
    771. 

  771. </span>         * The current version of Chrome (0 if the browser is not Chrome).
    772. 

  772.          * @type Number
    773. 

  773.          */
    774. 

  774.         chromeVersion: chromeVersion,
    775. 

  775. 

  776. <span id='Ext-property-firefoxVersion'>        /**
    777. 

  777. </span>         * The current version of Firefox (0 if the browser is not Firefox).
    778. 

  778.          * @type Number
    779. 

  779.          */
    780. 

  780.         firefoxVersion: firefoxVersion,
    781. 

  781. 

  782. <span id='Ext-property-ieVersion'>        /**
    783. 

  783. </span>         * The current version of IE (0 if the browser is not IE). This does not account
    784. 

  784.          * for the documentMode of the current page, which is factored into {@link #isIE7},
    785. 

  785.          * {@link #isIE8} and {@link #isIE9}. Thus this is not always true:
    786. 

  786.          *
    787. 

  787.          *     Ext.isIE8 == (Ext.ieVersion == 8)
    788. 

  788.          *
    789. 

  789.          * @type Number
    790. 

  790.          */
    791. 

  791.         ieVersion: ieVersion,
    792. 

  792. 

  793. <span id='Ext-property-operaVersion'>        /**
    794. 

  794. </span>         * The current version of Opera (0 if the browser is not Opera).
    795. 

  795.          * @type Number
    796. 

  796.          */
    797. 

  797.         operaVersion: operaVersion,
    798. 

  798. 

  799. <span id='Ext-property-safariVersion'>        /**
    800. 

  800. </span>         * The current version of Safari (0 if the browser is not Safari).
    801. 

  801.          * @type Number
    802. 

  802.          */
    803. 

  803.         safariVersion: safariVersion,
    804. 

  804. 

  805. <span id='Ext-property-webKitVersion'>        /**
    806. 

  806. </span>         * The current version of WebKit (0 if the browser does not use WebKit).
    807. 

  807.          * @type Number
    808. 

  808.          */
    809. 

  809.         webKitVersion: webKitVersion,
    810. 

  810. 

  811. <span id='Ext-property-isSecure'>        /**
    812. 

  812. </span>         * True if the page is running over SSL
    813. 

  813.          * @type Boolean
    814. 

  814.          */
    815. 

  815.         isSecure: isSecure,
    816. 

  816.         
    817. 

  817. <span id='Ext-property-BLANK_IMAGE_URL'>        /**
    818. 

  818. </span>         * URL to a 1x1 transparent gif image used by Ext to create inline icons with
    819. 

  819.          * CSS background images. In older versions of IE, this defaults to
    820. 

  820.          * &quot;http://sencha.com/s.gif&quot; and you should change this to a URL on your server.
    821. 

  821.          * For other browsers it uses an inline data URL.
    822. 

  822.          * @type String
    823. 

  823.          */
    824. 

  824.         BLANK_IMAGE_URL : (isIE6 || isIE7) ? '/' + '/www.sencha.com/s.gif' : 'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==',
    825. 

  825. 

  826. <span id='Ext-method-value'>        /**
    827. 

  827. </span>         * Utility method for returning a default value if the passed value is empty.
    828. 

  828.          *
    829. 

  829.          * The value is deemed to be empty if it is:
    830. 

  830.          *
    831. 

  831.          * - null
    832. 

  832.          * - undefined
    833. 

  833.          * - an empty array
    834. 

  834.          * - a zero length string (Unless the `allowBlank` parameter is `true`)
    835. 

  835.          *
    836. 

  836.          * @param {Object} value The value to test
    837. 

  837.          * @param {Object} defaultValue The value to return if the original value is empty
    838. 

  838.          * @param {Boolean} [allowBlank=false] true to allow zero length strings to qualify as non-empty.
    839. 

  839.          * @return {Object} value, if non-empty, else defaultValue
    840. 

  840.          * @deprecated 4.0.0 Use {@link Ext#valueFrom} instead
    841. 

  841.          */
    842. 

  842.         value : function(v, defaultValue, allowBlank){
    843. 

  843.             return Ext.isEmpty(v, allowBlank) ? defaultValue : v;
    844. 

  844.         },
    845. 

  845. 

  846. <span id='Ext-method-escapeRe'>        /**
    847. 

  847. </span>         * Escapes the passed string for use in a regular expression.
    848. 

  848.          * @param {String} str
    849. 

  849.          * @return {String}
    850. 

  850.          * @deprecated 4.0.0 Use {@link Ext.String#escapeRegex} instead
    851. 

  851.          */
    852. 

  852.         escapeRe : function(s) {
    853. 

  853.             return s.replace(/([-.*+?^${}()|[\]\/\\])/g, &quot;\\$1&quot;);
    854. 

  854.         },
    855. 

  855. 

  856. <span id='Ext-method-addBehaviors'>        /**
    857. 

  857. </span>         * Applies event listeners to elements by selectors when the document is ready.
    858. 

  858.          * The event name is specified with an `@` suffix.
    859. 

  859.          *
    860. 

  860.          *     Ext.addBehaviors({
    861. 

  861.          *         // add a listener for click on all anchors in element with id foo
    862. 

  862.          *         '#foo a@click' : function(e, t){
    863. 

  863.          *             // do something
    864. 

  864.          *         },
    865. 

  865.          *      
    866. 

  866.          *         // add the same listener to multiple selectors (separated by comma BEFORE the @)
    867. 

  867.          *         '#foo a, #bar span.some-class@mouseover' : function(){
    868. 

  868.          *             // do something
    869. 

  869.          *         }
    870. 

  870.          *     });
    871. 

  871.          *
    872. 

  872.          * @param {Object} obj The list of behaviors to apply
    873. 

  873.          */
    874. 

  874.         addBehaviors : function(o){
    875. 

  875.             if(!Ext.isReady){
    876. 

  876.                 Ext.onReady(function(){
    877. 

  877.                     Ext.addBehaviors(o);
    878. 

  878.                 });
    879. 

  879.             } else {
    880. 

  880.                 var cache = {}, // simple cache for applying multiple behaviors to same selector does query multiple times
    881. 

  881.                     parts,
    882. 

  882.                     b,
    883. 

  883.                     s;
    884. 

  884.                 for (b in o) {
    885. 

  885.                     if ((parts = b.split('@'))[1]) { // for Object prototype breakers
    886. 

  886.                         s = parts[0];
    887. 

  887.                         if(!cache[s]){
    888. 

  888.                             cache[s] = Ext.select(s);
    889. 

  889.                         }
    890. 

  890.                         cache[s].on(parts[1], o[b]);
    891. 

  891.                     }
    892. 

  892.                 }
    893. 

  893.                 cache = null;
    894. 

  894.             }
    895. 

  895.         },
    896. 

  896. 

  897. <span id='Ext-method-getScrollbarSize'>        /**
    898. 

  898. </span>         * Returns the size of the browser scrollbars. This can differ depending on
    899. 

  899.          * operating system settings, such as the theme or font size.
    900. 

  900.          * @param {Boolean} [force] true to force a recalculation of the value.
    901. 

  901.          * @return {Object} An object containing scrollbar sizes.
    902. 

  902.          * @return.width {Number} The width of the vertical scrollbar.
    903. 

  903.          * @return.height {Number} The height of the horizontal scrollbar.
    904. 

  904.          */
    905. 

  905.         getScrollbarSize: function (force) {
    906. 

  906.             if (!Ext.isReady) {
    907. 

  907.                 return {};
    908. 

  908.             }
    909. 

  909. 

  910.             if (force || !scrollbarSize) {
    911. 

  911.                 var db = document.body,
    912. 

  912.                     div = document.createElement('div');
    913. 

  913. 

  914.                 div.style.width = div.style.height = '100px';
    915. 

  915.                 div.style.overflow = 'scroll';
    916. 

  916.                 div.style.position = 'absolute';
    917. 

  917. 

  918.                 db.appendChild(div); // now we can measure the div...
    919. 

  919. 

  920.                 // at least in iE9 the div is not 100px - the scrollbar size is removed!
    921. 

  921.                 scrollbarSize = {
    922. 

  922.                     width: div.offsetWidth - div.clientWidth,
    923. 

  923.                     height: div.offsetHeight - div.clientHeight
    924. 

  924.                 };
    925. 

  925. 

  926.                 db.removeChild(div);
    927. 

  927.             }
    928. 

  928. 

  929.             return scrollbarSize;
    930. 

  930.         },
    931. 

  931. 

  932. <span id='Ext-method-getScrollBarWidth'>        /**
    933. 

  933. </span>         * Utility method for getting the width of the browser's vertical scrollbar. This
    934. 

  934.          * can differ depending on operating system settings, such as the theme or font size.
    935. 

  935.          *
    936. 

  936.          * This method is deprected in favor of {@link #getScrollbarSize}.
    937. 

  937.          *
    938. 

  938.          * @param {Boolean} [force] true to force a recalculation of the value.
    939. 

  939.          * @return {Number} The width of a vertical scrollbar.
    940. 

  940.          * @deprecated
    941. 

  941.          */
    942. 

  942.         getScrollBarWidth: function(force){
    943. 

  943.             var size = Ext.getScrollbarSize(force);
    944. 

  944.             return size.width + 2; // legacy fudge factor
    945. 

  945.         },
    946. 

  946. 

  947. <span id='Ext-method-copyTo'>        /**
    948. 

  948. </span>         * Copies a set of named properties fom the source object to the destination object.
    949. 

  949.          *
    950. 

  950.          * Example:
    951. 

  951.          *
    952. 

  952.          *     ImageComponent = Ext.extend(Ext.Component, {
    953. 

  953.          *         initComponent: function() {
    954. 

  954.          *             this.autoEl = { tag: 'img' };
    955. 

  955.          *             MyComponent.superclass.initComponent.apply(this, arguments);
    956. 

  956.          *             this.initialBox = Ext.copyTo({}, this.initialConfig, 'x,y,width,height');
    957. 

  957.          *         }
    958. 

  958.          *     });
    959. 

  959.          *
    960. 

  960.          * Important note: To borrow class prototype methods, use {@link Ext.Base#borrow} instead.
    961. 

  961.          *
    962. 

  962.          * @param {Object} dest The destination object.
    963. 

  963.          * @param {Object} source The source object.
    964. 

  964.          * @param {String/String[]} names Either an Array of property names, or a comma-delimited list
    965. 

  965.          * of property names to copy.
    966. 

  966.          * @param {Boolean} [usePrototypeKeys] Defaults to false. Pass true to copy keys off of the
    967. 

  967.          * prototype as well as the instance.
    968. 

  968.          * @return {Object} The modified object.
    969. 

  969.          */
    970. 

  970.         copyTo : function(dest, source, names, usePrototypeKeys){
    971. 

  971.             if(typeof names == 'string'){
    972. 

  972.                 names = names.split(/[,;\s]/);
    973. 

  973.             }
    974. 

  974. 

  975.             var n,
    976. 

  976.                 nLen = names.length,
    977. 

  977.                 name;
    978. 

  978. 

  979.             for(n = 0; n &lt; nLen; n++) {
    980. 

  980.                 name = names[n];
    981. 

  981. 

  982.                 if(usePrototypeKeys || source.hasOwnProperty(name)){
    983. 

  983.                     dest[name] = source[name];
    984. 

  984.                 }
    985. 

  985.             }
    986. 

  986. 

  987.             return dest;
    988. 

  988.         },
    989. 

  989. 

  990. <span id='Ext-method-destroyMembers'>        /**
    991. 

  991. </span>         * Attempts to destroy and then remove a set of named properties of the passed object.
    992. 

  992.          * @param {Object} o The object (most likely a Component) who's properties you wish to destroy.
    993. 

  993.          * @param {String...} args One or more names of the properties to destroy and remove from the object.
    994. 

  994.          */
    995. 

  995.         destroyMembers : function(o){
    996. 

  996.             for (var i = 1, a = arguments, len = a.length; i &lt; len; i++) {
    997. 

  997.                 Ext.destroy(o[a[i]]);
    998. 

  998.                 delete o[a[i]];
    999. 

  999.             }
    1000. 

  1000.         },
    1001. 

  1001. 

  1002. <span id='Ext-method-log'>        /**
    1003. 

  1003. </span>         * Logs a message. If a console is present it will be used. On Opera, the method
    1004. 

  1004.          * &quot;opera.postError&quot; is called. In other cases, the message is logged to an array
    1005. 

  1005.          * &quot;Ext.log.out&quot;. An attached debugger can watch this array and view the log. The
    1006. 

  1006.          * log buffer is limited to a maximum of &quot;Ext.log.max&quot; entries (defaults to 250).
    1007. 

  1007.          * The `Ext.log.out` array can also be written to a popup window by entering the
    1008. 

  1008.          * following in the URL bar (a &quot;bookmarklet&quot;):
    1009. 

  1009.          *
    1010. 

  1010.          *    javascript:void(Ext.log.show());
    1011. 

  1011.          *
    1012. 

  1012.          * If additional parameters are passed, they are joined and appended to the message.
    1013. 

  1013.          * A technique for tracing entry and exit of a function is this:
    1014. 

  1014.          *
    1015. 

  1015.          *      function foo () {
    1016. 

  1016.          *          Ext.log({ indent: 1 }, '&gt;&gt; foo');
    1017. 

  1017.          *
    1018. 

  1018.          *          // log statements in here or methods called from here will be indented
    1019. 

  1019.          *          // by one step
    1020. 

  1020.          *
    1021. 

  1021.          *          Ext.log({ outdent: 1 }, '&lt;&lt; foo');
    1022. 

  1022.          *      }
    1023. 

  1023.          *
    1024. 

  1024.          * This method does nothing in a release build.
    1025. 

  1025.          *
    1026. 

  1026.          * @param {String/Object} message The message to log or an options object with any
    1027. 

  1027.          * of the following properties:
    1028. 

  1028.          *
    1029. 

  1029.          *  - `msg`: The message to log (required).
    1030. 

  1030.          *  - `level`: One of: &quot;error&quot;, &quot;warn&quot;, &quot;info&quot; or &quot;log&quot; (the default is &quot;log&quot;).
    1031. 

  1031.          *  - `dump`: An object to dump to the log as part of the message.
    1032. 

  1032.          *  - `stack`: True to include a stack trace in the log.
    1033. 

  1033.          *  - `indent`: Cause subsequent log statements to be indented one step.
    1034. 

  1034.          *  - `outdent`: Cause this and following statements to be one step less indented.
    1035. 

  1035.          *
    1036. 

  1036.          * @method
    1037. 

  1037.          */
    1038. 

  1038.         log :
    1039. 

  1039.             //&lt;debug&gt;
    1040. 

  1040.             log ||
    1041. 

  1041.             //&lt;/debug&gt;
    1042. 

  1042.             nullLog,
    1043. 

  1043. 

  1044. <span id='Ext-method-partition'>        /**
    1045. 

  1045. </span>         * Partitions the set into two sets: a true set and a false set.
    1046. 

  1046.          *
    1047. 

  1047.          * Example 1:
    1048. 

  1048.          *
    1049. 

  1049.          *     Ext.partition([true, false, true, true, false]);
    1050. 

  1050.          *     // returns [[true, true, true], [false, false]]
    1051. 

  1051.          *
    1052. 

  1052.          * Example 2:
    1053. 

  1053.          *
    1054. 

  1054.          *     Ext.partition(
    1055. 

  1055.          *         Ext.query(&quot;p&quot;),
    1056. 

  1056.          *         function(val){
    1057. 

  1057.          *             return val.className == &quot;class1&quot;
    1058. 

  1058.          *         }
    1059. 

  1059.          *     );
    1060. 

  1060.          *     // true are those paragraph elements with a className of &quot;class1&quot;,
    1061. 

  1061.          *     // false set are those that do not have that className.
    1062. 

  1062.          *
    1063. 

  1063.          * @param {Array/NodeList} arr The array to partition
    1064. 

  1064.          * @param {Function} truth (optional) a function to determine truth.
    1065. 

  1065.          * If this is omitted the element itself must be able to be evaluated for its truthfulness.
    1066. 

  1066.          * @return {Array} [array of truish values, array of falsy values]
    1067. 

  1067.          * @deprecated 4.0.0 Will be removed in the next major version
    1068. 

  1068.          */
    1069. 

  1069.         partition : function(arr, truth){
    1070. 

  1070.             var ret = [[],[]],
    1071. 

  1071.             	a, v,
    1072. 

  1072.                 aLen = arr.length;
    1073. 

  1073. 

  1074.             for (a = 0; a &lt; aLen; a++) {
    1075. 

  1075.                 v = arr[a];
    1076. 

  1076.                 ret[ (truth &amp;&amp; truth(v, a, arr)) || (!truth &amp;&amp; v) ? 0 : 1].push(v);
    1077. 

  1077.             }
    1078. 

  1078. 

  1079.             return ret;
    1080. 

  1080.         },
    1081. 

  1081. 

  1082. <span id='Ext-method-invoke'>        /**
    1083. 

  1083. </span>         * Invokes a method on each item in an Array.
    1084. 

  1084.          *
    1085. 

  1085.          * Example:
    1086. 

  1086.          *
    1087. 

  1087.          *     Ext.invoke(Ext.query(&quot;p&quot;), &quot;getAttribute&quot;, &quot;id&quot;);
    1088. 

  1088.          *     // [el1.getAttribute(&quot;id&quot;), el2.getAttribute(&quot;id&quot;), ..., elN.getAttribute(&quot;id&quot;)]
    1089. 

  1089.          *
    1090. 

  1090.          * @param {Array/NodeList} arr The Array of items to invoke the method on.
    1091. 

  1091.          * @param {String} methodName The method name to invoke.
    1092. 

  1092.          * @param {Object...} args Arguments to send into the method invocation.
    1093. 

  1093.          * @return {Array} The results of invoking the method on each item in the array.
    1094. 

  1094.          * @deprecated 4.0.0 Will be removed in the next major version
    1095. 

  1095.          */
    1096. 

  1096.         invoke : function(arr, methodName){
    1097. 

  1097.             var ret  = [],
    1098. 

  1098.                 args = Array.prototype.slice.call(arguments, 2),
    1099. 

  1099.                 a, v,
    1100. 

  1100.                 aLen = arr.length;
    1101. 

  1101. 

  1102.             for (a = 0; a &lt; aLen; a++) {
    1103. 

  1103.                 v = arr[a];
    1104. 

  1104. 

  1105.                 if (v &amp;&amp; typeof v[methodName] == 'function') {
    1106. 

  1106.                     ret.push(v[methodName].apply(v, args));
    1107. 

  1107.                 } else {
    1108. 

  1108.                     ret.push(undefined);
    1109. 

  1109.                 }
    1110. 

  1110.             }
    1111. 

  1111. 

  1112.             return ret;
    1113. 

  1113.         },
    1114. 

  1114. 

  1115. <span id='Ext-method-zip'>        /**
    1116. 

  1116. </span>         * Zips N sets together.
    1117. 

  1117.          *
    1118. 

  1118.          * Example 1:
    1119. 

  1119.          *
    1120. 

  1120.          *     Ext.zip([1,2,3],[4,5,6]); // [[1,4],[2,5],[3,6]]
    1121. 

  1121.          *
    1122. 

  1122.          * Example 2:
    1123. 

  1123.          *
    1124. 

  1124.          *     Ext.zip(
    1125. 

  1125.          *         [ &quot;+&quot;, &quot;-&quot;, &quot;+&quot;],
    1126. 

  1126.          *         [  12,  10,  22],
    1127. 

  1127.          *         [  43,  15,  96],
    1128. 

  1128.          *         function(a, b, c){
    1129. 

  1129.          *             return &quot;$&quot; + a + &quot;&quot; + b + &quot;.&quot; + c
    1130. 

  1130.          *         }
    1131. 

  1131.          *     ); // [&quot;$+12.43&quot;, &quot;$-10.15&quot;, &quot;$+22.96&quot;]
    1132. 

  1132.          *
    1133. 

  1133.          * @param {Array/NodeList...} arr This argument may be repeated. Array(s)
    1134. 

  1134.          * to contribute values.
    1135. 

  1135.          * @param {Function} zipper (optional) The last item in the argument list.
    1136. 

  1136.          * This will drive how the items are zipped together.
    1137. 

  1137.          * @return {Array} The zipped set.
    1138. 

  1138.          * @deprecated 4.0.0 Will be removed in the next major version
    1139. 

  1139.          */
    1140. 

  1140.         zip : function(){
    1141. 

  1141.             var parts = Ext.partition(arguments, function( val ){ return typeof val != 'function'; }),
    1142. 

  1142.                 arrs = parts[0],
    1143. 

  1143.                 fn = parts[1][0],
    1144. 

  1144.                 len = Ext.max(Ext.pluck(arrs, &quot;length&quot;)),
    1145. 

  1145.                 ret = [];
    1146. 

  1146. 

  1147.             for (var i = 0; i &lt; len; i++) {
    1148. 

  1148.                 ret[i] = [];
    1149. 

  1149.                 if(fn){
    1150. 

  1150.                     ret[i] = fn.apply(fn, Ext.pluck(arrs, i));
    1151. 

  1151.                 }else{
    1152. 

  1152.                     for (var j = 0, aLen = arrs.length; j &lt; aLen; j++){
    1153. 

  1153.                         ret[i].push( arrs[j][i] );
    1154. 

  1154.                     }
    1155. 

  1155.                 }
    1156. 

  1156.             }
    1157. 

  1157.             return ret;
    1158. 

  1158.         },
    1159. 

  1159. 

  1160. <span id='Ext-method-toSentence'>        /**
    1161. 

  1161. </span>         * Turns an array into a sentence, joined by a specified connector - e.g.:
    1162. 

  1162.          * 
    1163. 

  1163.          *     Ext.toSentence(['Adama', 'Tigh', 'Roslin']); //'Adama, Tigh and Roslin'
    1164. 

  1164.          *     Ext.toSentence(['Adama', 'Tigh', 'Roslin'], 'or'); //'Adama, Tigh or Roslin'
    1165. 

  1165.          * 
    1166. 

  1166.          * @param {String[]} items The array to create a sentence from
    1167. 

  1167.          * @param {String} connector The string to use to connect the last two words.
    1168. 

  1168.          * Usually 'and' or 'or' - defaults to 'and'.
    1169. 

  1169.          * @return {String} The sentence string
    1170. 

  1170.          * @deprecated 4.0.0 Will be removed in the next major version
    1171. 

  1171.          */
    1172. 

  1172.         toSentence: function(items, connector) {
    1173. 

  1173.             var length = items.length;
    1174. 

  1174. 

  1175.             if (length &lt;= 1) {
    1176. 

  1176.                 return items[0];
    1177. 

  1177.             } else {
    1178. 

  1178.                 var head = items.slice(0, length - 1),
    1179. 

  1179.                     tail = items[length - 1];
    1180. 

  1180. 

  1181.                 return Ext.util.Format.format(&quot;{0} {1} {2}&quot;, head.join(&quot;, &quot;), connector || 'and', tail);
    1182. 

  1182.             }
    1183. 

  1183.         },
    1184. 

  1184. 

  1185. <span id='Ext-property-useShims'>        /**
    1186. 

  1186. </span>         * @property {Boolean} useShims
    1187. 

  1187.          * By default, Ext intelligently decides whether floating elements should be shimmed.
    1188. 

  1188.          * If you are using flash, you may want to set this to true.
    1189. 

  1189.          */
    1190. 

  1190.         useShims: isIE6
    1191. 

  1191.     });
    1192. 

  1192. })();
    1193. 

  1193. 

  1194. <span id='Ext-method-application'>/**
    1195. 

  1195. </span> * Loads Ext.app.Application class and starts it up with given configuration after the page is ready.
    1196. 

  1196.  *
    1197. 

  1197.  * See Ext.app.Application for details.
    1198. 

  1198.  *
    1199. 

  1199.  * @param {Object} config
    1200. 

  1200.  */
    1201. 

  1201. Ext.application = function(config) {
    1202. 

  1202.     Ext.require('Ext.app.Application');
    1203. 

  1203. 

  1204.     Ext.onReady(function() {
    1205. 

  1205.         new Ext.app.Application(config);
    1206. 

  1206.     });
    1207. 

  1207. };
    1208. 

  1208. </pre>
    1209. 

  1209. </body>
    1210. 

  1210. </html>
    1211.