Extends one class to create a subclass and optionally overrides members with the passed literal. This method - * also adds the function "override()" to the subclass that can be used to override members of the class.
- * For example, to create a subclass of Ext GridPanel: - *
-MyGridPanel = Ext.extend(Ext.grid.GridPanel, {
- constructor: function(config) {
-
-// Create configuration for this Grid.
- var store = new Ext.data.Store({...});
- var colModel = new Ext.grid.ColumnModel({...});
-
-// Create a new config object containing our computed properties
-// *plus* whatever was in the config parameter.
- config = Ext.apply({
- store: store,
- colModel: colModel
- }, config);
-
- MyGridPanel.superclass.constructor.call(this, config);
-
-// Your postprocessing here
- },
-
- yourMethod: function() {
- // etc.
- }
-});
-This function also supports a 3-argument call in which the subclass's constructor is - * passed as an argument. In this form, the parameters are as follows:
- *subclass : Function superclass : Function overrides : Object A literal with members which are copied into the subclass's - * prototype, and are therefore shared between all instances of the new class.
- *This may contain a special member named constructor. This is used - * to define the constructor of the new class, and is returned. If this property is - * not specified, a constructor is generated and returned which just calls the - * superclass's constructor passing on its parameters.
- *It is essential that you call the superclass constructor in any provided constructor. See example code.
- * @return {Function} The subclass constructor from theoverrides parameter, or a generated one if not provided.
- */
- extend : function(){
- // inline overrides
- var io = function(o){
- for(var m in o){
- this[m] = o[m];
- }
- };
- var oc = Object.prototype.constructor;
-
- return function(sb, sp, overrides){
- if(typeof sp == 'object'){
- overrides = sp;
- sp = sb;
- sb = overrides.constructor != oc ? overrides.constructor : function(){sp.apply(this, arguments);};
- }
- var F = function(){},
- sbp,
- spp = sp.prototype;
-
- F.prototype = spp;
- sbp = sb.prototype = new F();
- sbp.constructor=sb;
- sb.superclass=spp;
- if(spp.constructor == oc){
- spp.constructor=sp;
- }
- sb.override = function(o){
- Ext.override(sb, o);
- };
- sbp.superclass = sbp.supr = (function(){
- return spp;
- });
- sbp.override = io;
- Ext.override(sb, overrides);
- sb.extend = function(o){return Ext.extend(sb, o);};
- return sb;
- };
- }(),
-
- /**
- * Adds a list of functions to the prototype of an existing class, overwriting any existing methods with the same name.
- * Usage:
-Ext.override(MyClass, {
- newMethod1: function(){
- // etc.
- },
- newMethod2: function(foo){
- // etc.
- }
-});
-
-Ext.namespace('Company', 'Company.data');
-Ext.namespace('Company.data'); // equivalent and preferable to above syntax
-Company.Widget = function() { ... }
-Company.data.CustomStore = function(config) { ... }
-
-Ext.urlDecode("foo=1&bar=2"); // returns {foo: "1", bar: "2"}
-Ext.urlDecode("foo=1&bar=2&bar=3&bar=4", false); // returns {foo: "1", bar: ["2", "3", "4"]}
-index. This function is called with
- * the following arguments:
- * item : Mixed
- * index
- * in the passed arrayindex : Number
- * allItems : Array
- * array passed as the first
- * argument to Ext.each.this reference) in which the specified function is executed.
- * Defaults to the item at the current index
- * within the passed array.
- * @return See description for the fn parameter.
- */
- each : function(array, fn, scope){
- if(Ext.isEmpty(array, true)){
- return;
- }
- if(!Ext.isIterable(array) || Ext.isPrimitive(array)){
- array = [array];
- }
- for(var i = 0, len = array.length; i < len; i++){
- if(fn.call(scope || array[i], array[i], i, array) === false){
- return i;
- };
- }
- },
-
- /**
- * Iterates either the elements in an array, or each of the properties in an object.
- * Note: If you are only iterating arrays, it is better to call {@link #each}.
- * @param {Object/Array} object The object or array to be iterated
- * @param {Function} fn The function to be called for each iteration.
- * The iteration will stop if the supplied function returns false, or
- * all array elements / object properties have been covered. The signature
- * varies depending on the type of object being interated:
- * this reference) in which the specified function is executed. Defaults to
- * the object being iterated.
- */
- iterate : function(obj, fn, scope){
- if(Ext.isEmpty(obj)){
- return;
- }
- if(Ext.isIterable(obj)){
- Ext.each(obj, fn, scope);
- return;
- }else if(typeof obj == 'object'){
- for(var prop in obj){
- if(obj.hasOwnProperty(prop)){
- if(fn.call(scope || obj, prop, obj[prop], obj) === false){
- return;
- };
- }
- }
- }
- },
-
- /**
- * Return the dom node for the passed String (id), dom node, or Ext.Element.
- * Optional 'strict' flag is needed for IE since it can return 'name' and
- * 'id' elements by using getElementById.
- * Here are some examples:
- *
-// gets dom node based on id
-var elDom = Ext.getDom('elId');
-// gets dom node based on the dom node
-var elDom1 = Ext.getDom(elDom);
-
-// If we don't know if we are working with an
-// Ext.Element or a dom node use Ext.getDom
-function(el){
- var dom = Ext.getDom(el);
- // do something with the dom node
-}
- * Removes this element from the document, removes all DOM event listeners, and deletes the cache reference.
- * All DOM event listeners are removed from this element. If {@link Ext#enableNestedListenerRemoval} is
- * true, then DOM event listeners are also removed from all child nodes. The body node
- * will be ignored if passed in.
Returns true if the passed value is empty.
- *The value is deemed to be empty if it is
-Ext.namespace('Company', 'Company.data');
-Ext.namespace('Company.data'); // equivalent and preferable to above syntax
-Company.Widget = function() { ... }
-Company.data.CustomStore = function(config) { ... }
-
-var sayHi = function(name){
- alert('Hi, ' + name);
-}
-
-sayHi('Fred'); // alerts "Hi, Fred"
-
-// create a new function that validates input without
-// directly modifying the original function:
-var sayHiToFriend = sayHi.createInterceptor(function(name){
- return name == 'Brian';
-});
-
-sayHiToFriend('Fred'); // no alert
-sayHiToFriend('Brian'); // alerts "Hi, Brian"
-this reference) in which the passed function is executed.
- * If omitted, defaults to the scope in which the original function is called or the browser window.
- * @return {Function} The new function
- */
- createInterceptor : function(fcn, scope){
- var method = this;
- return !Ext.isFunction(fcn) ?
- this :
- function() {
- var me = this,
- args = arguments;
- fcn.target = me;
- fcn.method = method;
- return (fcn.apply(scope || me || window, args) !== false) ?
- method.apply(me || window, args) :
- null;
- };
- },
-
- /**
- * Creates a callback that passes arguments[0], arguments[1], arguments[2], ...
- * Call directly on any function. Example: myFunction.createCallback(arg1, arg2)
- * Will create a function that is bound to those 2 args. If a specific scope is required in the
- * callback, use {@link #createDelegate} instead. The function returned by createCallback always
- * executes in the window scope.
- * This method is required when you want to pass arguments to a callback function. If no arguments - * are needed, you can simply pass a reference to the function as a callback (e.g., callback: myFn). - * However, if you tried to pass a function with arguments (e.g., callback: myFn(arg1, arg2)) the function - * would simply execute immediately when the code is parsed. Example usage: - *
-var sayHi = function(name){
- alert('Hi, ' + name);
-}
-
-// clicking the button alerts "Hi, Fred"
-new Ext.Button({
- text: 'Say Hi',
- renderTo: Ext.getBody(),
- handler: sayHi.createCallback('Fred')
-});
-this.myFunction.createDelegate(this, [arg1, arg2])
- * Will create a function that is automatically scoped to obj so that the this variable inside the
- * callback points to obj. Example usage:
- *
-var sayHi = function(name){
- // Note this use of "this.text" here. This function expects to
- // execute within a scope that contains a text property. In this
- // example, the "this" variable is pointing to the btn object that
- // was passed in createDelegate below.
- alert('Hi, ' + name + '. You clicked the "' + this.text + '" button.');
-}
-
-var btn = new Ext.Button({
- text: 'Say Hi',
- renderTo: Ext.getBody()
-});
-
-// This callback will execute in the scope of the
-// button instance. Clicking the button alerts
-// "Hi, Fred. You clicked the "Say Hi" button."
-btn.on('click', sayHi.createDelegate(btn, ['Fred']));
-this reference) in which the function is executed.
- * If omitted, defaults to the browser window.
- * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller)
- * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding,
- * if a number the args are inserted at the specified position
- * @return {Function} The new function
- */
- createDelegate : function(obj, args, appendArgs){
- var method = this;
- return function() {
- var callArgs = args || arguments;
- if (appendArgs === true){
- callArgs = Array.prototype.slice.call(arguments, 0);
- callArgs = callArgs.concat(args);
- }else if (Ext.isNumber(appendArgs)){
- callArgs = Array.prototype.slice.call(arguments, 0); // copy arguments first
- var applyArgs = [appendArgs, 0].concat(args); // create method call params
- Array.prototype.splice.apply(callArgs, applyArgs); // splice them in
- }
- return method.apply(obj || window, callArgs);
- };
- },
-
- /**
- * Calls this function after the number of millseconds specified, optionally in a specific scope. Example usage:
- *
-var sayHi = function(name){
- alert('Hi, ' + name);
-}
-
-// executes immediately:
-sayHi('Fred');
-
-// executes after 2 seconds:
-sayHi.defer(2000, this, ['Fred']);
-
-// this syntax is sometimes useful for deferring
-// execution of an anonymous function:
-(function(){
- alert('Anonymous');
-}).defer(100);
-this reference) in which the function is executed.
- * If omitted, defaults to the browser window.
- * @param {Array} args (optional) Overrides arguments for the call. (Defaults to the arguments passed by the caller)
- * @param {Boolean/Number} appendArgs (optional) if True args are appended to call args instead of overriding,
- * if a number the args are inserted at the specified position
- * @return {Number} The timeout id that can be used with clearTimeout
- */
- defer : function(millis, obj, args, appendArgs){
- var fn = this.createDelegate(obj, args, appendArgs);
- if(millis > 0){
- return setTimeout(fn, millis);
- }
- fn();
- return 0;
- }
-});
-
-/**
- * @class String
- * These functions are available on every String object.
- */
-Ext.applyIf(String, {
- /**
- * Allows you to define a tokenized string and pass an arbitrary number of arguments to replace the tokens. Each
- * token must be unique, and must increment in the format {0}, {1}, etc. Example usage:
- *
-var cls = 'my-class', text = 'Some text';
-var s = String.format('<div class="{0}">{1}</div>', cls, text);
-// s now contains the string: '<div class="my-class">Some text</div>'
- *
-// Start a simple clock task that updates a div once per second
-var updateClock = function(){
- Ext.fly('clock').update(new Date().format('g:i:s A'));
-}
-var task = {
- run: updateClock,
- interval: 1000 //1 second
-}
-var runner = new Ext.util.TaskRunner();
-runner.start(task);
-
-// equivalent using TaskMgr
-Ext.TaskMgr.start({
- run: updateClock,
- interval: 1000
-});
-
- * See the {@link #start} method for details about how to configure a task object.
- * Also see {@link Ext.util.DelayedTask}. - * - * @constructor - * @param {Number} interval (optional) The minimum precision in milliseconds supported by this TaskRunner instance - * (defaults to 10) - */ -Ext.util.TaskRunner = function(interval){ - interval = interval || 10; - var tasks = [], - removeQueue = [], - id = 0, - running = false, - - // private - stopThread = function(){ - running = false; - clearInterval(id); - id = 0; - }, - - // private - startThread = function(){ - if(!running){ - running = true; - id = setInterval(runTasks, interval); - } - }, - - // private - removeTask = function(t){ - removeQueue.push(t); - if(t.onStop){ - t.onStop.apply(t.scope || t); - } - }, - - // private - runTasks = function(){ - var rqLen = removeQueue.length, - now = new Date().getTime(); - - if(rqLen > 0){ - for(var i = 0; i < rqLen; i++){ - tasks.remove(removeQueue[i]); - } - removeQueue = []; - if(tasks.length < 1){ - stopThread(); - return; - } - } - for(var i = 0, t, itime, rt, len = tasks.length; i < len; ++i){ - t = tasks[i]; - itime = now - t.taskRunTime; - if(t.interval <= itime){ - rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]); - t.taskRunTime = now; - if(rt === false || t.taskRunCount === t.repeat){ - removeTask(t); - return; - } - } - if(t.duration && t.duration <= (now - t.taskStartTime)){ - removeTask(t); - } - } - }; - - /** - * Starts a new task. - * @method start - * @param {Object} taskA config object that supports the following properties:
run : FunctionThe function to execute each time the task is invoked. The
- * function will be called at each interval and passed the args argument if specified, and the
- * current invocation count if not.
If a particular scope (this reference) is required, be sure to specify it using the scope argument.
Return false from this function to terminate the task.
interval : Numberargs : Arrayrun. If not specified, the current invocation count is passed.scope : Objectrun function. Defaults to the task config object.duration : Numberrepeat : NumberBefore each invocation, Ext injects the property taskRunCount into the task object so
- * that calculations based on the repeat count can be performed.
-// Start a simple clock task that updates a div once per second
-var task = {
- run: function(){
- Ext.fly('clock').update(new Date().format('g:i:s A'));
- },
- interval: 1000 //1 second
-}
-Ext.TaskMgr.start(task);
-See the {@link #start} method for details about how to configure a task object.
- * @singleton - */ -Ext.TaskMgr = new Ext.util.TaskRunner();if(typeof jQuery == "undefined"){ - throw "Unable to load Ext, jQuery not found."; -} - -(function(){ -var libFlyweight; - -Ext.lib.Dom = { - getViewWidth : function(full){ - // jQuery doesn't report full window size on document query, so max both - return full ? Math.max(jQuery(document).width(),jQuery(window).width()) : jQuery(window).width(); - }, - - getViewHeight : function(full){ - // jQuery doesn't report full window size on document query, so max both - return full ? Math.max(jQuery(document).height(),jQuery(window).height()) : jQuery(window).height(); - }, - - isAncestor : function(p, c){ - var ret = false; - - p = Ext.getDom(p); - c = Ext.getDom(c); - if (p && c) { - if (p.contains) { - return p.contains(c); - } else if (p.compareDocumentPosition) { - return !!(p.compareDocumentPosition(c) & 16); - } else { - while (c = c.parentNode) { - ret = c == p || ret; - } - } - } - return ret; - }, - - getRegion : function(el){ - return Ext.lib.Region.getRegion(el); - }, - - ////////////////////////////////////////////////////////////////////////////////////// - // Use of jQuery.offset() removed to promote consistent behavior across libs. - // JVS 05/23/07 - ////////////////////////////////////////////////////////////////////////////////////// - - getY : function(el){ - return this.getXY(el)[1]; - }, - - getX : function(el){ - return this.getXY(el)[0]; - }, - - getXY : function(el) { - var p, pe, b, scroll, bd = (document.body || document.documentElement); - el = Ext.getDom(el); - - if(el == bd){ - return [0, 0]; - } - - if (el.getBoundingClientRect) { - b = el.getBoundingClientRect(); - scroll = fly(document).getScroll(); - return [Math.round(b.left + scroll.left), Math.round(b.top + scroll.top)]; - } - var x = 0, y = 0; - - p = el; - - var hasAbsolute = fly(el).getStyle("position") == "absolute"; - - while (p) { - - x += p.offsetLeft; - y += p.offsetTop; - - if (!hasAbsolute && fly(p).getStyle("position") == "absolute") { - hasAbsolute = true; - } - - if (Ext.isGecko) { - pe = fly(p); - - var bt = parseInt(pe.getStyle("borderTopWidth"), 10) || 0; - var bl = parseInt(pe.getStyle("borderLeftWidth"), 10) || 0; - - - x += bl; - y += bt; - - - if (p != el && pe.getStyle('overflow') != 'visible') { - x += bl; - y += bt; - } - } - p = p.offsetParent; - } - - if (Ext.isSafari && hasAbsolute) { - x -= bd.offsetLeft; - y -= bd.offsetTop; - } - - if (Ext.isGecko && !hasAbsolute) { - var dbd = fly(bd); - x += parseInt(dbd.getStyle("borderLeftWidth"), 10) || 0; - y += parseInt(dbd.getStyle("borderTopWidth"), 10) || 0; - } - - p = el.parentNode; - while (p && p != bd) { - if (!Ext.isOpera || (p.tagName != 'TR' && fly(p).getStyle("display") != "inline")) { - x -= p.scrollLeft; - y -= p.scrollTop; - } - p = p.parentNode; - } - return [x, y]; - }, - - setXY : function(el, xy){ - el = Ext.fly(el, '_setXY'); - el.position(); - var pts = el.translatePoints(xy); - if(xy[0] !== false){ - el.dom.style.left = pts.left + "px"; - } - if(xy[1] !== false){ - el.dom.style.top = pts.top + "px"; - } - }, - - setX : function(el, x){ - this.setXY(el, [x, false]); - }, - - setY : function(el, y){ - this.setXY(el, [false, y]); - } -}; - -// all lib flyweight calls use their own flyweight to prevent collisions with developer flyweights -function fly(el){ - if(!libFlyweight){ - libFlyweight = new Ext.Element.Flyweight(); - } - libFlyweight.dom = el; - return libFlyweight; -} -Ext.lib.Event = { - getPageX : function(e){ - e = e.browserEvent || e; - return e.pageX; - }, - - getPageY : function(e){ - e = e.browserEvent || e; - return e.pageY; - }, - - getXY : function(e){ - e = e.browserEvent || e; - return [e.pageX, e.pageY]; - }, - - getTarget : function(e){ - return e.target; - }, - - // all Ext events will go through event manager which provides scoping - on : function(el, eventName, fn, scope, override){ - jQuery(el).bind(eventName, fn); - }, - - un : function(el, eventName, fn){ - jQuery(el).unbind(eventName, fn); - }, - - purgeElement : function(el){ - jQuery(el).unbind(); - }, - - preventDefault : function(e){ - e = e.browserEvent || e; - if(e.preventDefault){ - e.preventDefault(); - }else{ - e.returnValue = false; - } - }, - - stopPropagation : function(e){ - e = e.browserEvent || e; - if(e.stopPropagation){ - e.stopPropagation(); - }else{ - e.cancelBubble = true; - } - }, - - stopEvent : function(e){ - this.preventDefault(e); - this.stopPropagation(e); - }, - - onAvailable : function(id, fn, scope){ - var start = new Date(); - var f = function(){ - if(start.getElapsed() > 10000){ - clearInterval(iid); - } - var el = document.getElementById(id); - if(el){ - clearInterval(iid); - fn.call(scope||window, el); - } - }; - var iid = setInterval(f, 50); - }, - - resolveTextNode: Ext.isGecko ? function(node){ - if(!node){ - return; - } - var s = HTMLElement.prototype.toString.call(node); - if(s == '[xpconnect wrapped native prototype]' || s == '[object XULElement]'){ - return; - } - return node.nodeType == 3 ? node.parentNode : node; - } : function(node){ - return node && node.nodeType == 3 ? node.parentNode : node; - }, - - getRelatedTarget: function(ev) { - ev = ev.browserEvent || ev; - var t = ev.relatedTarget; - if (!t) { - if (ev.type == "mouseout") { - t = ev.toElement; - } else if (ev.type == "mouseover") { - t = ev.fromElement; - } - } - - return this.resolveTextNode(t); - } -}; - -Ext.lib.Ajax = function(){ - var createComplete = function(cb){ - return function(xhr, status){ - if((status == 'error' || status == 'timeout') && cb.failure){ - cb.failure.call(cb.scope||window, createResponse(cb, xhr)); - }else if(cb.success){ - cb.success.call(cb.scope||window, createResponse(cb, xhr)); - } - }; - }; - - var createResponse = function(cb, xhr){ - var headerObj = {}, - headerStr, - t, - s; - - try { - headerStr = xhr.getAllResponseHeaders(); - Ext.each(headerStr.replace(/\r\n/g, '\n').split('\n'), function(v){ - t = v.indexOf(':'); - if(t >= 0){ - s = v.substr(0, t).toLowerCase(); - if(v.charAt(t + 1) == ' '){ - ++t; - } - headerObj[s] = v.substr(t + 1); - } - }); - } catch(e) {} - - return { - responseText: xhr.responseText, - responseXML : xhr.responseXML, - argument: cb.argument, - status: xhr.status, - statusText: xhr.statusText, - getResponseHeader : function(header){ - return headerObj[header.toLowerCase()]; - }, - getAllResponseHeaders : function(){ - return headerStr; - } - }; - }; - return { - request : function(method, uri, cb, data, options){ - var o = { - type: method, - url: uri, - data: data, - timeout: cb.timeout, - complete: createComplete(cb) - }; - - if(options){ - var hs = options.headers; - if(options.xmlData){ - o.data = options.xmlData; - o.processData = false; - o.type = (method ? method : (options.method ? options.method : 'POST')); - if (!hs || !hs['Content-Type']){ - o.contentType = 'text/xml'; - } - }else if(options.jsonData){ - o.data = typeof options.jsonData == 'object' ? Ext.encode(options.jsonData) : options.jsonData; - o.processData = false; - o.type = (method ? method : (options.method ? options.method : 'POST')); - if (!hs || !hs['Content-Type']){ - o.contentType = 'application/json'; - } - } - if(hs){ - o.beforeSend = function(xhr){ - for (var h in hs) { - if (hs.hasOwnProperty(h)) { - xhr.setRequestHeader(h, hs[h]); - } - } - }; - } - } - jQuery.ajax(o); - }, - - formRequest : function(form, uri, cb, data, isUpload, sslUri){ - jQuery.ajax({ - type: Ext.getDom(form).method ||'POST', - url: uri, - data: jQuery(form).serialize()+(data?'&'+data:''), - timeout: cb.timeout, - complete: createComplete(cb) - }); - }, - - isCallInProgress : function(trans){ - return false; - }, - - abort : function(trans){ - return false; - }, - - serializeForm : function(form){ - return jQuery(form.dom||form).serialize(); - } - }; -}(); - -Ext.lib.Anim = function(){ - var createAnim = function(cb, scope){ - var animated = true; - return { - stop : function(skipToLast){ - // do nothing - }, - - isAnimated : function(){ - return animated; - }, - - proxyCallback : function(){ - animated = false; - Ext.callback(cb, scope); - } - }; - }; - return { - scroll : function(el, args, duration, easing, cb, scope){ - // scroll anim not supported so just scroll immediately - var anim = createAnim(cb, scope); - el = Ext.getDom(el); - if(typeof args.scroll.to[0] == 'number'){ - el.scrollLeft = args.scroll.to[0]; - } - if(typeof args.scroll.to[1] == 'number'){ - el.scrollTop = args.scroll.to[1]; - } - anim.proxyCallback(); - return anim; - }, - - motion : function(el, args, duration, easing, cb, scope){ - return this.run(el, args, duration, easing, cb, scope); - }, - - color : function(el, args, duration, easing, cb, scope){ - // color anim not supported, so execute callback immediately - var anim = createAnim(cb, scope); - anim.proxyCallback(); - return anim; - }, - - run : function(el, args, duration, easing, cb, scope, type){ - var anim = createAnim(cb, scope), e = Ext.fly(el, '_animrun'); - var o = {}; - for(var k in args){ - switch(k){ // jquery doesn't support, so convert - case 'points': - var by, pts; - e.position(); - if(by = args.points.by){ - var xy = e.getXY(); - pts = e.translatePoints([xy[0]+by[0], xy[1]+by[1]]); - }else{ - pts = e.translatePoints(args.points.to); - } - o.left = pts.left; - o.top = pts.top; - if(!parseInt(e.getStyle('left'), 10)){ // auto bug - e.setLeft(0); - } - if(!parseInt(e.getStyle('top'), 10)){ - e.setTop(0); - } - if(args.points.from){ - e.setXY(args.points.from); - } - break; - case 'width': - o.width = args.width.to; - if (args.width.from) - e.setWidth(args.width.from); - break; - case 'height': - o.height = args.height.to; - if (args.height.from) - e.setHeight(args.height.from); - break; - case 'opacity': - o.opacity = args.opacity.to; - if (args.opacity.from) - e.setOpacity(args.opacity.from); - break; - case 'left': - o.left = args.left.to; - if (args.left.from) - e.setLeft(args.left.from); - break; - case 'top': - o.top = args.top.to; - if (args.top.from) - e.setTop(args.top.from); - break; - // jQuery can't handle callback, scope, and xy arguments, so break here - case 'callback': - case 'scope': - case 'xy': - break; - - default: - o[k] = args[k].to; - if (args[k].from) - e.setStyle(k, args[k].from); - break; - } - } - // TODO: find out about easing plug in? - jQuery(el).animate(o, duration*1000, undefined, anim.proxyCallback); - return anim; - } - }; -}(); - - -Ext.lib.Region = function(t, r, b, l) { - this.top = t; - this[1] = t; - this.right = r; - this.bottom = b; - this.left = l; - this[0] = l; -}; - -Ext.lib.Region.prototype = { - contains : function(region) { - return ( region.left >= this.left && - region.right <= this.right && - region.top >= this.top && - region.bottom <= this.bottom ); - - }, - - getArea : function() { - return ( (this.bottom - this.top) * (this.right - this.left) ); - }, - - intersect : function(region) { - var t = Math.max( this.top, region.top ); - var r = Math.min( this.right, region.right ); - var b = Math.min( this.bottom, region.bottom ); - var l = Math.max( this.left, region.left ); - - if (b >= t && r >= l) { - return new Ext.lib.Region(t, r, b, l); - } else { - return null; - } - }, - union : function(region) { - var t = Math.min( this.top, region.top ); - var r = Math.max( this.right, region.right ); - var b = Math.max( this.bottom, region.bottom ); - var l = Math.min( this.left, region.left ); - - return new Ext.lib.Region(t, r, b, l); - }, - - constrainTo : function(r) { - this.top = this.top.constrain(r.top, r.bottom); - this.bottom = this.bottom.constrain(r.top, r.bottom); - this.left = this.left.constrain(r.left, r.right); - this.right = this.right.constrain(r.left, r.right); - return this; - }, - - adjust : function(t, l, b, r){ - this.top += t; - this.left += l; - this.right += r; - this.bottom += b; - return this; - } -}; - -Ext.lib.Region.getRegion = function(el) { - var p = Ext.lib.Dom.getXY(el); - - var t = p[1]; - var r = p[0] + el.offsetWidth; - var b = p[1] + el.offsetHeight; - var l = p[0]; - - return new Ext.lib.Region(t, r, b, l); -}; - -Ext.lib.Point = function(x, y) { - if (Ext.isArray(x)) { - y = x[1]; - x = x[0]; - } - this.x = this.right = this.left = this[0] = x; - this.y = this.top = this.bottom = this[1] = y; -}; - -Ext.lib.Point.prototype = new Ext.lib.Region(); - -// prevent IE leaks -if(Ext.isIE) { - function fnCleanUp() { - var p = Function.prototype; - delete p.createSequence; - delete p.defer; - delete p.createDelegate; - delete p.createCallback; - delete p.createInterceptor; - - window.detachEvent("onunload", fnCleanUp); - } - window.attachEvent("onunload", fnCleanUp); -} -})(); \ No newline at end of file