1 | /*! |
---|
2 | * Ext JS Library 3.4.0 |
---|
3 | * Copyright(c) 2006-2011 Sencha Inc. |
---|
4 | * licensing@sencha.com |
---|
5 | * http://www.sencha.com/license |
---|
6 | */ |
---|
7 | /** |
---|
8 | * @class Ext.util.Functions |
---|
9 | * @singleton |
---|
10 | */ |
---|
11 | Ext.util.Functions = { |
---|
12 | /** |
---|
13 | * Creates an interceptor function. The passed function is called before the original one. If it returns false, |
---|
14 | * the original one is not called. The resulting function returns the results of the original function. |
---|
15 | * The passed function is called with the parameters of the original function. Example usage: |
---|
16 | * <pre><code> |
---|
17 | var sayHi = function(name){ |
---|
18 | alert('Hi, ' + name); |
---|
19 | } |
---|
20 | |
---|
21 | sayHi('Fred'); // alerts "Hi, Fred" |
---|
22 | |
---|
23 | // create a new function that validates input without |
---|
24 | // directly modifying the original function: |
---|
25 | var sayHiToFriend = Ext.createInterceptor(sayHi, function(name){ |
---|
26 | return name == 'Brian'; |
---|
27 | }); |
---|
28 | |
---|
29 | sayHiToFriend('Fred'); // no alert |
---|
30 | sayHiToFriend('Brian'); // alerts "Hi, Brian" |
---|
31 | </code></pre> |
---|
32 | * @param {Function} origFn The original function. |
---|
33 | * @param {Function} newFn The function to call before the original |
---|
34 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the passed function is executed. |
---|
35 | * <b>If omitted, defaults to the scope in which the original function is called or the browser window.</b> |
---|
36 | * @return {Function} The new function |
---|
37 | */ |
---|
38 | createInterceptor: function(origFn, newFn, scope) { |
---|
39 | var method = origFn; |
---|
40 | if (!Ext.isFunction(newFn)) { |
---|
41 | return origFn; |
---|
42 | } |
---|
43 | else { |
---|
44 | return function() { |
---|
45 | var me = this, |
---|
46 | args = arguments; |
---|
47 | newFn.target = me; |
---|
48 | newFn.method = origFn; |
---|
49 | return (newFn.apply(scope || me || window, args) !== false) ? |
---|
50 | origFn.apply(me || window, args) : |
---|
51 | null; |
---|
52 | }; |
---|
53 | } |
---|
54 | }, |
---|
55 | |
---|
56 | /** |
---|
57 | * Creates a delegate (callback) that sets the scope to obj. |
---|
58 | * Call directly on any function. Example: <code>Ext.createDelegate(this.myFunction, this, [arg1, arg2])</code> |
---|
59 | * Will create a function that is automatically scoped to obj so that the <tt>this</tt> variable inside the |
---|
60 | * callback points to obj. Example usage: |
---|
61 | * <pre><code> |
---|
62 | var sayHi = function(name){ |
---|
63 | // Note this use of "this.text" here. This function expects to |
---|
64 | // execute within a scope that contains a text property. In this |
---|
65 | // example, the "this" variable is pointing to the btn object that |
---|
66 | // was passed in createDelegate below. |
---|
67 | alert('Hi, ' + name + '. You clicked the "' + this.text + '" button.'); |
---|
68 | } |
---|
69 | |
---|
70 | var btn = new Ext.Button({ |
---|
71 | text: 'Say Hi', |
---|
72 | renderTo: Ext.getBody() |
---|
73 | }); |
---|
74 | |
---|
75 | // This callback will execute in the scope of the |
---|
76 | // button instance. Clicking the button alerts |
---|
77 | // "Hi, Fred. You clicked the "Say Hi" button." |
---|
78 | btn.on('click', Ext.createDelegate(sayHi, btn, ['Fred'])); |
---|
79 | </code></pre> |
---|
80 | * @param {Function} fn The function to delegate. |
---|
81 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the function is executed. |
---|
82 | * <b>If omitted, defaults to the browser window.</b> |
---|
83 | * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller) |
---|
84 | * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding, |
---|
85 | * if a number the args are inserted at the specified position |
---|
86 | * @return {Function} The new function |
---|
87 | */ |
---|
88 | createDelegate: function(fn, obj, args, appendArgs) { |
---|
89 | if (!Ext.isFunction(fn)) { |
---|
90 | return fn; |
---|
91 | } |
---|
92 | return function() { |
---|
93 | var callArgs = args || arguments; |
---|
94 | if (appendArgs === true) { |
---|
95 | callArgs = Array.prototype.slice.call(arguments, 0); |
---|
96 | callArgs = callArgs.concat(args); |
---|
97 | } |
---|
98 | else if (Ext.isNumber(appendArgs)) { |
---|
99 | callArgs = Array.prototype.slice.call(arguments, 0); |
---|
100 | // copy arguments first |
---|
101 | var applyArgs = [appendArgs, 0].concat(args); |
---|
102 | // create method call params |
---|
103 | Array.prototype.splice.apply(callArgs, applyArgs); |
---|
104 | // splice them in |
---|
105 | } |
---|
106 | return fn.apply(obj || window, callArgs); |
---|
107 | }; |
---|
108 | }, |
---|
109 | |
---|
110 | /** |
---|
111 | * Calls this function after the number of millseconds specified, optionally in a specific scope. Example usage: |
---|
112 | * <pre><code> |
---|
113 | var sayHi = function(name){ |
---|
114 | alert('Hi, ' + name); |
---|
115 | } |
---|
116 | |
---|
117 | // executes immediately: |
---|
118 | sayHi('Fred'); |
---|
119 | |
---|
120 | // executes after 2 seconds: |
---|
121 | Ext.defer(sayHi, 2000, this, ['Fred']); |
---|
122 | |
---|
123 | // this syntax is sometimes useful for deferring |
---|
124 | // execution of an anonymous function: |
---|
125 | Ext.defer(function(){ |
---|
126 | alert('Anonymous'); |
---|
127 | }, 100); |
---|
128 | </code></pre> |
---|
129 | * @param {Function} fn The function to defer. |
---|
130 | * @param {Number} millis The number of milliseconds for the setTimeout call (if less than or equal to 0 the function is executed immediately) |
---|
131 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the function is executed. |
---|
132 | * <b>If omitted, defaults to the browser window.</b> |
---|
133 | * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller) |
---|
134 | * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding, |
---|
135 | * if a number the args are inserted at the specified position |
---|
136 | * @return {Number} The timeout id that can be used with clearTimeout |
---|
137 | */ |
---|
138 | defer: function(fn, millis, obj, args, appendArgs) { |
---|
139 | fn = Ext.util.Functions.createDelegate(fn, obj, args, appendArgs); |
---|
140 | if (millis > 0) { |
---|
141 | return setTimeout(fn, millis); |
---|
142 | } |
---|
143 | fn(); |
---|
144 | return 0; |
---|
145 | }, |
---|
146 | |
---|
147 | |
---|
148 | /** |
---|
149 | * Create a combined function call sequence of the original function + the passed function. |
---|
150 | * The resulting function returns the results of the original function. |
---|
151 | * The passed fcn is called with the parameters of the original function. Example usage: |
---|
152 | * |
---|
153 | |
---|
154 | var sayHi = function(name){ |
---|
155 | alert('Hi, ' + name); |
---|
156 | } |
---|
157 | |
---|
158 | sayHi('Fred'); // alerts "Hi, Fred" |
---|
159 | |
---|
160 | var sayGoodbye = Ext.createSequence(sayHi, function(name){ |
---|
161 | alert('Bye, ' + name); |
---|
162 | }); |
---|
163 | |
---|
164 | sayGoodbye('Fred'); // both alerts show |
---|
165 | |
---|
166 | * @param {Function} origFn The original function. |
---|
167 | * @param {Function} newFn The function to sequence |
---|
168 | * @param {Object} scope (optional) The scope (this reference) in which the passed function is executed. |
---|
169 | * If omitted, defaults to the scope in which the original function is called or the browser window. |
---|
170 | * @return {Function} The new function |
---|
171 | */ |
---|
172 | createSequence: function(origFn, newFn, scope) { |
---|
173 | if (!Ext.isFunction(newFn)) { |
---|
174 | return origFn; |
---|
175 | } |
---|
176 | else { |
---|
177 | return function() { |
---|
178 | var retval = origFn.apply(this || window, arguments); |
---|
179 | newFn.apply(scope || this || window, arguments); |
---|
180 | return retval; |
---|
181 | }; |
---|
182 | } |
---|
183 | } |
---|
184 | }; |
---|
185 | |
---|
186 | /** |
---|
187 | * Shorthand for {@link Ext.util.Functions#defer} |
---|
188 | * @param {Function} fn The function to defer. |
---|
189 | * @param {Number} millis The number of milliseconds for the setTimeout call (if less than or equal to 0 the function is executed immediately) |
---|
190 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the function is executed. |
---|
191 | * <b>If omitted, defaults to the browser window.</b> |
---|
192 | * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller) |
---|
193 | * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding, |
---|
194 | * if a number the args are inserted at the specified position |
---|
195 | * @return {Number} The timeout id that can be used with clearTimeout |
---|
196 | * @member Ext |
---|
197 | * @method defer |
---|
198 | */ |
---|
199 | |
---|
200 | Ext.defer = Ext.util.Functions.defer; |
---|
201 | |
---|
202 | /** |
---|
203 | * Shorthand for {@link Ext.util.Functions#createInterceptor} |
---|
204 | * @param {Function} origFn The original function. |
---|
205 | * @param {Function} newFn The function to call before the original |
---|
206 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the passed function is executed. |
---|
207 | * <b>If omitted, defaults to the scope in which the original function is called or the browser window.</b> |
---|
208 | * @return {Function} The new function |
---|
209 | * @member Ext |
---|
210 | * @method defer |
---|
211 | */ |
---|
212 | |
---|
213 | Ext.createInterceptor = Ext.util.Functions.createInterceptor; |
---|
214 | |
---|
215 | /** |
---|
216 | * Shorthand for {@link Ext.util.Functions#createSequence} |
---|
217 | * @param {Function} origFn The original function. |
---|
218 | * @param {Function} newFn The function to sequence |
---|
219 | * @param {Object} scope (optional) The scope (this reference) in which the passed function is executed. |
---|
220 | * If omitted, defaults to the scope in which the original function is called or the browser window. |
---|
221 | * @return {Function} The new function |
---|
222 | * @member Ext |
---|
223 | * @method defer |
---|
224 | */ |
---|
225 | |
---|
226 | Ext.createSequence = Ext.util.Functions.createSequence; |
---|
227 | |
---|
228 | /** |
---|
229 | * Shorthand for {@link Ext.util.Functions#createDelegate} |
---|
230 | * @param {Function} fn The function to delegate. |
---|
231 | * @param {Object} scope (optional) The scope (<code><b>this</b></code> reference) in which the function is executed. |
---|
232 | * <b>If omitted, defaults to the browser window.</b> |
---|
233 | * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller) |
---|
234 | * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding, |
---|
235 | * if a number the args are inserted at the specified position |
---|
236 | * @return {Function} The new function |
---|
237 | * @member Ext |
---|
238 | * @method defer |
---|
239 | */ |
---|
240 | Ext.createDelegate = Ext.util.Functions.createDelegate; |
---|