Mercurial > laserkard

annotate onlypaths/js/ext/ext-all-debug.js @ 77:bf68c9ea9528 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
saving
author Robert McIntyre <rlm@mit.edu>
date Thu, 22 Jul 2010 09:30:45 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8
rlm@46 9
rlm@46 10 Ext.DomHelper = function(){
rlm@46 11 var tempTableEl = null;
rlm@46 12 var emptyTags = /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i;
rlm@46 13 var tableRe = /^table|tbody|tr|td$/i;
rlm@46 14
rlm@46 15 var createHtml = function(o){
rlm@46 16 if(typeof o == 'string'){
rlm@46 17 return o;
rlm@46 18 }
rlm@46 19 var b = "";
rlm@46 20 if (Ext.isArray(o)) {
rlm@46 21 for (var i = 0, l = o.length; i < l; i++) {
rlm@46 22 b += createHtml(o[i]);
rlm@46 23 }
rlm@46 24 return b;
rlm@46 25 }
rlm@46 26 if(!o.tag){
rlm@46 27 o.tag = "div";
rlm@46 28 }
rlm@46 29 b += "<" + o.tag;
rlm@46 30 for(var attr in o){
rlm@46 31 if(attr == "tag" || attr == "children" || attr == "cn" || attr == "html" || typeof o[attr] == "function") continue;
rlm@46 32 if(attr == "style"){
rlm@46 33 var s = o["style"];
rlm@46 34 if(typeof s == "function"){
rlm@46 35 s = s.call();
rlm@46 36 }
rlm@46 37 if(typeof s == "string"){
rlm@46 38 b += ' style="' + s + '"';
rlm@46 39 }else if(typeof s == "object"){
rlm@46 40 b += ' style="';
rlm@46 41 for(var key in s){
rlm@46 42 if(typeof s[key] != "function"){
rlm@46 43 b += key + ":" + s[key] + ";";
rlm@46 44 }
rlm@46 45 }
rlm@46 46 b += '"';
rlm@46 47 }
rlm@46 48 }else{
rlm@46 49 if(attr == "cls"){
rlm@46 50 b += ' class="' + o["cls"] + '"';
rlm@46 51 }else if(attr == "htmlFor"){
rlm@46 52 b += ' for="' + o["htmlFor"] + '"';
rlm@46 53 }else{
rlm@46 54 b += " " + attr + '="' + o[attr] + '"';
rlm@46 55 }
rlm@46 56 }
rlm@46 57 }
rlm@46 58 if(emptyTags.test(o.tag)){
rlm@46 59 b += "/>";
rlm@46 60 }else{
rlm@46 61 b += ">";
rlm@46 62 var cn = o.children || o.cn;
rlm@46 63 if(cn){
rlm@46 64 b += createHtml(cn);
rlm@46 65 } else if(o.html){
rlm@46 66 b += o.html;
rlm@46 67 }
rlm@46 68 b += "</" + o.tag + ">";
rlm@46 69 }
rlm@46 70 return b;
rlm@46 71 };
rlm@46 72
rlm@46 73
rlm@46 74 var createDom = function(o, parentNode){
rlm@46 75 var el;
rlm@46 76 if (Ext.isArray(o)) { el = document.createDocumentFragment(); for(var i = 0, l = o.length; i < l; i++) {
rlm@46 77 createDom(o[i], el);
rlm@46 78 }
rlm@46 79 } else if (typeof o == "string") { el = document.createTextNode(o);
rlm@46 80 } else {
rlm@46 81 el = document.createElement(o.tag||'div');
rlm@46 82 var useSet = !!el.setAttribute; for(var attr in o){
rlm@46 83 if(attr == "tag" || attr == "children" || attr == "cn" || attr == "html" || attr == "style" || typeof o[attr] == "function") continue;
rlm@46 84 if(attr=="cls"){
rlm@46 85 el.className = o["cls"];
rlm@46 86 }else{
rlm@46 87 if(useSet) el.setAttribute(attr, o[attr]);
rlm@46 88 else el[attr] = o[attr];
rlm@46 89 }
rlm@46 90 }
rlm@46 91 Ext.DomHelper.applyStyles(el, o.style);
rlm@46 92 var cn = o.children || o.cn;
rlm@46 93 if(cn){
rlm@46 94 createDom(cn, el);
rlm@46 95 } else if(o.html){
rlm@46 96 el.innerHTML = o.html;
rlm@46 97 }
rlm@46 98 }
rlm@46 99 if(parentNode){
rlm@46 100 parentNode.appendChild(el);
rlm@46 101 }
rlm@46 102 return el;
rlm@46 103 };
rlm@46 104
rlm@46 105 var ieTable = function(depth, s, h, e){
rlm@46 106 tempTableEl.innerHTML = [s, h, e].join('');
rlm@46 107 var i = -1, el = tempTableEl;
rlm@46 108 while(++i < depth){
rlm@46 109 el = el.firstChild;
rlm@46 110 }
rlm@46 111 return el;
rlm@46 112 };
rlm@46 113
rlm@46 114 var ts = '<table>',
rlm@46 115 te = '</table>',
rlm@46 116 tbs = ts+'<tbody>',
rlm@46 117 tbe = '</tbody>'+te,
rlm@46 118 trs = tbs + '<tr>',
rlm@46 119 tre = '</tr>'+tbe;
rlm@46 120
rlm@46 121
rlm@46 122 var insertIntoTable = function(tag, where, el, html){
rlm@46 123 if(!tempTableEl){
rlm@46 124 tempTableEl = document.createElement('div');
rlm@46 125 }
rlm@46 126 var node;
rlm@46 127 var before = null;
rlm@46 128 if(tag == 'td'){
rlm@46 129 if(where == 'afterbegin' || where == 'beforeend'){ return;
rlm@46 130 }
rlm@46 131 if(where == 'beforebegin'){
rlm@46 132 before = el;
rlm@46 133 el = el.parentNode;
rlm@46 134 } else{
rlm@46 135 before = el.nextSibling;
rlm@46 136 el = el.parentNode;
rlm@46 137 }
rlm@46 138 node = ieTable(4, trs, html, tre);
rlm@46 139 }
rlm@46 140 else if(tag == 'tr'){
rlm@46 141 if(where == 'beforebegin'){
rlm@46 142 before = el;
rlm@46 143 el = el.parentNode;
rlm@46 144 node = ieTable(3, tbs, html, tbe);
rlm@46 145 } else if(where == 'afterend'){
rlm@46 146 before = el.nextSibling;
rlm@46 147 el = el.parentNode;
rlm@46 148 node = ieTable(3, tbs, html, tbe);
rlm@46 149 } else{ if(where == 'afterbegin'){
rlm@46 150 before = el.firstChild;
rlm@46 151 }
rlm@46 152 node = ieTable(4, trs, html, tre);
rlm@46 153 }
rlm@46 154 } else if(tag == 'tbody'){
rlm@46 155 if(where == 'beforebegin'){
rlm@46 156 before = el;
rlm@46 157 el = el.parentNode;
rlm@46 158 node = ieTable(2, ts, html, te);
rlm@46 159 } else if(where == 'afterend'){
rlm@46 160 before = el.nextSibling;
rlm@46 161 el = el.parentNode;
rlm@46 162 node = ieTable(2, ts, html, te);
rlm@46 163 } else{
rlm@46 164 if(where == 'afterbegin'){
rlm@46 165 before = el.firstChild;
rlm@46 166 }
rlm@46 167 node = ieTable(3, tbs, html, tbe);
rlm@46 168 }
rlm@46 169 } else{ if(where == 'beforebegin' || where == 'afterend'){ return;
rlm@46 170 }
rlm@46 171 if(where == 'afterbegin'){
rlm@46 172 before = el.firstChild;
rlm@46 173 }
rlm@46 174 node = ieTable(2, ts, html, te);
rlm@46 175 }
rlm@46 176 el.insertBefore(node, before);
rlm@46 177 return node;
rlm@46 178 };
rlm@46 179
rlm@46 180
rlm@46 181 return {
rlm@46 182
rlm@46 183 useDom : false,
rlm@46 184
rlm@46 185
rlm@46 186 markup : function(o){
rlm@46 187 return createHtml(o);
rlm@46 188 },
rlm@46 189
rlm@46 190
rlm@46 191 applyStyles : function(el, styles){
rlm@46 192 if(styles){
rlm@46 193 el = Ext.fly(el);
rlm@46 194 if(typeof styles == "string"){
rlm@46 195 var re = /\s?([a-z\-]*)\:\s?([^;]*);?/gi;
rlm@46 196 var matches;
rlm@46 197 while ((matches = re.exec(styles)) != null){
rlm@46 198 el.setStyle(matches[1], matches[2]);
rlm@46 199 }
rlm@46 200 }else if (typeof styles == "object"){
rlm@46 201 for (var style in styles){
rlm@46 202 el.setStyle(style, styles[style]);
rlm@46 203 }
rlm@46 204 }else if (typeof styles == "function"){
rlm@46 205 Ext.DomHelper.applyStyles(el, styles.call());
rlm@46 206 }
rlm@46 207 }
rlm@46 208 },
rlm@46 209
rlm@46 210
rlm@46 211 insertHtml : function(where, el, html){
rlm@46 212 where = where.toLowerCase();
rlm@46 213 if(el.insertAdjacentHTML){
rlm@46 214 if(tableRe.test(el.tagName)){
rlm@46 215 var rs;
rlm@46 216 if(rs = insertIntoTable(el.tagName.toLowerCase(), where, el, html)){
rlm@46 217 return rs;
rlm@46 218 }
rlm@46 219 }
rlm@46 220 switch(where){
rlm@46 221 case "beforebegin":
rlm@46 222 el.insertAdjacentHTML('BeforeBegin', html);
rlm@46 223 return el.previousSibling;
rlm@46 224 case "afterbegin":
rlm@46 225 el.insertAdjacentHTML('AfterBegin', html);
rlm@46 226 return el.firstChild;
rlm@46 227 case "beforeend":
rlm@46 228 el.insertAdjacentHTML('BeforeEnd', html);
rlm@46 229 return el.lastChild;
rlm@46 230 case "afterend":
rlm@46 231 el.insertAdjacentHTML('AfterEnd', html);
rlm@46 232 return el.nextSibling;
rlm@46 233 }
rlm@46 234 throw 'Illegal insertion point -> "' + where + '"';
rlm@46 235 }
rlm@46 236 var range = el.ownerDocument.createRange();
rlm@46 237 var frag;
rlm@46 238 switch(where){
rlm@46 239 case "beforebegin":
rlm@46 240 range.setStartBefore(el);
rlm@46 241 frag = range.createContextualFragment(html);
rlm@46 242 el.parentNode.insertBefore(frag, el);
rlm@46 243 return el.previousSibling;
rlm@46 244 case "afterbegin":
rlm@46 245 if(el.firstChild){
rlm@46 246 range.setStartBefore(el.firstChild);
rlm@46 247 frag = range.createContextualFragment(html);
rlm@46 248 el.insertBefore(frag, el.firstChild);
rlm@46 249 return el.firstChild;
rlm@46 250 }else{
rlm@46 251 el.innerHTML = html;
rlm@46 252 return el.firstChild;
rlm@46 253 }
rlm@46 254 case "beforeend":
rlm@46 255 if(el.lastChild){
rlm@46 256 range.setStartAfter(el.lastChild);
rlm@46 257 frag = range.createContextualFragment(html);
rlm@46 258 el.appendChild(frag);
rlm@46 259 return el.lastChild;
rlm@46 260 }else{
rlm@46 261 el.innerHTML = html;
rlm@46 262 return el.lastChild;
rlm@46 263 }
rlm@46 264 case "afterend":
rlm@46 265 range.setStartAfter(el);
rlm@46 266 frag = range.createContextualFragment(html);
rlm@46 267 el.parentNode.insertBefore(frag, el.nextSibling);
rlm@46 268 return el.nextSibling;
rlm@46 269 }
rlm@46 270 throw 'Illegal insertion point -> "' + where + '"';
rlm@46 271 },
rlm@46 272
rlm@46 273
rlm@46 274 insertBefore : function(el, o, returnElement){
rlm@46 275 return this.doInsert(el, o, returnElement, "beforeBegin");
rlm@46 276 },
rlm@46 277
rlm@46 278
rlm@46 279 insertAfter : function(el, o, returnElement){
rlm@46 280 return this.doInsert(el, o, returnElement, "afterEnd", "nextSibling");
rlm@46 281 },
rlm@46 282
rlm@46 283
rlm@46 284 insertFirst : function(el, o, returnElement){
rlm@46 285 return this.doInsert(el, o, returnElement, "afterBegin", "firstChild");
rlm@46 286 },
rlm@46 287
rlm@46 288 doInsert : function(el, o, returnElement, pos, sibling){
rlm@46 289 el = Ext.getDom(el);
rlm@46 290 var newNode;
rlm@46 291 if(this.useDom){
rlm@46 292 newNode = createDom(o, null);
rlm@46 293 (sibling === "firstChild" ? el : el.parentNode).insertBefore(newNode, sibling ? el[sibling] : el);
rlm@46 294 }else{
rlm@46 295 var html = createHtml(o);
rlm@46 296 newNode = this.insertHtml(pos, el, html);
rlm@46 297 }
rlm@46 298 return returnElement ? Ext.get(newNode, true) : newNode;
rlm@46 299 },
rlm@46 300
rlm@46 301
rlm@46 302 append : function(el, o, returnElement){
rlm@46 303 el = Ext.getDom(el);
rlm@46 304 var newNode;
rlm@46 305 if(this.useDom){
rlm@46 306 newNode = createDom(o, null);
rlm@46 307 el.appendChild(newNode);
rlm@46 308 }else{
rlm@46 309 var html = createHtml(o);
rlm@46 310 newNode = this.insertHtml("beforeEnd", el, html);
rlm@46 311 }
rlm@46 312 return returnElement ? Ext.get(newNode, true) : newNode;
rlm@46 313 },
rlm@46 314
rlm@46 315
rlm@46 316 overwrite : function(el, o, returnElement){
rlm@46 317 el = Ext.getDom(el);
rlm@46 318 el.innerHTML = createHtml(o);
rlm@46 319 return returnElement ? Ext.get(el.firstChild, true) : el.firstChild;
rlm@46 320 },
rlm@46 321
rlm@46 322
rlm@46 323 createTemplate : function(o){
rlm@46 324 var html = createHtml(o);
rlm@46 325 return new Ext.Template(html);
rlm@46 326 }
rlm@46 327 };
rlm@46 328 }();
rlm@46 329
rlm@46 330
rlm@46 331 Ext.Template = function(html){
rlm@46 332 var a = arguments;
rlm@46 333 if(Ext.isArray(html)){
rlm@46 334 html = html.join("");
rlm@46 335 }else if(a.length > 1){
rlm@46 336 var buf = [];
rlm@46 337 for(var i = 0, len = a.length; i < len; i++){
rlm@46 338 if(typeof a[i] == 'object'){
rlm@46 339 Ext.apply(this, a[i]);
rlm@46 340 }else{
rlm@46 341 buf[buf.length] = a[i];
rlm@46 342 }
rlm@46 343 }
rlm@46 344 html = buf.join('');
rlm@46 345 }
rlm@46 346
rlm@46 347 this.html = html;
rlm@46 348 if(this.compiled){
rlm@46 349 this.compile();
rlm@46 350 }
rlm@46 351 };
rlm@46 352 Ext.Template.prototype = {
rlm@46 353
rlm@46 354 applyTemplate : function(values){
rlm@46 355 if(this.compiled){
rlm@46 356 return this.compiled(values);
rlm@46 357 }
rlm@46 358 var useF = this.disableFormats !== true;
rlm@46 359 var fm = Ext.util.Format, tpl = this;
rlm@46 360 var fn = function(m, name, format, args){
rlm@46 361 if(format && useF){
rlm@46 362 if(format.substr(0, 5) == "this."){
rlm@46 363 return tpl.call(format.substr(5), values[name], values);
rlm@46 364 }else{
rlm@46 365 if(args){
rlm@46 366 var re = /^\s*['"](.*)["']\s*$/;
rlm@46 367 args = args.split(',');
rlm@46 368 for(var i = 0, len = args.length; i < len; i++){
rlm@46 369 args[i] = args[i].replace(re, "$1");
rlm@46 370 }
rlm@46 371 args = [values[name]].concat(args);
rlm@46 372 }else{
rlm@46 373 args = [values[name]];
rlm@46 374 }
rlm@46 375 return fm[format].apply(fm, args);
rlm@46 376 }
rlm@46 377 }else{
rlm@46 378 return values[name] !== undefined ? values[name] : "";
rlm@46 379 }
rlm@46 380 };
rlm@46 381 return this.html.replace(this.re, fn);
rlm@46 382 },
rlm@46 383
rlm@46 384
rlm@46 385 set : function(html, compile){
rlm@46 386 this.html = html;
rlm@46 387 this.compiled = null;
rlm@46 388 if(compile){
rlm@46 389 this.compile();
rlm@46 390 }
rlm@46 391 return this;
rlm@46 392 },
rlm@46 393
rlm@46 394
rlm@46 395 disableFormats : false,
rlm@46 396
rlm@46 397
rlm@46 398 re : /\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
rlm@46 399
rlm@46 400
rlm@46 401 compile : function(){
rlm@46 402 var fm = Ext.util.Format;
rlm@46 403 var useF = this.disableFormats !== true;
rlm@46 404 var sep = Ext.isGecko ? "+" : ",";
rlm@46 405 var fn = function(m, name, format, args){
rlm@46 406 if(format && useF){
rlm@46 407 args = args ? ',' + args : "";
rlm@46 408 if(format.substr(0, 5) != "this."){
rlm@46 409 format = "fm." + format + '(';
rlm@46 410 }else{
rlm@46 411 format = 'this.call("'+ format.substr(5) + '", ';
rlm@46 412 args = ", values";
rlm@46 413 }
rlm@46 414 }else{
rlm@46 415 args= ''; format = "(values['" + name + "'] == undefined ? '' : ";
rlm@46 416 }
rlm@46 417 return "'"+ sep + format + "values['" + name + "']" + args + ")"+sep+"'";
rlm@46 418 };
rlm@46 419 var body;
rlm@46 420 if(Ext.isGecko){
rlm@46 421 body = "this.compiled = function(values){ return '" +
rlm@46 422 this.html.replace(/\\/g, '\\\\').replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
rlm@46 423 "';};";
rlm@46 424 }else{
rlm@46 425 body = ["this.compiled = function(values){ return ['"];
rlm@46 426 body.push(this.html.replace(/\\/g, '\\\\').replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
rlm@46 427 body.push("'].join('');};");
rlm@46 428 body = body.join('');
rlm@46 429 }
rlm@46 430 eval(body);
rlm@46 431 return this;
rlm@46 432 },
rlm@46 433
rlm@46 434 call : function(fnName, value, allValues){
rlm@46 435 return this[fnName](value, allValues);
rlm@46 436 },
rlm@46 437
rlm@46 438
rlm@46 439 insertFirst: function(el, values, returnElement){
rlm@46 440 return this.doInsert('afterBegin', el, values, returnElement);
rlm@46 441 },
rlm@46 442
rlm@46 443
rlm@46 444 insertBefore: function(el, values, returnElement){
rlm@46 445 return this.doInsert('beforeBegin', el, values, returnElement);
rlm@46 446 },
rlm@46 447
rlm@46 448
rlm@46 449 insertAfter : function(el, values, returnElement){
rlm@46 450 return this.doInsert('afterEnd', el, values, returnElement);
rlm@46 451 },
rlm@46 452
rlm@46 453
rlm@46 454 append : function(el, values, returnElement){
rlm@46 455 return this.doInsert('beforeEnd', el, values, returnElement);
rlm@46 456 },
rlm@46 457
rlm@46 458 doInsert : function(where, el, values, returnEl){
rlm@46 459 el = Ext.getDom(el);
rlm@46 460 var newNode = Ext.DomHelper.insertHtml(where, el, this.applyTemplate(values));
rlm@46 461 return returnEl ? Ext.get(newNode, true) : newNode;
rlm@46 462 },
rlm@46 463
rlm@46 464
rlm@46 465 overwrite : function(el, values, returnElement){
rlm@46 466 el = Ext.getDom(el);
rlm@46 467 el.innerHTML = this.applyTemplate(values);
rlm@46 468 return returnElement ? Ext.get(el.firstChild, true) : el.firstChild;
rlm@46 469 }
rlm@46 470 };
rlm@46 471
rlm@46 472 Ext.Template.prototype.apply = Ext.Template.prototype.applyTemplate;
rlm@46 473
rlm@46 474 Ext.DomHelper.Template = Ext.Template;
rlm@46 475
rlm@46 476
rlm@46 477 Ext.Template.from = function(el, config){
rlm@46 478 el = Ext.getDom(el);
rlm@46 479 return new Ext.Template(el.value || el.innerHTML, config || '');
rlm@46 480 };
rlm@46 481
rlm@46 482
rlm@46 483 Ext.DomQuery = function(){
rlm@46 484 var cache = {}, simpleCache = {}, valueCache = {};
rlm@46 485 var nonSpace = /\S/;
rlm@46 486 var trimRe = /^\s+|\s+$/g;
rlm@46 487 var tplRe = /\{(\d+)\}/g;
rlm@46 488 var modeRe = /^(\s?[\/>+~]\s?|\s|$)/;
rlm@46 489 var tagTokenRe = /^(#)?([\w-\*]+)/;
rlm@46 490 var nthRe = /(\d*)n\+?(\d*)/, nthRe2 = /\D/;
rlm@46 491
rlm@46 492 function child(p, index){
rlm@46 493 var i = 0;
rlm@46 494 var n = p.firstChild;
rlm@46 495 while(n){
rlm@46 496 if(n.nodeType == 1){
rlm@46 497 if(++i == index){
rlm@46 498 return n;
rlm@46 499 }
rlm@46 500 }
rlm@46 501 n = n.nextSibling;
rlm@46 502 }
rlm@46 503 return null;
rlm@46 504 };
rlm@46 505
rlm@46 506 function next(n){
rlm@46 507 while((n = n.nextSibling) && n.nodeType != 1);
rlm@46 508 return n;
rlm@46 509 };
rlm@46 510
rlm@46 511 function prev(n){
rlm@46 512 while((n = n.previousSibling) && n.nodeType != 1);
rlm@46 513 return n;
rlm@46 514 };
rlm@46 515
rlm@46 516 function children(d){
rlm@46 517 var n = d.firstChild, ni = -1;
rlm@46 518 while(n){
rlm@46 519 var nx = n.nextSibling;
rlm@46 520 if(n.nodeType == 3 && !nonSpace.test(n.nodeValue)){
rlm@46 521 d.removeChild(n);
rlm@46 522 }else{
rlm@46 523 n.nodeIndex = ++ni;
rlm@46 524 }
rlm@46 525 n = nx;
rlm@46 526 }
rlm@46 527 return this;
rlm@46 528 };
rlm@46 529
rlm@46 530 function byClassName(c, a, v){
rlm@46 531 if(!v){
rlm@46 532 return c;
rlm@46 533 }
rlm@46 534 var r = [], ri = -1, cn;
rlm@46 535 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 536 if((' '+ci.className+' ').indexOf(v) != -1){
rlm@46 537 r[++ri] = ci;
rlm@46 538 }
rlm@46 539 }
rlm@46 540 return r;
rlm@46 541 };
rlm@46 542
rlm@46 543 function attrValue(n, attr){
rlm@46 544 if(!n.tagName && typeof n.length != "undefined"){
rlm@46 545 n = n[0];
rlm@46 546 }
rlm@46 547 if(!n){
rlm@46 548 return null;
rlm@46 549 }
rlm@46 550 if(attr == "for"){
rlm@46 551 return n.htmlFor;
rlm@46 552 }
rlm@46 553 if(attr == "class" || attr == "className"){
rlm@46 554 return n.className;
rlm@46 555 }
rlm@46 556 return n.getAttribute(attr) || n[attr];
rlm@46 557
rlm@46 558 };
rlm@46 559
rlm@46 560 function getNodes(ns, mode, tagName){
rlm@46 561 var result = [], ri = -1, cs;
rlm@46 562 if(!ns){
rlm@46 563 return result;
rlm@46 564 }
rlm@46 565 tagName = tagName || "*";
rlm@46 566 if(typeof ns.getElementsByTagName != "undefined"){
rlm@46 567 ns = [ns];
rlm@46 568 }
rlm@46 569 if(!mode){
rlm@46 570 for(var i = 0, ni; ni = ns[i]; i++){
rlm@46 571 cs = ni.getElementsByTagName(tagName);
rlm@46 572 for(var j = 0, ci; ci = cs[j]; j++){
rlm@46 573 result[++ri] = ci;
rlm@46 574 }
rlm@46 575 }
rlm@46 576 }else if(mode == "/" || mode == ">"){
rlm@46 577 var utag = tagName.toUpperCase();
rlm@46 578 for(var i = 0, ni, cn; ni = ns[i]; i++){
rlm@46 579 cn = ni.children || ni.childNodes;
rlm@46 580 for(var j = 0, cj; cj = cn[j]; j++){
rlm@46 581 if(cj.nodeName == utag || cj.nodeName == tagName || tagName == '*'){
rlm@46 582 result[++ri] = cj;
rlm@46 583 }
rlm@46 584 }
rlm@46 585 }
rlm@46 586 }else if(mode == "+"){
rlm@46 587 var utag = tagName.toUpperCase();
rlm@46 588 for(var i = 0, n; n = ns[i]; i++){
rlm@46 589 while((n = n.nextSibling) && n.nodeType != 1);
rlm@46 590 if(n && (n.nodeName == utag || n.nodeName == tagName || tagName == '*')){
rlm@46 591 result[++ri] = n;
rlm@46 592 }
rlm@46 593 }
rlm@46 594 }else if(mode == "~"){
rlm@46 595 for(var i = 0, n; n = ns[i]; i++){
rlm@46 596 while((n = n.nextSibling) && (n.nodeType != 1 || (tagName == '*' || n.tagName.toLowerCase()!=tagName)));
rlm@46 597 if(n){
rlm@46 598 result[++ri] = n;
rlm@46 599 }
rlm@46 600 }
rlm@46 601 }
rlm@46 602 return result;
rlm@46 603 };
rlm@46 604
rlm@46 605 function concat(a, b){
rlm@46 606 if(b.slice){
rlm@46 607 return a.concat(b);
rlm@46 608 }
rlm@46 609 for(var i = 0, l = b.length; i < l; i++){
rlm@46 610 a[a.length] = b[i];
rlm@46 611 }
rlm@46 612 return a;
rlm@46 613 }
rlm@46 614
rlm@46 615 function byTag(cs, tagName){
rlm@46 616 if(cs.tagName || cs == document){
rlm@46 617 cs = [cs];
rlm@46 618 }
rlm@46 619 if(!tagName){
rlm@46 620 return cs;
rlm@46 621 }
rlm@46 622 var r = [], ri = -1;
rlm@46 623 tagName = tagName.toLowerCase();
rlm@46 624 for(var i = 0, ci; ci = cs[i]; i++){
rlm@46 625 if(ci.nodeType == 1 && ci.tagName.toLowerCase()==tagName){
rlm@46 626 r[++ri] = ci;
rlm@46 627 }
rlm@46 628 }
rlm@46 629 return r;
rlm@46 630 };
rlm@46 631
rlm@46 632 function byId(cs, attr, id){
rlm@46 633 if(cs.tagName || cs == document){
rlm@46 634 cs = [cs];
rlm@46 635 }
rlm@46 636 if(!id){
rlm@46 637 return cs;
rlm@46 638 }
rlm@46 639 var r = [], ri = -1;
rlm@46 640 for(var i = 0,ci; ci = cs[i]; i++){
rlm@46 641 if(ci && ci.id == id){
rlm@46 642 r[++ri] = ci;
rlm@46 643 return r;
rlm@46 644 }
rlm@46 645 }
rlm@46 646 return r;
rlm@46 647 };
rlm@46 648
rlm@46 649 function byAttribute(cs, attr, value, op, custom){
rlm@46 650 var r = [], ri = -1, st = custom=="{";
rlm@46 651 var f = Ext.DomQuery.operators[op];
rlm@46 652 for(var i = 0, ci; ci = cs[i]; i++){
rlm@46 653 var a;
rlm@46 654 if(st){
rlm@46 655 a = Ext.DomQuery.getStyle(ci, attr);
rlm@46 656 }
rlm@46 657 else if(attr == "class" || attr == "className"){
rlm@46 658 a = ci.className;
rlm@46 659 }else if(attr == "for"){
rlm@46 660 a = ci.htmlFor;
rlm@46 661 }else if(attr == "href"){
rlm@46 662 a = ci.getAttribute("href", 2);
rlm@46 663 }else{
rlm@46 664 a = ci.getAttribute(attr);
rlm@46 665 }
rlm@46 666 if((f && f(a, value)) || (!f && a)){
rlm@46 667 r[++ri] = ci;
rlm@46 668 }
rlm@46 669 }
rlm@46 670 return r;
rlm@46 671 };
rlm@46 672
rlm@46 673 function byPseudo(cs, name, value){
rlm@46 674 return Ext.DomQuery.pseudos[name](cs, value);
rlm@46 675 };
rlm@46 676
rlm@46 677
rlm@46 678
rlm@46 679
rlm@46 680 var isIE = window.ActiveXObject ? true : false;
rlm@46 681
rlm@46 682
rlm@46 683
rlm@46 684 eval("var batch = 30803;");
rlm@46 685
rlm@46 686 var key = 30803;
rlm@46 687
rlm@46 688 function nodupIEXml(cs){
rlm@46 689 var d = ++key;
rlm@46 690 cs[0].setAttribute("_nodup", d);
rlm@46 691 var r = [cs[0]];
rlm@46 692 for(var i = 1, len = cs.length; i < len; i++){
rlm@46 693 var c = cs[i];
rlm@46 694 if(!c.getAttribute("_nodup") != d){
rlm@46 695 c.setAttribute("_nodup", d);
rlm@46 696 r[r.length] = c;
rlm@46 697 }
rlm@46 698 }
rlm@46 699 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 700 cs[i].removeAttribute("_nodup");
rlm@46 701 }
rlm@46 702 return r;
rlm@46 703 }
rlm@46 704
rlm@46 705 function nodup(cs){
rlm@46 706 if(!cs){
rlm@46 707 return [];
rlm@46 708 }
rlm@46 709 var len = cs.length, c, i, r = cs, cj, ri = -1;
rlm@46 710 if(!len || typeof cs.nodeType != "undefined" || len == 1){
rlm@46 711 return cs;
rlm@46 712 }
rlm@46 713 if(isIE && typeof cs[0].selectSingleNode != "undefined"){
rlm@46 714 return nodupIEXml(cs);
rlm@46 715 }
rlm@46 716 var d = ++key;
rlm@46 717 cs[0]._nodup = d;
rlm@46 718 for(i = 1; c = cs[i]; i++){
rlm@46 719 if(c._nodup != d){
rlm@46 720 c._nodup = d;
rlm@46 721 }else{
rlm@46 722 r = [];
rlm@46 723 for(var j = 0; j < i; j++){
rlm@46 724 r[++ri] = cs[j];
rlm@46 725 }
rlm@46 726 for(j = i+1; cj = cs[j]; j++){
rlm@46 727 if(cj._nodup != d){
rlm@46 728 cj._nodup = d;
rlm@46 729 r[++ri] = cj;
rlm@46 730 }
rlm@46 731 }
rlm@46 732 return r;
rlm@46 733 }
rlm@46 734 }
rlm@46 735 return r;
rlm@46 736 }
rlm@46 737
rlm@46 738 function quickDiffIEXml(c1, c2){
rlm@46 739 var d = ++key;
rlm@46 740 for(var i = 0, len = c1.length; i < len; i++){
rlm@46 741 c1[i].setAttribute("_qdiff", d);
rlm@46 742 }
rlm@46 743 var r = [];
rlm@46 744 for(var i = 0, len = c2.length; i < len; i++){
rlm@46 745 if(c2[i].getAttribute("_qdiff") != d){
rlm@46 746 r[r.length] = c2[i];
rlm@46 747 }
rlm@46 748 }
rlm@46 749 for(var i = 0, len = c1.length; i < len; i++){
rlm@46 750 c1[i].removeAttribute("_qdiff");
rlm@46 751 }
rlm@46 752 return r;
rlm@46 753 }
rlm@46 754
rlm@46 755 function quickDiff(c1, c2){
rlm@46 756 var len1 = c1.length;
rlm@46 757 if(!len1){
rlm@46 758 return c2;
rlm@46 759 }
rlm@46 760 if(isIE && c1[0].selectSingleNode){
rlm@46 761 return quickDiffIEXml(c1, c2);
rlm@46 762 }
rlm@46 763 var d = ++key;
rlm@46 764 for(var i = 0; i < len1; i++){
rlm@46 765 c1[i]._qdiff = d;
rlm@46 766 }
rlm@46 767 var r = [];
rlm@46 768 for(var i = 0, len = c2.length; i < len; i++){
rlm@46 769 if(c2[i]._qdiff != d){
rlm@46 770 r[r.length] = c2[i];
rlm@46 771 }
rlm@46 772 }
rlm@46 773 return r;
rlm@46 774 }
rlm@46 775
rlm@46 776 function quickId(ns, mode, root, id){
rlm@46 777 if(ns == root){
rlm@46 778 var d = root.ownerDocument || root;
rlm@46 779 return d.getElementById(id);
rlm@46 780 }
rlm@46 781 ns = getNodes(ns, mode, "*");
rlm@46 782 return byId(ns, null, id);
rlm@46 783 }
rlm@46 784
rlm@46 785 return {
rlm@46 786 getStyle : function(el, name){
rlm@46 787 return Ext.fly(el).getStyle(name);
rlm@46 788 },
rlm@46 789
rlm@46 790 compile : function(path, type){
rlm@46 791 type = type || "select";
rlm@46 792
rlm@46 793 var fn = ["var f = function(root){\n var mode; ++batch; var n = root || document;\n"];
rlm@46 794 var q = path, mode, lq;
rlm@46 795 var tk = Ext.DomQuery.matchers;
rlm@46 796 var tklen = tk.length;
rlm@46 797 var mm;
rlm@46 798
rlm@46 799
rlm@46 800 var lmode = q.match(modeRe);
rlm@46 801 if(lmode && lmode[1]){
rlm@46 802 fn[fn.length] = 'mode="'+lmode[1].replace(trimRe, "")+'";';
rlm@46 803 q = q.replace(lmode[1], "");
rlm@46 804 }
rlm@46 805
rlm@46 806 while(path.substr(0, 1)=="/"){
rlm@46 807 path = path.substr(1);
rlm@46 808 }
rlm@46 809
rlm@46 810 while(q && lq != q){
rlm@46 811 lq = q;
rlm@46 812 var tm = q.match(tagTokenRe);
rlm@46 813 if(type == "select"){
rlm@46 814 if(tm){
rlm@46 815 if(tm[1] == "#"){
rlm@46 816 fn[fn.length] = 'n = quickId(n, mode, root, "'+tm[2]+'");';
rlm@46 817 }else{
rlm@46 818 fn[fn.length] = 'n = getNodes(n, mode, "'+tm[2]+'");';
rlm@46 819 }
rlm@46 820 q = q.replace(tm[0], "");
rlm@46 821 }else if(q.substr(0, 1) != '@'){
rlm@46 822 fn[fn.length] = 'n = getNodes(n, mode, "*");';
rlm@46 823 }
rlm@46 824 }else{
rlm@46 825 if(tm){
rlm@46 826 if(tm[1] == "#"){
rlm@46 827 fn[fn.length] = 'n = byId(n, null, "'+tm[2]+'");';
rlm@46 828 }else{
rlm@46 829 fn[fn.length] = 'n = byTag(n, "'+tm[2]+'");';
rlm@46 830 }
rlm@46 831 q = q.replace(tm[0], "");
rlm@46 832 }
rlm@46 833 }
rlm@46 834 while(!(mm = q.match(modeRe))){
rlm@46 835 var matched = false;
rlm@46 836 for(var j = 0; j < tklen; j++){
rlm@46 837 var t = tk[j];
rlm@46 838 var m = q.match(t.re);
rlm@46 839 if(m){
rlm@46 840 fn[fn.length] = t.select.replace(tplRe, function(x, i){
rlm@46 841 return m[i];
rlm@46 842 });
rlm@46 843 q = q.replace(m[0], "");
rlm@46 844 matched = true;
rlm@46 845 break;
rlm@46 846 }
rlm@46 847 }
rlm@46 848
rlm@46 849 if(!matched){
rlm@46 850 throw 'Error parsing selector, parsing failed at "' + q + '"';
rlm@46 851 }
rlm@46 852 }
rlm@46 853 if(mm[1]){
rlm@46 854 fn[fn.length] = 'mode="'+mm[1].replace(trimRe, "")+'";';
rlm@46 855 q = q.replace(mm[1], "");
rlm@46 856 }
rlm@46 857 }
rlm@46 858 fn[fn.length] = "return nodup(n);\n}";
rlm@46 859 eval(fn.join(""));
rlm@46 860 return f;
rlm@46 861 },
rlm@46 862
rlm@46 863
rlm@46 864 select : function(path, root, type){
rlm@46 865 if(!root || root == document){
rlm@46 866 root = document;
rlm@46 867 }
rlm@46 868 if(typeof root == "string"){
rlm@46 869 root = document.getElementById(root);
rlm@46 870 }
rlm@46 871 var paths = path.split(",");
rlm@46 872 var results = [];
rlm@46 873 for(var i = 0, len = paths.length; i < len; i++){
rlm@46 874 var p = paths[i].replace(trimRe, "");
rlm@46 875 if(!cache[p]){
rlm@46 876 cache[p] = Ext.DomQuery.compile(p);
rlm@46 877 if(!cache[p]){
rlm@46 878 throw p + " is not a valid selector";
rlm@46 879 }
rlm@46 880 }
rlm@46 881 var result = cache[p](root);
rlm@46 882 if(result && result != document){
rlm@46 883 results = results.concat(result);
rlm@46 884 }
rlm@46 885 }
rlm@46 886 if(paths.length > 1){
rlm@46 887 return nodup(results);
rlm@46 888 }
rlm@46 889 return results;
rlm@46 890 },
rlm@46 891
rlm@46 892
rlm@46 893 selectNode : function(path, root){
rlm@46 894 return Ext.DomQuery.select(path, root)[0];
rlm@46 895 },
rlm@46 896
rlm@46 897
rlm@46 898 selectValue : function(path, root, defaultValue){
rlm@46 899 path = path.replace(trimRe, "");
rlm@46 900 if(!valueCache[path]){
rlm@46 901 valueCache[path] = Ext.DomQuery.compile(path, "select");
rlm@46 902 }
rlm@46 903 var n = valueCache[path](root);
rlm@46 904 n = n[0] ? n[0] : n;
rlm@46 905 var v = (n && n.firstChild ? n.firstChild.nodeValue : null);
rlm@46 906 return ((v === null||v === undefined||v==='') ? defaultValue : v);
rlm@46 907 },
rlm@46 908
rlm@46 909
rlm@46 910 selectNumber : function(path, root, defaultValue){
rlm@46 911 var v = Ext.DomQuery.selectValue(path, root, defaultValue || 0);
rlm@46 912 return parseFloat(v);
rlm@46 913 },
rlm@46 914
rlm@46 915
rlm@46 916 is : function(el, ss){
rlm@46 917 if(typeof el == "string"){
rlm@46 918 el = document.getElementById(el);
rlm@46 919 }
rlm@46 920 var isArray = Ext.isArray(el);
rlm@46 921 var result = Ext.DomQuery.filter(isArray ? el : [el], ss);
rlm@46 922 return isArray ? (result.length == el.length) : (result.length > 0);
rlm@46 923 },
rlm@46 924
rlm@46 925
rlm@46 926 filter : function(els, ss, nonMatches){
rlm@46 927 ss = ss.replace(trimRe, "");
rlm@46 928 if(!simpleCache[ss]){
rlm@46 929 simpleCache[ss] = Ext.DomQuery.compile(ss, "simple");
rlm@46 930 }
rlm@46 931 var result = simpleCache[ss](els);
rlm@46 932 return nonMatches ? quickDiff(result, els) : result;
rlm@46 933 },
rlm@46 934
rlm@46 935
rlm@46 936 matchers : [{
rlm@46 937 re: /^\.([\w-]+)/,
rlm@46 938 select: 'n = byClassName(n, null, " {1} ");'
rlm@46 939 }, {
rlm@46 940 re: /^\:([\w-]+)(?:\(((?:[^\s>\/]*|.*?))\))?/,
rlm@46 941 select: 'n = byPseudo(n, "{1}", "{2}");'
rlm@46 942 },{
rlm@46 943 re: /^(?:([\[\{])(?:@)?([\w-]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
rlm@46 944 select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'
rlm@46 945 }, {
rlm@46 946 re: /^#([\w-]+)/,
rlm@46 947 select: 'n = byId(n, null, "{1}");'
rlm@46 948 },{
rlm@46 949 re: /^@([\w-]+)/,
rlm@46 950 select: 'return {firstChild:{nodeValue:attrValue(n, "{1}")}};'
rlm@46 951 }
rlm@46 952 ],
rlm@46 953
rlm@46 954
rlm@46 955 operators : {
rlm@46 956 "=" : function(a, v){
rlm@46 957 return a == v;
rlm@46 958 },
rlm@46 959 "!=" : function(a, v){
rlm@46 960 return a != v;
rlm@46 961 },
rlm@46 962 "^=" : function(a, v){
rlm@46 963 return a && a.substr(0, v.length) == v;
rlm@46 964 },
rlm@46 965 "$=" : function(a, v){
rlm@46 966 return a && a.substr(a.length-v.length) == v;
rlm@46 967 },
rlm@46 968 "*=" : function(a, v){
rlm@46 969 return a && a.indexOf(v) !== -1;
rlm@46 970 },
rlm@46 971 "%=" : function(a, v){
rlm@46 972 return (a % v) == 0;
rlm@46 973 },
rlm@46 974 "|=" : function(a, v){
rlm@46 975 return a && (a == v || a.substr(0, v.length+1) == v+'-');
rlm@46 976 },
rlm@46 977 "~=" : function(a, v){
rlm@46 978 return a && (' '+a+' ').indexOf(' '+v+' ') != -1;
rlm@46 979 }
rlm@46 980 },
rlm@46 981
rlm@46 982
rlm@46 983 pseudos : {
rlm@46 984 "first-child" : function(c){
rlm@46 985 var r = [], ri = -1, n;
rlm@46 986 for(var i = 0, ci; ci = n = c[i]; i++){
rlm@46 987 while((n = n.previousSibling) && n.nodeType != 1);
rlm@46 988 if(!n){
rlm@46 989 r[++ri] = ci;
rlm@46 990 }
rlm@46 991 }
rlm@46 992 return r;
rlm@46 993 },
rlm@46 994
rlm@46 995 "last-child" : function(c){
rlm@46 996 var r = [], ri = -1, n;
rlm@46 997 for(var i = 0, ci; ci = n = c[i]; i++){
rlm@46 998 while((n = n.nextSibling) && n.nodeType != 1);
rlm@46 999 if(!n){
rlm@46 1000 r[++ri] = ci;
rlm@46 1001 }
rlm@46 1002 }
rlm@46 1003 return r;
rlm@46 1004 },
rlm@46 1005
rlm@46 1006 "nth-child" : function(c, a) {
rlm@46 1007 var r = [], ri = -1;
rlm@46 1008 var m = nthRe.exec(a == "even" && "2n" || a == "odd" && "2n+1" || !nthRe2.test(a) && "n+" + a || a);
rlm@46 1009 var f = (m[1] || 1) - 0, l = m[2] - 0;
rlm@46 1010 for(var i = 0, n; n = c[i]; i++){
rlm@46 1011 var pn = n.parentNode;
rlm@46 1012 if (batch != pn._batch) {
rlm@46 1013 var j = 0;
rlm@46 1014 for(var cn = pn.firstChild; cn; cn = cn.nextSibling){
rlm@46 1015 if(cn.nodeType == 1){
rlm@46 1016 cn.nodeIndex = ++j;
rlm@46 1017 }
rlm@46 1018 }
rlm@46 1019 pn._batch = batch;
rlm@46 1020 }
rlm@46 1021 if (f == 1) {
rlm@46 1022 if (l == 0 || n.nodeIndex == l){
rlm@46 1023 r[++ri] = n;
rlm@46 1024 }
rlm@46 1025 } else if ((n.nodeIndex + l) % f == 0){
rlm@46 1026 r[++ri] = n;
rlm@46 1027 }
rlm@46 1028 }
rlm@46 1029
rlm@46 1030 return r;
rlm@46 1031 },
rlm@46 1032
rlm@46 1033 "only-child" : function(c){
rlm@46 1034 var r = [], ri = -1;;
rlm@46 1035 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1036 if(!prev(ci) && !next(ci)){
rlm@46 1037 r[++ri] = ci;
rlm@46 1038 }
rlm@46 1039 }
rlm@46 1040 return r;
rlm@46 1041 },
rlm@46 1042
rlm@46 1043 "empty" : function(c){
rlm@46 1044 var r = [], ri = -1;
rlm@46 1045 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1046 var cns = ci.childNodes, j = 0, cn, empty = true;
rlm@46 1047 while(cn = cns[j]){
rlm@46 1048 ++j;
rlm@46 1049 if(cn.nodeType == 1 || cn.nodeType == 3){
rlm@46 1050 empty = false;
rlm@46 1051 break;
rlm@46 1052 }
rlm@46 1053 }
rlm@46 1054 if(empty){
rlm@46 1055 r[++ri] = ci;
rlm@46 1056 }
rlm@46 1057 }
rlm@46 1058 return r;
rlm@46 1059 },
rlm@46 1060
rlm@46 1061 "contains" : function(c, v){
rlm@46 1062 var r = [], ri = -1;
rlm@46 1063 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1064 if((ci.textContent||ci.innerText||'').indexOf(v) != -1){
rlm@46 1065 r[++ri] = ci;
rlm@46 1066 }
rlm@46 1067 }
rlm@46 1068 return r;
rlm@46 1069 },
rlm@46 1070
rlm@46 1071 "nodeValue" : function(c, v){
rlm@46 1072 var r = [], ri = -1;
rlm@46 1073 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1074 if(ci.firstChild && ci.firstChild.nodeValue == v){
rlm@46 1075 r[++ri] = ci;
rlm@46 1076 }
rlm@46 1077 }
rlm@46 1078 return r;
rlm@46 1079 },
rlm@46 1080
rlm@46 1081 "checked" : function(c){
rlm@46 1082 var r = [], ri = -1;
rlm@46 1083 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1084 if(ci.checked == true){
rlm@46 1085 r[++ri] = ci;
rlm@46 1086 }
rlm@46 1087 }
rlm@46 1088 return r;
rlm@46 1089 },
rlm@46 1090
rlm@46 1091 "not" : function(c, ss){
rlm@46 1092 return Ext.DomQuery.filter(c, ss, true);
rlm@46 1093 },
rlm@46 1094
rlm@46 1095 "any" : function(c, selectors){
rlm@46 1096 var ss = selectors.split('|');
rlm@46 1097 var r = [], ri = -1, s;
rlm@46 1098 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1099 for(var j = 0; s = ss[j]; j++){
rlm@46 1100 if(Ext.DomQuery.is(ci, s)){
rlm@46 1101 r[++ri] = ci;
rlm@46 1102 break;
rlm@46 1103 }
rlm@46 1104 }
rlm@46 1105 }
rlm@46 1106 return r;
rlm@46 1107 },
rlm@46 1108
rlm@46 1109 "odd" : function(c){
rlm@46 1110 return this["nth-child"](c, "odd");
rlm@46 1111 },
rlm@46 1112
rlm@46 1113 "even" : function(c){
rlm@46 1114 return this["nth-child"](c, "even");
rlm@46 1115 },
rlm@46 1116
rlm@46 1117 "nth" : function(c, a){
rlm@46 1118 return c[a-1] || [];
rlm@46 1119 },
rlm@46 1120
rlm@46 1121 "first" : function(c){
rlm@46 1122 return c[0] || [];
rlm@46 1123 },
rlm@46 1124
rlm@46 1125 "last" : function(c){
rlm@46 1126 return c[c.length-1] || [];
rlm@46 1127 },
rlm@46 1128
rlm@46 1129 "has" : function(c, ss){
rlm@46 1130 var s = Ext.DomQuery.select;
rlm@46 1131 var r = [], ri = -1;
rlm@46 1132 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1133 if(s(ss, ci).length > 0){
rlm@46 1134 r[++ri] = ci;
rlm@46 1135 }
rlm@46 1136 }
rlm@46 1137 return r;
rlm@46 1138 },
rlm@46 1139
rlm@46 1140 "next" : function(c, ss){
rlm@46 1141 var is = Ext.DomQuery.is;
rlm@46 1142 var r = [], ri = -1;
rlm@46 1143 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1144 var n = next(ci);
rlm@46 1145 if(n && is(n, ss)){
rlm@46 1146 r[++ri] = ci;
rlm@46 1147 }
rlm@46 1148 }
rlm@46 1149 return r;
rlm@46 1150 },
rlm@46 1151
rlm@46 1152 "prev" : function(c, ss){
rlm@46 1153 var is = Ext.DomQuery.is;
rlm@46 1154 var r = [], ri = -1;
rlm@46 1155 for(var i = 0, ci; ci = c[i]; i++){
rlm@46 1156 var n = prev(ci);
rlm@46 1157 if(n && is(n, ss)){
rlm@46 1158 r[++ri] = ci;
rlm@46 1159 }
rlm@46 1160 }
rlm@46 1161 return r;
rlm@46 1162 }
rlm@46 1163 }
rlm@46 1164 };
rlm@46 1165 }();
rlm@46 1166
rlm@46 1167
rlm@46 1168 Ext.query = Ext.DomQuery.select;
rlm@46 1169
rlm@46 1170
rlm@46 1171 Ext.util.Observable = function(){
rlm@46 1172
rlm@46 1173 if(this.listeners){
rlm@46 1174 this.on(this.listeners);
rlm@46 1175 delete this.listeners;
rlm@46 1176 }
rlm@46 1177 };
rlm@46 1178 Ext.util.Observable.prototype = {
rlm@46 1179
rlm@46 1180 fireEvent : function(){
rlm@46 1181 if(this.eventsSuspended !== true){
rlm@46 1182 var ce = this.events[arguments[0].toLowerCase()];
rlm@46 1183 if(typeof ce == "object"){
rlm@46 1184 return ce.fire.apply(ce, Array.prototype.slice.call(arguments, 1));
rlm@46 1185 }
rlm@46 1186 }
rlm@46 1187 return true;
rlm@46 1188 },
rlm@46 1189
rlm@46 1190 filterOptRe : /^(?:scope|delay|buffer|single)$/,
rlm@46 1191
rlm@46 1192
rlm@46 1193 addListener : function(eventName, fn, scope, o){
rlm@46 1194 if(typeof eventName == "object"){
rlm@46 1195 o = eventName;
rlm@46 1196 for(var e in o){
rlm@46 1197 if(this.filterOptRe.test(e)){
rlm@46 1198 continue;
rlm@46 1199 }
rlm@46 1200 if(typeof o[e] == "function"){
rlm@46 1201 this.addListener(e, o[e], o.scope, o);
rlm@46 1202 }else{
rlm@46 1203 this.addListener(e, o[e].fn, o[e].scope, o[e]);
rlm@46 1204 }
rlm@46 1205 }
rlm@46 1206 return;
rlm@46 1207 }
rlm@46 1208 o = (!o || typeof o == "boolean") ? {} : o;
rlm@46 1209 eventName = eventName.toLowerCase();
rlm@46 1210 var ce = this.events[eventName] || true;
rlm@46 1211 if(typeof ce == "boolean"){
rlm@46 1212 ce = new Ext.util.Event(this, eventName);
rlm@46 1213 this.events[eventName] = ce;
rlm@46 1214 }
rlm@46 1215 ce.addListener(fn, scope, o);
rlm@46 1216 },
rlm@46 1217
rlm@46 1218
rlm@46 1219 removeListener : function(eventName, fn, scope){
rlm@46 1220 var ce = this.events[eventName.toLowerCase()];
rlm@46 1221 if(typeof ce == "object"){
rlm@46 1222 ce.removeListener(fn, scope);
rlm@46 1223 }
rlm@46 1224 },
rlm@46 1225
rlm@46 1226
rlm@46 1227 purgeListeners : function(){
rlm@46 1228 for(var evt in this.events){
rlm@46 1229 if(typeof this.events[evt] == "object"){
rlm@46 1230 this.events[evt].clearListeners();
rlm@46 1231 }
rlm@46 1232 }
rlm@46 1233 },
rlm@46 1234
rlm@46 1235
rlm@46 1236 relayEvents : function(o, events){
rlm@46 1237 var createHandler = function(ename){
rlm@46 1238 return function(){
rlm@46 1239 return this.fireEvent.apply(this, Ext.combine(ename, Array.prototype.slice.call(arguments, 0)));
rlm@46 1240 };
rlm@46 1241 };
rlm@46 1242 for(var i = 0, len = events.length; i < len; i++){
rlm@46 1243 var ename = events[i];
rlm@46 1244 if(!this.events[ename]){ this.events[ename] = true; };
rlm@46 1245 o.on(ename, createHandler(ename), this);
rlm@46 1246 }
rlm@46 1247 },
rlm@46 1248
rlm@46 1249
rlm@46 1250 addEvents : function(o){
rlm@46 1251 if(!this.events){
rlm@46 1252 this.events = {};
rlm@46 1253 }
rlm@46 1254 if(typeof o == 'string'){
rlm@46 1255 for(var i = 0, a = arguments, v; v = a[i]; i++){
rlm@46 1256 if(!this.events[a[i]]){
rlm@46 1257 this.events[a[i]] = true;
rlm@46 1258 }
rlm@46 1259 }
rlm@46 1260 }else{
rlm@46 1261 Ext.applyIf(this.events, o);
rlm@46 1262 }
rlm@46 1263 },
rlm@46 1264
rlm@46 1265
rlm@46 1266 hasListener : function(eventName){
rlm@46 1267 var e = this.events[eventName];
rlm@46 1268 return typeof e == "object" && e.listeners.length > 0;
rlm@46 1269 },
rlm@46 1270
rlm@46 1271
rlm@46 1272 suspendEvents : function(){
rlm@46 1273 this.eventsSuspended = true;
rlm@46 1274 },
rlm@46 1275
rlm@46 1276
rlm@46 1277 resumeEvents : function(){
rlm@46 1278 this.eventsSuspended = false;
rlm@46 1279 },
rlm@46 1280
rlm@46 1281 getMethodEvent : function(method){
rlm@46 1282 if(!this.methodEvents){
rlm@46 1283 this.methodEvents = {};
rlm@46 1284 }
rlm@46 1285 var e = this.methodEvents[method];
rlm@46 1286 if(!e){
rlm@46 1287 e = {};
rlm@46 1288 this.methodEvents[method] = e;
rlm@46 1289
rlm@46 1290 e.originalFn = this[method];
rlm@46 1291 e.methodName = method;
rlm@46 1292 e.before = [];
rlm@46 1293 e.after = [];
rlm@46 1294
rlm@46 1295
rlm@46 1296 var returnValue, v, cancel;
rlm@46 1297 var obj = this;
rlm@46 1298
rlm@46 1299 var makeCall = function(fn, scope, args){
rlm@46 1300 if((v = fn.apply(scope || obj, args)) !== undefined){
rlm@46 1301 if(typeof v === 'object'){
rlm@46 1302 if(v.returnValue !== undefined){
rlm@46 1303 returnValue = v.returnValue;
rlm@46 1304 }else{
rlm@46 1305 returnValue = v;
rlm@46 1306 }
rlm@46 1307 if(v.cancel === true){
rlm@46 1308 cancel = true;
rlm@46 1309 }
rlm@46 1310 }else if(v === false){
rlm@46 1311 cancel = true;
rlm@46 1312 }else {
rlm@46 1313 returnValue = v;
rlm@46 1314 }
rlm@46 1315 }
rlm@46 1316 }
rlm@46 1317
rlm@46 1318 this[method] = function(){
rlm@46 1319 returnValue = v = undefined; cancel = false;
rlm@46 1320 var args = Array.prototype.slice.call(arguments, 0);
rlm@46 1321 for(var i = 0, len = e.before.length; i < len; i++){
rlm@46 1322 makeCall(e.before[i].fn, e.before[i].scope, args);
rlm@46 1323 if(cancel){
rlm@46 1324 return returnValue;
rlm@46 1325 }
rlm@46 1326 }
rlm@46 1327
rlm@46 1328 if((v = e.originalFn.apply(obj, args)) !== undefined){
rlm@46 1329 returnValue = v;
rlm@46 1330 }
rlm@46 1331
rlm@46 1332 for(var i = 0, len = e.after.length; i < len; i++){
rlm@46 1333 makeCall(e.after[i].fn, e.after[i].scope, args);
rlm@46 1334 if(cancel){
rlm@46 1335 return returnValue;
rlm@46 1336 }
rlm@46 1337 }
rlm@46 1338 return returnValue;
rlm@46 1339 };
rlm@46 1340 }
rlm@46 1341 return e;
rlm@46 1342 },
rlm@46 1343
rlm@46 1344 beforeMethod : function(method, fn, scope){
rlm@46 1345 var e = this.getMethodEvent(method);
rlm@46 1346 e.before.push({fn: fn, scope: scope});
rlm@46 1347 },
rlm@46 1348
rlm@46 1349 afterMethod : function(method, fn, scope){
rlm@46 1350 var e = this.getMethodEvent(method);
rlm@46 1351 e.after.push({fn: fn, scope: scope});
rlm@46 1352 },
rlm@46 1353
rlm@46 1354 removeMethodListener : function(method, fn, scope){
rlm@46 1355 var e = this.getMethodEvent(method);
rlm@46 1356 for(var i = 0, len = e.before.length; i < len; i++){
rlm@46 1357 if(e.before[i].fn == fn && e.before[i].scope == scope){
rlm@46 1358 e.before.splice(i, 1);
rlm@46 1359 return;
rlm@46 1360 }
rlm@46 1361 }
rlm@46 1362 for(var i = 0, len = e.after.length; i < len; i++){
rlm@46 1363 if(e.after[i].fn == fn && e.after[i].scope == scope){
rlm@46 1364 e.after.splice(i, 1);
rlm@46 1365 return;
rlm@46 1366 }
rlm@46 1367 }
rlm@46 1368 }
rlm@46 1369 };
rlm@46 1370
rlm@46 1371 Ext.util.Observable.prototype.on = Ext.util.Observable.prototype.addListener;
rlm@46 1372
rlm@46 1373 Ext.util.Observable.prototype.un = Ext.util.Observable.prototype.removeListener;
rlm@46 1374
rlm@46 1375
rlm@46 1376 Ext.util.Observable.capture = function(o, fn, scope){
rlm@46 1377 o.fireEvent = o.fireEvent.createInterceptor(fn, scope);
rlm@46 1378 };
rlm@46 1379
rlm@46 1380
rlm@46 1381 Ext.util.Observable.releaseCapture = function(o){
rlm@46 1382 o.fireEvent = Ext.util.Observable.prototype.fireEvent;
rlm@46 1383 };
rlm@46 1384
rlm@46 1385 (function(){
rlm@46 1386
rlm@46 1387 var createBuffered = function(h, o, scope){
rlm@46 1388 var task = new Ext.util.DelayedTask();
rlm@46 1389 return function(){
rlm@46 1390 task.delay(o.buffer, h, scope, Array.prototype.slice.call(arguments, 0));
rlm@46 1391 };
rlm@46 1392 };
rlm@46 1393
rlm@46 1394 var createSingle = function(h, e, fn, scope){
rlm@46 1395 return function(){
rlm@46 1396 e.removeListener(fn, scope);
rlm@46 1397 return h.apply(scope, arguments);
rlm@46 1398 };
rlm@46 1399 };
rlm@46 1400
rlm@46 1401 var createDelayed = function(h, o, scope){
rlm@46 1402 return function(){
rlm@46 1403 var args = Array.prototype.slice.call(arguments, 0);
rlm@46 1404 setTimeout(function(){
rlm@46 1405 h.apply(scope, args);
rlm@46 1406 }, o.delay || 10);
rlm@46 1407 };
rlm@46 1408 };
rlm@46 1409
rlm@46 1410 Ext.util.Event = function(obj, name){
rlm@46 1411 this.name = name;
rlm@46 1412 this.obj = obj;
rlm@46 1413 this.listeners = [];
rlm@46 1414 };
rlm@46 1415
rlm@46 1416 Ext.util.Event.prototype = {
rlm@46 1417 addListener : function(fn, scope, options){
rlm@46 1418 scope = scope || this.obj;
rlm@46 1419 if(!this.isListening(fn, scope)){
rlm@46 1420 var l = this.createListener(fn, scope, options);
rlm@46 1421 if(!this.firing){
rlm@46 1422 this.listeners.push(l);
rlm@46 1423 }else{ this.listeners = this.listeners.slice(0);
rlm@46 1424 this.listeners.push(l);
rlm@46 1425 }
rlm@46 1426 }
rlm@46 1427 },
rlm@46 1428
rlm@46 1429 createListener : function(fn, scope, o){
rlm@46 1430 o = o || {};
rlm@46 1431 scope = scope || this.obj;
rlm@46 1432 var l = {fn: fn, scope: scope, options: o};
rlm@46 1433 var h = fn;
rlm@46 1434 if(o.delay){
rlm@46 1435 h = createDelayed(h, o, scope);
rlm@46 1436 }
rlm@46 1437 if(o.single){
rlm@46 1438 h = createSingle(h, this, fn, scope);
rlm@46 1439 }
rlm@46 1440 if(o.buffer){
rlm@46 1441 h = createBuffered(h, o, scope);
rlm@46 1442 }
rlm@46 1443 l.fireFn = h;
rlm@46 1444 return l;
rlm@46 1445 },
rlm@46 1446
rlm@46 1447 findListener : function(fn, scope){
rlm@46 1448 scope = scope || this.obj;
rlm@46 1449 var ls = this.listeners;
rlm@46 1450 for(var i = 0, len = ls.length; i < len; i++){
rlm@46 1451 var l = ls[i];
rlm@46 1452 if(l.fn == fn && l.scope == scope){
rlm@46 1453 return i;
rlm@46 1454 }
rlm@46 1455 }
rlm@46 1456 return -1;
rlm@46 1457 },
rlm@46 1458
rlm@46 1459 isListening : function(fn, scope){
rlm@46 1460 return this.findListener(fn, scope) != -1;
rlm@46 1461 },
rlm@46 1462
rlm@46 1463 removeListener : function(fn, scope){
rlm@46 1464 var index;
rlm@46 1465 if((index = this.findListener(fn, scope)) != -1){
rlm@46 1466 if(!this.firing){
rlm@46 1467 this.listeners.splice(index, 1);
rlm@46 1468 }else{
rlm@46 1469 this.listeners = this.listeners.slice(0);
rlm@46 1470 this.listeners.splice(index, 1);
rlm@46 1471 }
rlm@46 1472 return true;
rlm@46 1473 }
rlm@46 1474 return false;
rlm@46 1475 },
rlm@46 1476
rlm@46 1477 clearListeners : function(){
rlm@46 1478 this.listeners = [];
rlm@46 1479 },
rlm@46 1480
rlm@46 1481 fire : function(){
rlm@46 1482 var ls = this.listeners, scope, len = ls.length;
rlm@46 1483 if(len > 0){
rlm@46 1484 this.firing = true;
rlm@46 1485 var args = Array.prototype.slice.call(arguments, 0);
rlm@46 1486 for(var i = 0; i < len; i++){
rlm@46 1487 var l = ls[i];
rlm@46 1488 if(l.fireFn.apply(l.scope||this.obj||window, arguments) === false){
rlm@46 1489 this.firing = false;
rlm@46 1490 return false;
rlm@46 1491 }
rlm@46 1492 }
rlm@46 1493 this.firing = false;
rlm@46 1494 }
rlm@46 1495 return true;
rlm@46 1496 }
rlm@46 1497 };
rlm@46 1498 })();
rlm@46 1499
rlm@46 1500 Ext.EventManager = function(){
rlm@46 1501 var docReadyEvent, docReadyProcId, docReadyState = false;
rlm@46 1502 var resizeEvent, resizeTask, textEvent, textSize;
rlm@46 1503 var E = Ext.lib.Event;
rlm@46 1504 var D = Ext.lib.Dom;
rlm@46 1505
rlm@46 1506
rlm@46 1507 var fireDocReady = function(){
rlm@46 1508 if(!docReadyState){
rlm@46 1509 docReadyState = true;
rlm@46 1510 Ext.isReady = true;
rlm@46 1511 if(docReadyProcId){
rlm@46 1512 clearInterval(docReadyProcId);
rlm@46 1513 }
rlm@46 1514 if(Ext.isGecko || Ext.isOpera) {
rlm@46 1515 document.removeEventListener("DOMContentLoaded", fireDocReady, false);
rlm@46 1516 }
rlm@46 1517 if(Ext.isIE){
rlm@46 1518 var defer = document.getElementById("ie-deferred-loader");
rlm@46 1519 if(defer){
rlm@46 1520 defer.onreadystatechange = null;
rlm@46 1521 defer.parentNode.removeChild(defer);
rlm@46 1522 }
rlm@46 1523 }
rlm@46 1524 if(docReadyEvent){
rlm@46 1525 docReadyEvent.fire();
rlm@46 1526 docReadyEvent.clearListeners();
rlm@46 1527 }
rlm@46 1528 }
rlm@46 1529 };
rlm@46 1530
rlm@46 1531 var initDocReady = function(){
rlm@46 1532 docReadyEvent = new Ext.util.Event();
rlm@46 1533 if(Ext.isGecko || Ext.isOpera) {
rlm@46 1534 document.addEventListener("DOMContentLoaded", fireDocReady, false);
rlm@46 1535 }else if(Ext.isIE){
rlm@46 1536 document.write("<s"+'cript id="ie-deferred-loader" defer="defer" src="/'+'/:"></s'+"cript>");
rlm@46 1537 var defer = document.getElementById("ie-deferred-loader");
rlm@46 1538 defer.onreadystatechange = function(){
rlm@46 1539 if(this.readyState == "complete"){
rlm@46 1540 fireDocReady();
rlm@46 1541 }
rlm@46 1542 };
rlm@46 1543 }else if(Ext.isSafari){
rlm@46 1544 docReadyProcId = setInterval(function(){
rlm@46 1545 var rs = document.readyState;
rlm@46 1546 if(rs == "complete") {
rlm@46 1547 fireDocReady();
rlm@46 1548 }
rlm@46 1549 }, 10);
rlm@46 1550 }
rlm@46 1551
rlm@46 1552 E.on(window, "load", fireDocReady);
rlm@46 1553 };
rlm@46 1554
rlm@46 1555 var createBuffered = function(h, o){
rlm@46 1556 var task = new Ext.util.DelayedTask(h);
rlm@46 1557 return function(e){
rlm@46 1558
rlm@46 1559 e = new Ext.EventObjectImpl(e);
rlm@46 1560 task.delay(o.buffer, h, null, [e]);
rlm@46 1561 };
rlm@46 1562 };
rlm@46 1563
rlm@46 1564 var createSingle = function(h, el, ename, fn){
rlm@46 1565 return function(e){
rlm@46 1566 Ext.EventManager.removeListener(el, ename, fn);
rlm@46 1567 h(e);
rlm@46 1568 };
rlm@46 1569 };
rlm@46 1570
rlm@46 1571 var createDelayed = function(h, o){
rlm@46 1572 return function(e){
rlm@46 1573
rlm@46 1574 e = new Ext.EventObjectImpl(e);
rlm@46 1575 setTimeout(function(){
rlm@46 1576 h(e);
rlm@46 1577 }, o.delay || 10);
rlm@46 1578 };
rlm@46 1579 };
rlm@46 1580
rlm@46 1581 var listen = function(element, ename, opt, fn, scope){
rlm@46 1582 var o = (!opt || typeof opt == "boolean") ? {} : opt;
rlm@46 1583 fn = fn || o.fn; scope = scope || o.scope;
rlm@46 1584 var el = Ext.getDom(element);
rlm@46 1585 if(!el){
rlm@46 1586 throw "Error listening for \"" + ename + '\". Element "' + element + '" doesn\'t exist.';
rlm@46 1587 }
rlm@46 1588 var h = function(e){
rlm@46 1589 e = Ext.EventObject.setEvent(e);
rlm@46 1590 var t;
rlm@46 1591 if(o.delegate){
rlm@46 1592 t = e.getTarget(o.delegate, el);
rlm@46 1593 if(!t){
rlm@46 1594 return;
rlm@46 1595 }
rlm@46 1596 }else{
rlm@46 1597 t = e.target;
rlm@46 1598 }
rlm@46 1599 if(o.stopEvent === true){
rlm@46 1600 e.stopEvent();
rlm@46 1601 }
rlm@46 1602 if(o.preventDefault === true){
rlm@46 1603 e.preventDefault();
rlm@46 1604 }
rlm@46 1605 if(o.stopPropagation === true){
rlm@46 1606 e.stopPropagation();
rlm@46 1607 }
rlm@46 1608
rlm@46 1609 if(o.normalized === false){
rlm@46 1610 e = e.browserEvent;
rlm@46 1611 }
rlm@46 1612
rlm@46 1613 fn.call(scope || el, e, t, o);
rlm@46 1614 };
rlm@46 1615 if(o.delay){
rlm@46 1616 h = createDelayed(h, o);
rlm@46 1617 }
rlm@46 1618 if(o.single){
rlm@46 1619 h = createSingle(h, el, ename, fn);
rlm@46 1620 }
rlm@46 1621 if(o.buffer){
rlm@46 1622 h = createBuffered(h, o);
rlm@46 1623 }
rlm@46 1624 fn._handlers = fn._handlers || [];
rlm@46 1625 fn._handlers.push([Ext.id(el), ename, h]);
rlm@46 1626
rlm@46 1627 E.on(el, ename, h);
rlm@46 1628 if(ename == "mousewheel" && el.addEventListener){
rlm@46 1629 el.addEventListener("DOMMouseScroll", h, false);
rlm@46 1630 E.on(window, 'unload', function(){
rlm@46 1631 el.removeEventListener("DOMMouseScroll", h, false);
rlm@46 1632 });
rlm@46 1633 }
rlm@46 1634 if(ename == "mousedown" && el == document){
rlm@46 1635 Ext.EventManager.stoppedMouseDownEvent.addListener(h);
rlm@46 1636 }
rlm@46 1637 return h;
rlm@46 1638 };
rlm@46 1639
rlm@46 1640 var stopListening = function(el, ename, fn){
rlm@46 1641 var id = Ext.id(el), hds = fn._handlers, hd = fn;
rlm@46 1642 if(hds){
rlm@46 1643 for(var i = 0, len = hds.length; i < len; i++){
rlm@46 1644 var h = hds[i];
rlm@46 1645 if(h[0] == id && h[1] == ename){
rlm@46 1646 hd = h[2];
rlm@46 1647 hds.splice(i, 1);
rlm@46 1648 break;
rlm@46 1649 }
rlm@46 1650 }
rlm@46 1651 }
rlm@46 1652 E.un(el, ename, hd);
rlm@46 1653 el = Ext.getDom(el);
rlm@46 1654 if(ename == "mousewheel" && el.addEventListener){
rlm@46 1655 el.removeEventListener("DOMMouseScroll", hd, false);
rlm@46 1656 }
rlm@46 1657 if(ename == "mousedown" && el == document){
rlm@46 1658 Ext.EventManager.stoppedMouseDownEvent.removeListener(hd);
rlm@46 1659 }
rlm@46 1660 };
rlm@46 1661
rlm@46 1662 var propRe = /^(?:scope|delay|buffer|single|stopEvent|preventDefault|stopPropagation|normalized|args|delegate)$/;
rlm@46 1663 var pub = {
rlm@46 1664
rlm@46 1665
rlm@46 1666 addListener : function(element, eventName, fn, scope, options){
rlm@46 1667 if(typeof eventName == "object"){
rlm@46 1668 var o = eventName;
rlm@46 1669 for(var e in o){
rlm@46 1670 if(propRe.test(e)){
rlm@46 1671 continue;
rlm@46 1672 }
rlm@46 1673 if(typeof o[e] == "function"){
rlm@46 1674
rlm@46 1675 listen(element, e, o, o[e], o.scope);
rlm@46 1676 }else{
rlm@46 1677
rlm@46 1678 listen(element, e, o[e]);
rlm@46 1679 }
rlm@46 1680 }
rlm@46 1681 return;
rlm@46 1682 }
rlm@46 1683 return listen(element, eventName, options, fn, scope);
rlm@46 1684 },
rlm@46 1685
rlm@46 1686
rlm@46 1687 removeListener : function(element, eventName, fn){
rlm@46 1688 return stopListening(element, eventName, fn);
rlm@46 1689 },
rlm@46 1690
rlm@46 1691
rlm@46 1692 onDocumentReady : function(fn, scope, options){
rlm@46 1693 if(docReadyState){
rlm@46 1694 docReadyEvent.addListener(fn, scope, options);
rlm@46 1695 docReadyEvent.fire();
rlm@46 1696 docReadyEvent.clearListeners();
rlm@46 1697 return;
rlm@46 1698 }
rlm@46 1699 if(!docReadyEvent){
rlm@46 1700 initDocReady();
rlm@46 1701 }
rlm@46 1702 docReadyEvent.addListener(fn, scope, options);
rlm@46 1703 },
rlm@46 1704
rlm@46 1705
rlm@46 1706 onWindowResize : function(fn, scope, options){
rlm@46 1707 if(!resizeEvent){
rlm@46 1708 resizeEvent = new Ext.util.Event();
rlm@46 1709 resizeTask = new Ext.util.DelayedTask(function(){
rlm@46 1710 resizeEvent.fire(D.getViewWidth(), D.getViewHeight());
rlm@46 1711 });
rlm@46 1712 E.on(window, "resize", this.fireWindowResize, this);
rlm@46 1713 }
rlm@46 1714 resizeEvent.addListener(fn, scope, options);
rlm@46 1715 },
rlm@46 1716
rlm@46 1717
rlm@46 1718 fireWindowResize : function(){
rlm@46 1719 if(resizeEvent){
rlm@46 1720 if((Ext.isIE||Ext.isAir) && resizeTask){
rlm@46 1721 resizeTask.delay(50);
rlm@46 1722 }else{
rlm@46 1723 resizeEvent.fire(D.getViewWidth(), D.getViewHeight());
rlm@46 1724 }
rlm@46 1725 }
rlm@46 1726 },
rlm@46 1727
rlm@46 1728
rlm@46 1729 onTextResize : function(fn, scope, options){
rlm@46 1730 if(!textEvent){
rlm@46 1731 textEvent = new Ext.util.Event();
rlm@46 1732 var textEl = new Ext.Element(document.createElement('div'));
rlm@46 1733 textEl.dom.className = 'x-text-resize';
rlm@46 1734 textEl.dom.innerHTML = 'X';
rlm@46 1735 textEl.appendTo(document.body);
rlm@46 1736 textSize = textEl.dom.offsetHeight;
rlm@46 1737 setInterval(function(){
rlm@46 1738 if(textEl.dom.offsetHeight != textSize){
rlm@46 1739 textEvent.fire(textSize, textSize = textEl.dom.offsetHeight);
rlm@46 1740 }
rlm@46 1741 }, this.textResizeInterval);
rlm@46 1742 }
rlm@46 1743 textEvent.addListener(fn, scope, options);
rlm@46 1744 },
rlm@46 1745
rlm@46 1746
rlm@46 1747 removeResizeListener : function(fn, scope){
rlm@46 1748 if(resizeEvent){
rlm@46 1749 resizeEvent.removeListener(fn, scope);
rlm@46 1750 }
rlm@46 1751 },
rlm@46 1752
rlm@46 1753
rlm@46 1754 fireResize : function(){
rlm@46 1755 if(resizeEvent){
rlm@46 1756 resizeEvent.fire(D.getViewWidth(), D.getViewHeight());
rlm@46 1757 }
rlm@46 1758 },
rlm@46 1759
rlm@46 1760 ieDeferSrc : false,
rlm@46 1761
rlm@46 1762 textResizeInterval : 50
rlm@46 1763 };
rlm@46 1764
rlm@46 1765 pub.on = pub.addListener;
rlm@46 1766
rlm@46 1767 pub.un = pub.removeListener;
rlm@46 1768
rlm@46 1769 pub.stoppedMouseDownEvent = new Ext.util.Event();
rlm@46 1770 return pub;
rlm@46 1771 }();
rlm@46 1772
rlm@46 1773 Ext.onReady = Ext.EventManager.onDocumentReady;
rlm@46 1774
rlm@46 1775 Ext.onReady(function(){
rlm@46 1776 var bd = Ext.getBody();
rlm@46 1777 if(!bd){ return; }
rlm@46 1778
rlm@46 1779 var cls = [
rlm@46 1780 Ext.isIE ? "ext-ie " + (Ext.isIE6 ? 'ext-ie6' : 'ext-ie7')
rlm@46 1781 : Ext.isGecko ? "ext-gecko"
rlm@46 1782 : Ext.isOpera ? "ext-opera"
rlm@46 1783 : Ext.isSafari ? "ext-safari" : ""];
rlm@46 1784
rlm@46 1785 if(Ext.isMac){
rlm@46 1786 cls.push("ext-mac");
rlm@46 1787 }
rlm@46 1788 if(Ext.isLinux){
rlm@46 1789 cls.push("ext-linux");
rlm@46 1790 }
rlm@46 1791 if(Ext.isBorderBox){
rlm@46 1792 cls.push('ext-border-box');
rlm@46 1793 }
rlm@46 1794 if(Ext.isStrict){
rlm@46 1795 var p = bd.dom.parentNode;
rlm@46 1796 if(p){
rlm@46 1797 p.className += ' ext-strict';
rlm@46 1798 }
rlm@46 1799 }
rlm@46 1800 bd.addClass(cls.join(' '));
rlm@46 1801 });
rlm@46 1802
rlm@46 1803
rlm@46 1804 Ext.EventObject = function(){
rlm@46 1805
rlm@46 1806 var E = Ext.lib.Event;
rlm@46 1807
rlm@46 1808
rlm@46 1809 var safariKeys = {
rlm@46 1810 63234 : 37,
rlm@46 1811 63235 : 39,
rlm@46 1812 63232 : 38,
rlm@46 1813 63233 : 40,
rlm@46 1814 63276 : 33,
rlm@46 1815 63277 : 34,
rlm@46 1816 63272 : 46,
rlm@46 1817 63273 : 36,
rlm@46 1818 63275 : 35
rlm@46 1819 };
rlm@46 1820
rlm@46 1821
rlm@46 1822 var btnMap = Ext.isIE ? {1:0,4:1,2:2} :
rlm@46 1823 (Ext.isSafari ? {1:0,2:1,3:2} : {0:0,1:1,2:2});
rlm@46 1824
rlm@46 1825 Ext.EventObjectImpl = function(e){
rlm@46 1826 if(e){
rlm@46 1827 this.setEvent(e.browserEvent || e);
rlm@46 1828 }
rlm@46 1829 };
rlm@46 1830 Ext.EventObjectImpl.prototype = {
rlm@46 1831
rlm@46 1832 browserEvent : null,
rlm@46 1833
rlm@46 1834 button : -1,
rlm@46 1835
rlm@46 1836 shiftKey : false,
rlm@46 1837
rlm@46 1838 ctrlKey : false,
rlm@46 1839
rlm@46 1840 altKey : false,
rlm@46 1841
rlm@46 1842
rlm@46 1843 BACKSPACE : 8,
rlm@46 1844
rlm@46 1845 TAB : 9,
rlm@46 1846
rlm@46 1847 RETURN : 13,
rlm@46 1848
rlm@46 1849 ENTER : 13,
rlm@46 1850
rlm@46 1851 SHIFT : 16,
rlm@46 1852
rlm@46 1853 CONTROL : 17,
rlm@46 1854
rlm@46 1855 ESC : 27,
rlm@46 1856
rlm@46 1857 SPACE : 32,
rlm@46 1858
rlm@46 1859 PAGEUP : 33,
rlm@46 1860
rlm@46 1861 PAGEDOWN : 34,
rlm@46 1862
rlm@46 1863 END : 35,
rlm@46 1864
rlm@46 1865 HOME : 36,
rlm@46 1866
rlm@46 1867 LEFT : 37,
rlm@46 1868
rlm@46 1869 UP : 38,
rlm@46 1870
rlm@46 1871 RIGHT : 39,
rlm@46 1872
rlm@46 1873 DOWN : 40,
rlm@46 1874
rlm@46 1875 DELETE : 46,
rlm@46 1876
rlm@46 1877 F5 : 116,
rlm@46 1878
rlm@46 1879
rlm@46 1880 setEvent : function(e){
rlm@46 1881 if(e == this || (e && e.browserEvent)){
rlm@46 1882 return e;
rlm@46 1883 }
rlm@46 1884 this.browserEvent = e;
rlm@46 1885 if(e){
rlm@46 1886
rlm@46 1887 this.button = e.button ? btnMap[e.button] : (e.which ? e.which-1 : -1);
rlm@46 1888 if(e.type == 'click' && this.button == -1){
rlm@46 1889 this.button = 0;
rlm@46 1890 }
rlm@46 1891 this.type = e.type;
rlm@46 1892 this.shiftKey = e.shiftKey;
rlm@46 1893
rlm@46 1894 this.ctrlKey = e.ctrlKey || e.metaKey;
rlm@46 1895 this.altKey = e.altKey;
rlm@46 1896
rlm@46 1897 this.keyCode = e.keyCode;
rlm@46 1898 this.charCode = e.charCode;
rlm@46 1899
rlm@46 1900 this.target = E.getTarget(e);
rlm@46 1901
rlm@46 1902 this.xy = E.getXY(e);
rlm@46 1903 }else{
rlm@46 1904 this.button = -1;
rlm@46 1905 this.shiftKey = false;
rlm@46 1906 this.ctrlKey = false;
rlm@46 1907 this.altKey = false;
rlm@46 1908 this.keyCode = 0;
rlm@46 1909 this.charCode =0;
rlm@46 1910 this.target = null;
rlm@46 1911 this.xy = [0, 0];
rlm@46 1912 }
rlm@46 1913 return this;
rlm@46 1914 },
rlm@46 1915
rlm@46 1916
rlm@46 1917 stopEvent : function(){
rlm@46 1918 if(this.browserEvent){
rlm@46 1919 if(this.browserEvent.type == 'mousedown'){
rlm@46 1920 Ext.EventManager.stoppedMouseDownEvent.fire(this);
rlm@46 1921 }
rlm@46 1922 E.stopEvent(this.browserEvent);
rlm@46 1923 }
rlm@46 1924 },
rlm@46 1925
rlm@46 1926
rlm@46 1927 preventDefault : function(){
rlm@46 1928 if(this.browserEvent){
rlm@46 1929 E.preventDefault(this.browserEvent);
rlm@46 1930 }
rlm@46 1931 },
rlm@46 1932
rlm@46 1933
rlm@46 1934 isNavKeyPress : function(){
rlm@46 1935 var k = this.keyCode;
rlm@46 1936 k = Ext.isSafari ? (safariKeys[k] || k) : k;
rlm@46 1937 return (k >= 33 && k <= 40) || k == this.RETURN || k == this.TAB || k == this.ESC;
rlm@46 1938 },
rlm@46 1939
rlm@46 1940 isSpecialKey : function(){
rlm@46 1941 var k = this.keyCode;
rlm@46 1942 return (this.type == 'keypress' && this.ctrlKey) || k == 9 || k == 13 || k == 40 || k == 27 ||
rlm@46 1943 (k == 16) || (k == 17) ||
rlm@46 1944 (k >= 18 && k <= 20) ||
rlm@46 1945 (k >= 33 && k <= 35) ||
rlm@46 1946 (k >= 36 && k <= 39) ||
rlm@46 1947 (k >= 44 && k <= 45);
rlm@46 1948 },
rlm@46 1949
rlm@46 1950 stopPropagation : function(){
rlm@46 1951 if(this.browserEvent){
rlm@46 1952 if(this.browserEvent.type == 'mousedown'){
rlm@46 1953 Ext.EventManager.stoppedMouseDownEvent.fire(this);
rlm@46 1954 }
rlm@46 1955 E.stopPropagation(this.browserEvent);
rlm@46 1956 }
rlm@46 1957 },
rlm@46 1958
rlm@46 1959
rlm@46 1960 getCharCode : function(){
rlm@46 1961 return this.charCode || this.keyCode;
rlm@46 1962 },
rlm@46 1963
rlm@46 1964
rlm@46 1965 getKey : function(){
rlm@46 1966 var k = this.keyCode || this.charCode;
rlm@46 1967 return Ext.isSafari ? (safariKeys[k] || k) : k;
rlm@46 1968 },
rlm@46 1969
rlm@46 1970
rlm@46 1971 getPageX : function(){
rlm@46 1972 return this.xy[0];
rlm@46 1973 },
rlm@46 1974
rlm@46 1975
rlm@46 1976 getPageY : function(){
rlm@46 1977 return this.xy[1];
rlm@46 1978 },
rlm@46 1979
rlm@46 1980
rlm@46 1981 getTime : function(){
rlm@46 1982 if(this.browserEvent){
rlm@46 1983 return E.getTime(this.browserEvent);
rlm@46 1984 }
rlm@46 1985 return null;
rlm@46 1986 },
rlm@46 1987
rlm@46 1988
rlm@46 1989 getXY : function(){
rlm@46 1990 return this.xy;
rlm@46 1991 },
rlm@46 1992
rlm@46 1993
rlm@46 1994 getTarget : function(selector, maxDepth, returnEl){
rlm@46 1995 return selector ? Ext.fly(this.target).findParent(selector, maxDepth, returnEl) : (returnEl ? Ext.get(this.target) : this.target);
rlm@46 1996 },
rlm@46 1997
rlm@46 1998
rlm@46 1999 getRelatedTarget : function(){
rlm@46 2000 if(this.browserEvent){
rlm@46 2001 return E.getRelatedTarget(this.browserEvent);
rlm@46 2002 }
rlm@46 2003 return null;
rlm@46 2004 },
rlm@46 2005
rlm@46 2006
rlm@46 2007 getWheelDelta : function(){
rlm@46 2008 var e = this.browserEvent;
rlm@46 2009 var delta = 0;
rlm@46 2010 if(e.wheelDelta){
rlm@46 2011 delta = e.wheelDelta/120;
rlm@46 2012 }else if(e.detail){
rlm@46 2013 delta = -e.detail/3;
rlm@46 2014 }
rlm@46 2015 return delta;
rlm@46 2016 },
rlm@46 2017
rlm@46 2018
rlm@46 2019 hasModifier : function(){
rlm@46 2020 return ((this.ctrlKey || this.altKey) || this.shiftKey) ? true : false;
rlm@46 2021 },
rlm@46 2022
rlm@46 2023
rlm@46 2024 within : function(el, related){
rlm@46 2025 var t = this[related ? "getRelatedTarget" : "getTarget"]();
rlm@46 2026 return t && Ext.fly(el).contains(t);
rlm@46 2027 },
rlm@46 2028
rlm@46 2029 getPoint : function(){
rlm@46 2030 return new Ext.lib.Point(this.xy[0], this.xy[1]);
rlm@46 2031 }
rlm@46 2032 };
rlm@46 2033
rlm@46 2034 return new Ext.EventObjectImpl();
rlm@46 2035 }();
rlm@46 2036
rlm@46 2037 (function(){
rlm@46 2038 var D = Ext.lib.Dom;
rlm@46 2039 var E = Ext.lib.Event;
rlm@46 2040 var A = Ext.lib.Anim;
rlm@46 2041
rlm@46 2042 var propCache = {};
rlm@46 2043 var camelRe = /(-[a-z])/gi;
rlm@46 2044 var camelFn = function(m, a){ return a.charAt(1).toUpperCase(); };
rlm@46 2045 var view = document.defaultView;
rlm@46 2046
rlm@46 2047 Ext.Element = function(element, forceNew){
rlm@46 2048 var dom = typeof element == "string" ?
rlm@46 2049 document.getElementById(element) : element;
rlm@46 2050 if(!dom){ return null;
rlm@46 2051 }
rlm@46 2052 var id = dom.id;
rlm@46 2053 if(forceNew !== true && id && Ext.Element.cache[id]){ return Ext.Element.cache[id];
rlm@46 2054 }
rlm@46 2055
rlm@46 2056
rlm@46 2057 this.dom = dom;
rlm@46 2058
rlm@46 2059
rlm@46 2060 this.id = id || Ext.id(dom);
rlm@46 2061 };
rlm@46 2062
rlm@46 2063 var El = Ext.Element;
rlm@46 2064
rlm@46 2065 El.prototype = {
rlm@46 2066
rlm@46 2067 originalDisplay : "",
rlm@46 2068
rlm@46 2069 visibilityMode : 1,
rlm@46 2070
rlm@46 2071 defaultUnit : "px",
rlm@46 2072
rlm@46 2073 setVisibilityMode : function(visMode){
rlm@46 2074 this.visibilityMode = visMode;
rlm@46 2075 return this;
rlm@46 2076 },
rlm@46 2077
rlm@46 2078 enableDisplayMode : function(display){
rlm@46 2079 this.setVisibilityMode(El.DISPLAY);
rlm@46 2080 if(typeof display != "undefined") this.originalDisplay = display;
rlm@46 2081 return this;
rlm@46 2082 },
rlm@46 2083
rlm@46 2084
rlm@46 2085 findParent : function(simpleSelector, maxDepth, returnEl){
rlm@46 2086 var p = this.dom, b = document.body, depth = 0, dq = Ext.DomQuery, stopEl;
rlm@46 2087 maxDepth = maxDepth || 50;
rlm@46 2088 if(typeof maxDepth != "number"){
rlm@46 2089 stopEl = Ext.getDom(maxDepth);
rlm@46 2090 maxDepth = 10;
rlm@46 2091 }
rlm@46 2092 while(p && p.nodeType == 1 && depth < maxDepth && p != b && p != stopEl){
rlm@46 2093 if(dq.is(p, simpleSelector)){
rlm@46 2094 return returnEl ? Ext.get(p) : p;
rlm@46 2095 }
rlm@46 2096 depth++;
rlm@46 2097 p = p.parentNode;
rlm@46 2098 }
rlm@46 2099 return null;
rlm@46 2100 },
rlm@46 2101
rlm@46 2102
rlm@46 2103
rlm@46 2104 findParentNode : function(simpleSelector, maxDepth, returnEl){
rlm@46 2105 var p = Ext.fly(this.dom.parentNode, '_internal');
rlm@46 2106 return p ? p.findParent(simpleSelector, maxDepth, returnEl) : null;
rlm@46 2107 },
rlm@46 2108
rlm@46 2109
rlm@46 2110 up : function(simpleSelector, maxDepth){
rlm@46 2111 return this.findParentNode(simpleSelector, maxDepth, true);
rlm@46 2112 },
rlm@46 2113
rlm@46 2114
rlm@46 2115
rlm@46 2116
rlm@46 2117 is : function(simpleSelector){
rlm@46 2118 return Ext.DomQuery.is(this.dom, simpleSelector);
rlm@46 2119 },
rlm@46 2120
rlm@46 2121
rlm@46 2122 animate : function(args, duration, onComplete, easing, animType){
rlm@46 2123 this.anim(args, {duration: duration, callback: onComplete, easing: easing}, animType);
rlm@46 2124 return this;
rlm@46 2125 },
rlm@46 2126
rlm@46 2127
rlm@46 2128 anim : function(args, opt, animType, defaultDur, defaultEase, cb){
rlm@46 2129 animType = animType || 'run';
rlm@46 2130 opt = opt || {};
rlm@46 2131 var anim = Ext.lib.Anim[animType](
rlm@46 2132 this.dom, args,
rlm@46 2133 (opt.duration || defaultDur) || .35,
rlm@46 2134 (opt.easing || defaultEase) || 'easeOut',
rlm@46 2135 function(){
rlm@46 2136 Ext.callback(cb, this);
rlm@46 2137 Ext.callback(opt.callback, opt.scope || this, [this, opt]);
rlm@46 2138 },
rlm@46 2139 this
rlm@46 2140 );
rlm@46 2141 opt.anim = anim;
rlm@46 2142 return anim;
rlm@46 2143 },
rlm@46 2144
rlm@46 2145 preanim : function(a, i){
rlm@46 2146 return !a[i] ? false : (typeof a[i] == "object" ? a[i]: {duration: a[i+1], callback: a[i+2], easing: a[i+3]});
rlm@46 2147 },
rlm@46 2148
rlm@46 2149
rlm@46 2150 clean : function(forceReclean){
rlm@46 2151 if(this.isCleaned && forceReclean !== true){
rlm@46 2152 return this;
rlm@46 2153 }
rlm@46 2154 var ns = /\S/;
rlm@46 2155 var d = this.dom, n = d.firstChild, ni = -1;
rlm@46 2156 while(n){
rlm@46 2157 var nx = n.nextSibling;
rlm@46 2158 if(n.nodeType == 3 && !ns.test(n.nodeValue)){
rlm@46 2159 d.removeChild(n);
rlm@46 2160 }else{
rlm@46 2161 n.nodeIndex = ++ni;
rlm@46 2162 }
rlm@46 2163 n = nx;
rlm@46 2164 }
rlm@46 2165 this.isCleaned = true;
rlm@46 2166 return this;
rlm@46 2167 },
rlm@46 2168
rlm@46 2169
rlm@46 2170 scrollIntoView : function(container, hscroll){
rlm@46 2171 var c = Ext.getDom(container) || Ext.getBody().dom;
rlm@46 2172 var el = this.dom;
rlm@46 2173
rlm@46 2174 var o = this.getOffsetsTo(c),
rlm@46 2175 l = o[0] + c.scrollLeft,
rlm@46 2176 t = o[1] + c.scrollTop,
rlm@46 2177 b = t+el.offsetHeight,
rlm@46 2178 r = l+el.offsetWidth;
rlm@46 2179
rlm@46 2180 var ch = c.clientHeight;
rlm@46 2181 var ct = parseInt(c.scrollTop, 10);
rlm@46 2182 var cl = parseInt(c.scrollLeft, 10);
rlm@46 2183 var cb = ct + ch;
rlm@46 2184 var cr = cl + c.clientWidth;
rlm@46 2185
rlm@46 2186 if(el.offsetHeight > ch || t < ct){
rlm@46 2187 c.scrollTop = t;
rlm@46 2188 }else if(b > cb){
rlm@46 2189 c.scrollTop = b-ch;
rlm@46 2190 }
rlm@46 2191 c.scrollTop = c.scrollTop;
rlm@46 2192 if(hscroll !== false){
rlm@46 2193 if(el.offsetWidth > c.clientWidth || l < cl){
rlm@46 2194 c.scrollLeft = l;
rlm@46 2195 }else if(r > cr){
rlm@46 2196 c.scrollLeft = r-c.clientWidth;
rlm@46 2197 }
rlm@46 2198 c.scrollLeft = c.scrollLeft;
rlm@46 2199 }
rlm@46 2200 return this;
rlm@46 2201 },
rlm@46 2202
rlm@46 2203 scrollChildIntoView : function(child, hscroll){
rlm@46 2204 Ext.fly(child, '_scrollChildIntoView').scrollIntoView(this, hscroll);
rlm@46 2205 },
rlm@46 2206
rlm@46 2207
rlm@46 2208 autoHeight : function(animate, duration, onComplete, easing){
rlm@46 2209 var oldHeight = this.getHeight();
rlm@46 2210 this.clip();
rlm@46 2211 this.setHeight(1); setTimeout(function(){
rlm@46 2212 var height = parseInt(this.dom.scrollHeight, 10); if(!animate){
rlm@46 2213 this.setHeight(height);
rlm@46 2214 this.unclip();
rlm@46 2215 if(typeof onComplete == "function"){
rlm@46 2216 onComplete();
rlm@46 2217 }
rlm@46 2218 }else{
rlm@46 2219 this.setHeight(oldHeight); this.setHeight(height, animate, duration, function(){
rlm@46 2220 this.unclip();
rlm@46 2221 if(typeof onComplete == "function") onComplete();
rlm@46 2222 }.createDelegate(this), easing);
rlm@46 2223 }
rlm@46 2224 }.createDelegate(this), 0);
rlm@46 2225 return this;
rlm@46 2226 },
rlm@46 2227
rlm@46 2228
rlm@46 2229 contains : function(el){
rlm@46 2230 if(!el){return false;}
rlm@46 2231 return D.isAncestor(this.dom, el.dom ? el.dom : el);
rlm@46 2232 },
rlm@46 2233
rlm@46 2234
rlm@46 2235 isVisible : function(deep) {
rlm@46 2236 var vis = !(this.getStyle("visibility") == "hidden" || this.getStyle("display") == "none");
rlm@46 2237 if(deep !== true || !vis){
rlm@46 2238 return vis;
rlm@46 2239 }
rlm@46 2240 var p = this.dom.parentNode;
rlm@46 2241 while(p && p.tagName.toLowerCase() != "body"){
rlm@46 2242 if(!Ext.fly(p, '_isVisible').isVisible()){
rlm@46 2243 return false;
rlm@46 2244 }
rlm@46 2245 p = p.parentNode;
rlm@46 2246 }
rlm@46 2247 return true;
rlm@46 2248 },
rlm@46 2249
rlm@46 2250
rlm@46 2251 select : function(selector, unique){
rlm@46 2252 return El.select(selector, unique, this.dom);
rlm@46 2253 },
rlm@46 2254
rlm@46 2255
rlm@46 2256 query : function(selector, unique){
rlm@46 2257 return Ext.DomQuery.select(selector, this.dom);
rlm@46 2258 },
rlm@46 2259
rlm@46 2260
rlm@46 2261 child : function(selector, returnDom){
rlm@46 2262 var n = Ext.DomQuery.selectNode(selector, this.dom);
rlm@46 2263 return returnDom ? n : Ext.get(n);
rlm@46 2264 },
rlm@46 2265
rlm@46 2266
rlm@46 2267 down : function(selector, returnDom){
rlm@46 2268 var n = Ext.DomQuery.selectNode(" > " + selector, this.dom);
rlm@46 2269 return returnDom ? n : Ext.get(n);
rlm@46 2270 },
rlm@46 2271
rlm@46 2272
rlm@46 2273 initDD : function(group, config, overrides){
rlm@46 2274 var dd = new Ext.dd.DD(Ext.id(this.dom), group, config);
rlm@46 2275 return Ext.apply(dd, overrides);
rlm@46 2276 },
rlm@46 2277
rlm@46 2278
rlm@46 2279 initDDProxy : function(group, config, overrides){
rlm@46 2280 var dd = new Ext.dd.DDProxy(Ext.id(this.dom), group, config);
rlm@46 2281 return Ext.apply(dd, overrides);
rlm@46 2282 },
rlm@46 2283
rlm@46 2284
rlm@46 2285 initDDTarget : function(group, config, overrides){
rlm@46 2286 var dd = new Ext.dd.DDTarget(Ext.id(this.dom), group, config);
rlm@46 2287 return Ext.apply(dd, overrides);
rlm@46 2288 },
rlm@46 2289
rlm@46 2290
rlm@46 2291 setVisible : function(visible, animate){
rlm@46 2292 if(!animate || !A){
rlm@46 2293 if(this.visibilityMode == El.DISPLAY){
rlm@46 2294 this.setDisplayed(visible);
rlm@46 2295 }else{
rlm@46 2296 this.fixDisplay();
rlm@46 2297 this.dom.style.visibility = visible ? "visible" : "hidden";
rlm@46 2298 }
rlm@46 2299 }else{
rlm@46 2300 var dom = this.dom;
rlm@46 2301 var visMode = this.visibilityMode;
rlm@46 2302 if(visible){
rlm@46 2303 this.setOpacity(.01);
rlm@46 2304 this.setVisible(true);
rlm@46 2305 }
rlm@46 2306 this.anim({opacity: { to: (visible?1:0) }},
rlm@46 2307 this.preanim(arguments, 1),
rlm@46 2308 null, .35, 'easeIn', function(){
rlm@46 2309 if(!visible){
rlm@46 2310 if(visMode == El.DISPLAY){
rlm@46 2311 dom.style.display = "none";
rlm@46 2312 }else{
rlm@46 2313 dom.style.visibility = "hidden";
rlm@46 2314 }
rlm@46 2315 Ext.get(dom).setOpacity(1);
rlm@46 2316 }
rlm@46 2317 });
rlm@46 2318 }
rlm@46 2319 return this;
rlm@46 2320 },
rlm@46 2321
rlm@46 2322
rlm@46 2323 isDisplayed : function() {
rlm@46 2324 return this.getStyle("display") != "none";
rlm@46 2325 },
rlm@46 2326
rlm@46 2327
rlm@46 2328 toggle : function(animate){
rlm@46 2329 this.setVisible(!this.isVisible(), this.preanim(arguments, 0));
rlm@46 2330 return this;
rlm@46 2331 },
rlm@46 2332
rlm@46 2333
rlm@46 2334 setDisplayed : function(value) {
rlm@46 2335 if(typeof value == "boolean"){
rlm@46 2336 value = value ? this.originalDisplay : "none";
rlm@46 2337 }
rlm@46 2338 this.setStyle("display", value);
rlm@46 2339 return this;
rlm@46 2340 },
rlm@46 2341
rlm@46 2342
rlm@46 2343 focus : function() {
rlm@46 2344 try{
rlm@46 2345 this.dom.focus();
rlm@46 2346 }catch(e){}
rlm@46 2347 return this;
rlm@46 2348 },
rlm@46 2349
rlm@46 2350
rlm@46 2351 blur : function() {
rlm@46 2352 try{
rlm@46 2353 this.dom.blur();
rlm@46 2354 }catch(e){}
rlm@46 2355 return this;
rlm@46 2356 },
rlm@46 2357
rlm@46 2358
rlm@46 2359 addClass : function(className){
rlm@46 2360 if(Ext.isArray(className)){
rlm@46 2361 for(var i = 0, len = className.length; i < len; i++) {
rlm@46 2362 this.addClass(className[i]);
rlm@46 2363 }
rlm@46 2364 }else{
rlm@46 2365 if(className && !this.hasClass(className)){
rlm@46 2366 this.dom.className = this.dom.className + " " + className;
rlm@46 2367 }
rlm@46 2368 }
rlm@46 2369 return this;
rlm@46 2370 },
rlm@46 2371
rlm@46 2372
rlm@46 2373 radioClass : function(className){
rlm@46 2374 var siblings = this.dom.parentNode.childNodes;
rlm@46 2375 for(var i = 0; i < siblings.length; i++) {
rlm@46 2376 var s = siblings[i];
rlm@46 2377 if(s.nodeType == 1){
rlm@46 2378 Ext.get(s).removeClass(className);
rlm@46 2379 }
rlm@46 2380 }
rlm@46 2381 this.addClass(className);
rlm@46 2382 return this;
rlm@46 2383 },
rlm@46 2384
rlm@46 2385
rlm@46 2386 removeClass : function(className){
rlm@46 2387 if(!className || !this.dom.className){
rlm@46 2388 return this;
rlm@46 2389 }
rlm@46 2390 if(Ext.isArray(className)){
rlm@46 2391 for(var i = 0, len = className.length; i < len; i++) {
rlm@46 2392 this.removeClass(className[i]);
rlm@46 2393 }
rlm@46 2394 }else{
rlm@46 2395 if(this.hasClass(className)){
rlm@46 2396 var re = this.classReCache[className];
rlm@46 2397 if (!re) {
rlm@46 2398 re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)', "g");
rlm@46 2399 this.classReCache[className] = re;
rlm@46 2400 }
rlm@46 2401 this.dom.className =
rlm@46 2402 this.dom.className.replace(re, " ");
rlm@46 2403 }
rlm@46 2404 }
rlm@46 2405 return this;
rlm@46 2406 },
rlm@46 2407
rlm@46 2408 classReCache: {},
rlm@46 2409
rlm@46 2410
rlm@46 2411 toggleClass : function(className){
rlm@46 2412 if(this.hasClass(className)){
rlm@46 2413 this.removeClass(className);
rlm@46 2414 }else{
rlm@46 2415 this.addClass(className);
rlm@46 2416 }
rlm@46 2417 return this;
rlm@46 2418 },
rlm@46 2419
rlm@46 2420
rlm@46 2421 hasClass : function(className){
rlm@46 2422 return className && (' '+this.dom.className+' ').indexOf(' '+className+' ') != -1;
rlm@46 2423 },
rlm@46 2424
rlm@46 2425
rlm@46 2426 replaceClass : function(oldClassName, newClassName){
rlm@46 2427 this.removeClass(oldClassName);
rlm@46 2428 this.addClass(newClassName);
rlm@46 2429 return this;
rlm@46 2430 },
rlm@46 2431
rlm@46 2432
rlm@46 2433 getStyles : function(){
rlm@46 2434 var a = arguments, len = a.length, r = {};
rlm@46 2435 for(var i = 0; i < len; i++){
rlm@46 2436 r[a[i]] = this.getStyle(a[i]);
rlm@46 2437 }
rlm@46 2438 return r;
rlm@46 2439 },
rlm@46 2440
rlm@46 2441
rlm@46 2442 getStyle : function(){
rlm@46 2443 return view && view.getComputedStyle ?
rlm@46 2444 function(prop){
rlm@46 2445 var el = this.dom, v, cs, camel;
rlm@46 2446 if(prop == 'float'){
rlm@46 2447 prop = "cssFloat";
rlm@46 2448 }
rlm@46 2449 if(v = el.style[prop]){
rlm@46 2450 return v;
rlm@46 2451 }
rlm@46 2452 if(cs = view.getComputedStyle(el, "")){
rlm@46 2453 if(!(camel = propCache[prop])){
rlm@46 2454 camel = propCache[prop] = prop.replace(camelRe, camelFn);
rlm@46 2455 }
rlm@46 2456 return cs[camel];
rlm@46 2457 }
rlm@46 2458 return null;
rlm@46 2459 } :
rlm@46 2460 function(prop){
rlm@46 2461 var el = this.dom, v, cs, camel;
rlm@46 2462 if(prop == 'opacity'){
rlm@46 2463 if(typeof el.style.filter == 'string'){
rlm@46 2464 var m = el.style.filter.match(/alpha\(opacity=(.*)\)/i);
rlm@46 2465 if(m){
rlm@46 2466 var fv = parseFloat(m[1]);
rlm@46 2467 if(!isNaN(fv)){
rlm@46 2468 return fv ? fv / 100 : 0;
rlm@46 2469 }
rlm@46 2470 }
rlm@46 2471 }
rlm@46 2472 return 1;
rlm@46 2473 }else if(prop == 'float'){
rlm@46 2474 prop = "styleFloat";
rlm@46 2475 }
rlm@46 2476 if(!(camel = propCache[prop])){
rlm@46 2477 camel = propCache[prop] = prop.replace(camelRe, camelFn);
rlm@46 2478 }
rlm@46 2479 if(v = el.style[camel]){
rlm@46 2480 return v;
rlm@46 2481 }
rlm@46 2482 if(cs = el.currentStyle){
rlm@46 2483 return cs[camel];
rlm@46 2484 }
rlm@46 2485 return null;
rlm@46 2486 };
rlm@46 2487 }(),
rlm@46 2488
rlm@46 2489
rlm@46 2490 setStyle : function(prop, value){
rlm@46 2491 if(typeof prop == "string"){
rlm@46 2492 var camel;
rlm@46 2493 if(!(camel = propCache[prop])){
rlm@46 2494 camel = propCache[prop] = prop.replace(camelRe, camelFn);
rlm@46 2495 }
rlm@46 2496 if(camel == 'opacity') {
rlm@46 2497 this.setOpacity(value);
rlm@46 2498 }else{
rlm@46 2499 this.dom.style[camel] = value;
rlm@46 2500 }
rlm@46 2501 }else{
rlm@46 2502 for(var style in prop){
rlm@46 2503 if(typeof prop[style] != "function"){
rlm@46 2504 this.setStyle(style, prop[style]);
rlm@46 2505 }
rlm@46 2506 }
rlm@46 2507 }
rlm@46 2508 return this;
rlm@46 2509 },
rlm@46 2510
rlm@46 2511
rlm@46 2512 applyStyles : function(style){
rlm@46 2513 Ext.DomHelper.applyStyles(this.dom, style);
rlm@46 2514 return this;
rlm@46 2515 },
rlm@46 2516
rlm@46 2517
rlm@46 2518 getX : function(){
rlm@46 2519 return D.getX(this.dom);
rlm@46 2520 },
rlm@46 2521
rlm@46 2522
rlm@46 2523 getY : function(){
rlm@46 2524 return D.getY(this.dom);
rlm@46 2525 },
rlm@46 2526
rlm@46 2527
rlm@46 2528 getXY : function(){
rlm@46 2529 return D.getXY(this.dom);
rlm@46 2530 },
rlm@46 2531
rlm@46 2532
rlm@46 2533 getOffsetsTo : function(el){
rlm@46 2534 var o = this.getXY();
rlm@46 2535 var e = Ext.fly(el, '_internal').getXY();
rlm@46 2536 return [o[0]-e[0],o[1]-e[1]];
rlm@46 2537 },
rlm@46 2538
rlm@46 2539
rlm@46 2540 setX : function(x, animate){
rlm@46 2541 if(!animate || !A){
rlm@46 2542 D.setX(this.dom, x);
rlm@46 2543 }else{
rlm@46 2544 this.setXY([x, this.getY()], this.preanim(arguments, 1));
rlm@46 2545 }
rlm@46 2546 return this;
rlm@46 2547 },
rlm@46 2548
rlm@46 2549
rlm@46 2550 setY : function(y, animate){
rlm@46 2551 if(!animate || !A){
rlm@46 2552 D.setY(this.dom, y);
rlm@46 2553 }else{
rlm@46 2554 this.setXY([this.getX(), y], this.preanim(arguments, 1));
rlm@46 2555 }
rlm@46 2556 return this;
rlm@46 2557 },
rlm@46 2558
rlm@46 2559
rlm@46 2560 setLeft : function(left){
rlm@46 2561 this.setStyle("left", this.addUnits(left));
rlm@46 2562 return this;
rlm@46 2563 },
rlm@46 2564
rlm@46 2565
rlm@46 2566 setTop : function(top){
rlm@46 2567 this.setStyle("top", this.addUnits(top));
rlm@46 2568 return this;
rlm@46 2569 },
rlm@46 2570
rlm@46 2571
rlm@46 2572 setRight : function(right){
rlm@46 2573 this.setStyle("right", this.addUnits(right));
rlm@46 2574 return this;
rlm@46 2575 },
rlm@46 2576
rlm@46 2577
rlm@46 2578 setBottom : function(bottom){
rlm@46 2579 this.setStyle("bottom", this.addUnits(bottom));
rlm@46 2580 return this;
rlm@46 2581 },
rlm@46 2582
rlm@46 2583
rlm@46 2584 setXY : function(pos, animate){
rlm@46 2585 if(!animate || !A){
rlm@46 2586 D.setXY(this.dom, pos);
rlm@46 2587 }else{
rlm@46 2588 this.anim({points: {to: pos}}, this.preanim(arguments, 1), 'motion');
rlm@46 2589 }
rlm@46 2590 return this;
rlm@46 2591 },
rlm@46 2592
rlm@46 2593
rlm@46 2594 setLocation : function(x, y, animate){
rlm@46 2595 this.setXY([x, y], this.preanim(arguments, 2));
rlm@46 2596 return this;
rlm@46 2597 },
rlm@46 2598
rlm@46 2599
rlm@46 2600 moveTo : function(x, y, animate){
rlm@46 2601 this.setXY([x, y], this.preanim(arguments, 2));
rlm@46 2602 return this;
rlm@46 2603 },
rlm@46 2604
rlm@46 2605
rlm@46 2606 getRegion : function(){
rlm@46 2607 return D.getRegion(this.dom);
rlm@46 2608 },
rlm@46 2609
rlm@46 2610
rlm@46 2611 getHeight : function(contentHeight){
rlm@46 2612 var h = this.dom.offsetHeight || 0;
rlm@46 2613 h = contentHeight !== true ? h : h-this.getBorderWidth("tb")-this.getPadding("tb");
rlm@46 2614 return h < 0 ? 0 : h;
rlm@46 2615 },
rlm@46 2616
rlm@46 2617
rlm@46 2618 getWidth : function(contentWidth){
rlm@46 2619 var w = this.dom.offsetWidth || 0;
rlm@46 2620 w = contentWidth !== true ? w : w-this.getBorderWidth("lr")-this.getPadding("lr");
rlm@46 2621 return w < 0 ? 0 : w;
rlm@46 2622 },
rlm@46 2623
rlm@46 2624
rlm@46 2625 getComputedHeight : function(){
rlm@46 2626 var h = Math.max(this.dom.offsetHeight, this.dom.clientHeight);
rlm@46 2627 if(!h){
rlm@46 2628 h = parseInt(this.getStyle('height'), 10) || 0;
rlm@46 2629 if(!this.isBorderBox()){
rlm@46 2630 h += this.getFrameWidth('tb');
rlm@46 2631 }
rlm@46 2632 }
rlm@46 2633 return h;
rlm@46 2634 },
rlm@46 2635
rlm@46 2636
rlm@46 2637 getComputedWidth : function(){
rlm@46 2638 var w = Math.max(this.dom.offsetWidth, this.dom.clientWidth);
rlm@46 2639 if(!w){
rlm@46 2640 w = parseInt(this.getStyle('width'), 10) || 0;
rlm@46 2641 if(!this.isBorderBox()){
rlm@46 2642 w += this.getFrameWidth('lr');
rlm@46 2643 }
rlm@46 2644 }
rlm@46 2645 return w;
rlm@46 2646 },
rlm@46 2647
rlm@46 2648
rlm@46 2649 getSize : function(contentSize){
rlm@46 2650 return {width: this.getWidth(contentSize), height: this.getHeight(contentSize)};
rlm@46 2651 },
rlm@46 2652
rlm@46 2653 getStyleSize : function(){
rlm@46 2654 var w, h, d = this.dom, s = d.style;
rlm@46 2655 if(s.width && s.width != 'auto'){
rlm@46 2656 w = parseInt(s.width, 10);
rlm@46 2657 if(Ext.isBorderBox){
rlm@46 2658 w -= this.getFrameWidth('lr');
rlm@46 2659 }
rlm@46 2660 }
rlm@46 2661 if(s.height && s.height != 'auto'){
rlm@46 2662 h = parseInt(s.height, 10);
rlm@46 2663 if(Ext.isBorderBox){
rlm@46 2664 h -= this.getFrameWidth('tb');
rlm@46 2665 }
rlm@46 2666 }
rlm@46 2667 return {width: w || this.getWidth(true), height: h || this.getHeight(true)};
rlm@46 2668
rlm@46 2669 },
rlm@46 2670
rlm@46 2671
rlm@46 2672 getViewSize : function(){
rlm@46 2673 var d = this.dom, doc = document, aw = 0, ah = 0;
rlm@46 2674 if(d == doc || d == doc.body){
rlm@46 2675 return {width : D.getViewWidth(), height: D.getViewHeight()};
rlm@46 2676 }else{
rlm@46 2677 return {
rlm@46 2678 width : d.clientWidth,
rlm@46 2679 height: d.clientHeight
rlm@46 2680 };
rlm@46 2681 }
rlm@46 2682 },
rlm@46 2683
rlm@46 2684
rlm@46 2685 getValue : function(asNumber){
rlm@46 2686 return asNumber ? parseInt(this.dom.value, 10) : this.dom.value;
rlm@46 2687 },
rlm@46 2688
rlm@46 2689 adjustWidth : function(width){
rlm@46 2690 if(typeof width == "number"){
rlm@46 2691 if(this.autoBoxAdjust && !this.isBorderBox()){
rlm@46 2692 width -= (this.getBorderWidth("lr") + this.getPadding("lr"));
rlm@46 2693 }
rlm@46 2694 if(width < 0){
rlm@46 2695 width = 0;
rlm@46 2696 }
rlm@46 2697 }
rlm@46 2698 return width;
rlm@46 2699 },
rlm@46 2700
rlm@46 2701 adjustHeight : function(height){
rlm@46 2702 if(typeof height == "number"){
rlm@46 2703 if(this.autoBoxAdjust && !this.isBorderBox()){
rlm@46 2704 height -= (this.getBorderWidth("tb") + this.getPadding("tb"));
rlm@46 2705 }
rlm@46 2706 if(height < 0){
rlm@46 2707 height = 0;
rlm@46 2708 }
rlm@46 2709 }
rlm@46 2710 return height;
rlm@46 2711 },
rlm@46 2712
rlm@46 2713
rlm@46 2714 setWidth : function(width, animate){
rlm@46 2715 width = this.adjustWidth(width);
rlm@46 2716 if(!animate || !A){
rlm@46 2717 this.dom.style.width = this.addUnits(width);
rlm@46 2718 }else{
rlm@46 2719 this.anim({width: {to: width}}, this.preanim(arguments, 1));
rlm@46 2720 }
rlm@46 2721 return this;
rlm@46 2722 },
rlm@46 2723
rlm@46 2724
rlm@46 2725 setHeight : function(height, animate){
rlm@46 2726 height = this.adjustHeight(height);
rlm@46 2727 if(!animate || !A){
rlm@46 2728 this.dom.style.height = this.addUnits(height);
rlm@46 2729 }else{
rlm@46 2730 this.anim({height: {to: height}}, this.preanim(arguments, 1));
rlm@46 2731 }
rlm@46 2732 return this;
rlm@46 2733 },
rlm@46 2734
rlm@46 2735
rlm@46 2736 setSize : function(width, height, animate){
rlm@46 2737 if(typeof width == "object"){ height = width.height; width = width.width;
rlm@46 2738 }
rlm@46 2739 width = this.adjustWidth(width); height = this.adjustHeight(height);
rlm@46 2740 if(!animate || !A){
rlm@46 2741 this.dom.style.width = this.addUnits(width);
rlm@46 2742 this.dom.style.height = this.addUnits(height);
rlm@46 2743 }else{
rlm@46 2744 this.anim({width: {to: width}, height: {to: height}}, this.preanim(arguments, 2));
rlm@46 2745 }
rlm@46 2746 return this;
rlm@46 2747 },
rlm@46 2748
rlm@46 2749
rlm@46 2750 setBounds : function(x, y, width, height, animate){
rlm@46 2751 if(!animate || !A){
rlm@46 2752 this.setSize(width, height);
rlm@46 2753 this.setLocation(x, y);
rlm@46 2754 }else{
rlm@46 2755 width = this.adjustWidth(width); height = this.adjustHeight(height);
rlm@46 2756 this.anim({points: {to: [x, y]}, width: {to: width}, height: {to: height}},
rlm@46 2757 this.preanim(arguments, 4), 'motion');
rlm@46 2758 }
rlm@46 2759 return this;
rlm@46 2760 },
rlm@46 2761
rlm@46 2762
rlm@46 2763 setRegion : function(region, animate){
rlm@46 2764 this.setBounds(region.left, region.top, region.right-region.left, region.bottom-region.top, this.preanim(arguments, 1));
rlm@46 2765 return this;
rlm@46 2766 },
rlm@46 2767
rlm@46 2768
rlm@46 2769 addListener : function(eventName, fn, scope, options){
rlm@46 2770 Ext.EventManager.on(this.dom, eventName, fn, scope || this, options);
rlm@46 2771 },
rlm@46 2772
rlm@46 2773
rlm@46 2774 removeListener : function(eventName, fn){
rlm@46 2775 Ext.EventManager.removeListener(this.dom, eventName, fn);
rlm@46 2776 return this;
rlm@46 2777 },
rlm@46 2778
rlm@46 2779
rlm@46 2780 removeAllListeners : function(){
rlm@46 2781 E.purgeElement(this.dom);
rlm@46 2782 return this;
rlm@46 2783 },
rlm@46 2784
rlm@46 2785
rlm@46 2786 relayEvent : function(eventName, observable){
rlm@46 2787 this.on(eventName, function(e){
rlm@46 2788 observable.fireEvent(eventName, e);
rlm@46 2789 });
rlm@46 2790 },
rlm@46 2791
rlm@46 2792
rlm@46 2793 setOpacity : function(opacity, animate){
rlm@46 2794 if(!animate || !A){
rlm@46 2795 var s = this.dom.style;
rlm@46 2796 if(Ext.isIE){
rlm@46 2797 s.zoom = 1;
rlm@46 2798 s.filter = (s.filter || '').replace(/alpha\([^\)]*\)/gi,"") +
rlm@46 2799 (opacity == 1 ? "" : " alpha(opacity=" + opacity * 100 + ")");
rlm@46 2800 }else{
rlm@46 2801 s.opacity = opacity;
rlm@46 2802 }
rlm@46 2803 }else{
rlm@46 2804 this.anim({opacity: {to: opacity}}, this.preanim(arguments, 1), null, .35, 'easeIn');
rlm@46 2805 }
rlm@46 2806 return this;
rlm@46 2807 },
rlm@46 2808
rlm@46 2809
rlm@46 2810 getLeft : function(local){
rlm@46 2811 if(!local){
rlm@46 2812 return this.getX();
rlm@46 2813 }else{
rlm@46 2814 return parseInt(this.getStyle("left"), 10) || 0;
rlm@46 2815 }
rlm@46 2816 },
rlm@46 2817
rlm@46 2818
rlm@46 2819 getRight : function(local){
rlm@46 2820 if(!local){
rlm@46 2821 return this.getX() + this.getWidth();
rlm@46 2822 }else{
rlm@46 2823 return (this.getLeft(true) + this.getWidth()) || 0;
rlm@46 2824 }
rlm@46 2825 },
rlm@46 2826
rlm@46 2827
rlm@46 2828 getTop : function(local) {
rlm@46 2829 if(!local){
rlm@46 2830 return this.getY();
rlm@46 2831 }else{
rlm@46 2832 return parseInt(this.getStyle("top"), 10) || 0;
rlm@46 2833 }
rlm@46 2834 },
rlm@46 2835
rlm@46 2836
rlm@46 2837 getBottom : function(local){
rlm@46 2838 if(!local){
rlm@46 2839 return this.getY() + this.getHeight();
rlm@46 2840 }else{
rlm@46 2841 return (this.getTop(true) + this.getHeight()) || 0;
rlm@46 2842 }
rlm@46 2843 },
rlm@46 2844
rlm@46 2845
rlm@46 2846 position : function(pos, zIndex, x, y){
rlm@46 2847 if(!pos){
rlm@46 2848 if(this.getStyle('position') == 'static'){
rlm@46 2849 this.setStyle('position', 'relative');
rlm@46 2850 }
rlm@46 2851 }else{
rlm@46 2852 this.setStyle("position", pos);
rlm@46 2853 }
rlm@46 2854 if(zIndex){
rlm@46 2855 this.setStyle("z-index", zIndex);
rlm@46 2856 }
rlm@46 2857 if(x !== undefined && y !== undefined){
rlm@46 2858 this.setXY([x, y]);
rlm@46 2859 }else if(x !== undefined){
rlm@46 2860 this.setX(x);
rlm@46 2861 }else if(y !== undefined){
rlm@46 2862 this.setY(y);
rlm@46 2863 }
rlm@46 2864 },
rlm@46 2865
rlm@46 2866
rlm@46 2867 clearPositioning : function(value){
rlm@46 2868 value = value ||'';
rlm@46 2869 this.setStyle({
rlm@46 2870 "left": value,
rlm@46 2871 "right": value,
rlm@46 2872 "top": value,
rlm@46 2873 "bottom": value,
rlm@46 2874 "z-index": "",
rlm@46 2875 "position" : "static"
rlm@46 2876 });
rlm@46 2877 return this;
rlm@46 2878 },
rlm@46 2879
rlm@46 2880
rlm@46 2881 getPositioning : function(){
rlm@46 2882 var l = this.getStyle("left");
rlm@46 2883 var t = this.getStyle("top");
rlm@46 2884 return {
rlm@46 2885 "position" : this.getStyle("position"),
rlm@46 2886 "left" : l,
rlm@46 2887 "right" : l ? "" : this.getStyle("right"),
rlm@46 2888 "top" : t,
rlm@46 2889 "bottom" : t ? "" : this.getStyle("bottom"),
rlm@46 2890 "z-index" : this.getStyle("z-index")
rlm@46 2891 };
rlm@46 2892 },
rlm@46 2893
rlm@46 2894
rlm@46 2895 getBorderWidth : function(side){
rlm@46 2896 return this.addStyles(side, El.borders);
rlm@46 2897 },
rlm@46 2898
rlm@46 2899
rlm@46 2900 getPadding : function(side){
rlm@46 2901 return this.addStyles(side, El.paddings);
rlm@46 2902 },
rlm@46 2903
rlm@46 2904
rlm@46 2905 setPositioning : function(pc){
rlm@46 2906 this.applyStyles(pc);
rlm@46 2907 if(pc.right == "auto"){
rlm@46 2908 this.dom.style.right = "";
rlm@46 2909 }
rlm@46 2910 if(pc.bottom == "auto"){
rlm@46 2911 this.dom.style.bottom = "";
rlm@46 2912 }
rlm@46 2913 return this;
rlm@46 2914 },
rlm@46 2915
rlm@46 2916 fixDisplay : function(){
rlm@46 2917 if(this.getStyle("display") == "none"){
rlm@46 2918 this.setStyle("visibility", "hidden");
rlm@46 2919 this.setStyle("display", this.originalDisplay); if(this.getStyle("display") == "none"){ this.setStyle("display", "block");
rlm@46 2920 }
rlm@46 2921 }
rlm@46 2922 },
rlm@46 2923
rlm@46 2924 setOverflow : function(v){
rlm@46 2925 if(v=='auto' && Ext.isMac && Ext.isGecko){ this.dom.style.overflow = 'hidden';
rlm@46 2926 (function(){this.dom.style.overflow = 'auto';}).defer(1, this);
rlm@46 2927 }else{
rlm@46 2928 this.dom.style.overflow = v;
rlm@46 2929 }
rlm@46 2930 },
rlm@46 2931
rlm@46 2932
rlm@46 2933 setLeftTop : function(left, top){
rlm@46 2934 this.dom.style.left = this.addUnits(left);
rlm@46 2935 this.dom.style.top = this.addUnits(top);
rlm@46 2936 return this;
rlm@46 2937 },
rlm@46 2938
rlm@46 2939
rlm@46 2940 move : function(direction, distance, animate){
rlm@46 2941 var xy = this.getXY();
rlm@46 2942 direction = direction.toLowerCase();
rlm@46 2943 switch(direction){
rlm@46 2944 case "l":
rlm@46 2945 case "left":
rlm@46 2946 this.moveTo(xy[0]-distance, xy[1], this.preanim(arguments, 2));
rlm@46 2947 break;
rlm@46 2948 case "r":
rlm@46 2949 case "right":
rlm@46 2950 this.moveTo(xy[0]+distance, xy[1], this.preanim(arguments, 2));
rlm@46 2951 break;
rlm@46 2952 case "t":
rlm@46 2953 case "top":
rlm@46 2954 case "up":
rlm@46 2955 this.moveTo(xy[0], xy[1]-distance, this.preanim(arguments, 2));
rlm@46 2956 break;
rlm@46 2957 case "b":
rlm@46 2958 case "bottom":
rlm@46 2959 case "down":
rlm@46 2960 this.moveTo(xy[0], xy[1]+distance, this.preanim(arguments, 2));
rlm@46 2961 break;
rlm@46 2962 }
rlm@46 2963 return this;
rlm@46 2964 },
rlm@46 2965
rlm@46 2966
rlm@46 2967 clip : function(){
rlm@46 2968 if(!this.isClipped){
rlm@46 2969 this.isClipped = true;
rlm@46 2970 this.originalClip = {
rlm@46 2971 "o": this.getStyle("overflow"),
rlm@46 2972 "x": this.getStyle("overflow-x"),
rlm@46 2973 "y": this.getStyle("overflow-y")
rlm@46 2974 };
rlm@46 2975 this.setStyle("overflow", "hidden");
rlm@46 2976 this.setStyle("overflow-x", "hidden");
rlm@46 2977 this.setStyle("overflow-y", "hidden");
rlm@46 2978 }
rlm@46 2979 return this;
rlm@46 2980 },
rlm@46 2981
rlm@46 2982
rlm@46 2983 unclip : function(){
rlm@46 2984 if(this.isClipped){
rlm@46 2985 this.isClipped = false;
rlm@46 2986 var o = this.originalClip;
rlm@46 2987 if(o.o){this.setStyle("overflow", o.o);}
rlm@46 2988 if(o.x){this.setStyle("overflow-x", o.x);}
rlm@46 2989 if(o.y){this.setStyle("overflow-y", o.y);}
rlm@46 2990 }
rlm@46 2991 return this;
rlm@46 2992 },
rlm@46 2993
rlm@46 2994
rlm@46 2995
rlm@46 2996 getAnchorXY : function(anchor, local, s){
rlm@46 2997
rlm@46 2998 var w, h, vp = false;
rlm@46 2999 if(!s){
rlm@46 3000 var d = this.dom;
rlm@46 3001 if(d == document.body || d == document){
rlm@46 3002 vp = true;
rlm@46 3003 w = D.getViewWidth(); h = D.getViewHeight();
rlm@46 3004 }else{
rlm@46 3005 w = this.getWidth(); h = this.getHeight();
rlm@46 3006 }
rlm@46 3007 }else{
rlm@46 3008 w = s.width; h = s.height;
rlm@46 3009 }
rlm@46 3010 var x = 0, y = 0, r = Math.round;
rlm@46 3011 switch((anchor || "tl").toLowerCase()){
rlm@46 3012 case "c":
rlm@46 3013 x = r(w*.5);
rlm@46 3014 y = r(h*.5);
rlm@46 3015 break;
rlm@46 3016 case "t":
rlm@46 3017 x = r(w*.5);
rlm@46 3018 y = 0;
rlm@46 3019 break;
rlm@46 3020 case "l":
rlm@46 3021 x = 0;
rlm@46 3022 y = r(h*.5);
rlm@46 3023 break;
rlm@46 3024 case "r":
rlm@46 3025 x = w;
rlm@46 3026 y = r(h*.5);
rlm@46 3027 break;
rlm@46 3028 case "b":
rlm@46 3029 x = r(w*.5);
rlm@46 3030 y = h;
rlm@46 3031 break;
rlm@46 3032 case "tl":
rlm@46 3033 x = 0;
rlm@46 3034 y = 0;
rlm@46 3035 break;
rlm@46 3036 case "bl":
rlm@46 3037 x = 0;
rlm@46 3038 y = h;
rlm@46 3039 break;
rlm@46 3040 case "br":
rlm@46 3041 x = w;
rlm@46 3042 y = h;
rlm@46 3043 break;
rlm@46 3044 case "tr":
rlm@46 3045 x = w;
rlm@46 3046 y = 0;
rlm@46 3047 break;
rlm@46 3048 }
rlm@46 3049 if(local === true){
rlm@46 3050 return [x, y];
rlm@46 3051 }
rlm@46 3052 if(vp){
rlm@46 3053 var sc = this.getScroll();
rlm@46 3054 return [x + sc.left, y + sc.top];
rlm@46 3055 }
rlm@46 3056 var o = this.getXY();
rlm@46 3057 return [x+o[0], y+o[1]];
rlm@46 3058 },
rlm@46 3059
rlm@46 3060
rlm@46 3061 getAlignToXY : function(el, p, o){
rlm@46 3062 el = Ext.get(el);
rlm@46 3063 if(!el || !el.dom){
rlm@46 3064 throw "Element.alignToXY with an element that doesn't exist";
rlm@46 3065 }
rlm@46 3066 var d = this.dom;
rlm@46 3067 var c = false; var p1 = "", p2 = "";
rlm@46 3068 o = o || [0,0];
rlm@46 3069
rlm@46 3070 if(!p){
rlm@46 3071 p = "tl-bl";
rlm@46 3072 }else if(p == "?"){
rlm@46 3073 p = "tl-bl?";
rlm@46 3074 }else if(p.indexOf("-") == -1){
rlm@46 3075 p = "tl-" + p;
rlm@46 3076 }
rlm@46 3077 p = p.toLowerCase();
rlm@46 3078 var m = p.match(/^([a-z]+)-([a-z]+)(\?)?$/);
rlm@46 3079 if(!m){
rlm@46 3080 throw "Element.alignTo with an invalid alignment " + p;
rlm@46 3081 }
rlm@46 3082 p1 = m[1]; p2 = m[2]; c = !!m[3];
rlm@46 3083
rlm@46 3084 var a1 = this.getAnchorXY(p1, true);
rlm@46 3085 var a2 = el.getAnchorXY(p2, false);
rlm@46 3086
rlm@46 3087 var x = a2[0] - a1[0] + o[0];
rlm@46 3088 var y = a2[1] - a1[1] + o[1];
rlm@46 3089
rlm@46 3090 if(c){
rlm@46 3091 var w = this.getWidth(), h = this.getHeight(), r = el.getRegion();
rlm@46 3092 var dw = D.getViewWidth()-5, dh = D.getViewHeight()-5;
rlm@46 3093
rlm@46 3094 var p1y = p1.charAt(0), p1x = p1.charAt(p1.length-1);
rlm@46 3095 var p2y = p2.charAt(0), p2x = p2.charAt(p2.length-1);
rlm@46 3096 var swapY = ((p1y=="t" && p2y=="b") || (p1y=="b" && p2y=="t"));
rlm@46 3097 var swapX = ((p1x=="r" && p2x=="l") || (p1x=="l" && p2x=="r"));
rlm@46 3098
rlm@46 3099 var doc = document;
rlm@46 3100 var scrollX = (doc.documentElement.scrollLeft || doc.body.scrollLeft || 0)+5;
rlm@46 3101 var scrollY = (doc.documentElement.scrollTop || doc.body.scrollTop || 0)+5;
rlm@46 3102
rlm@46 3103 if((x+w) > dw + scrollX){
rlm@46 3104 x = swapX ? r.left-w : dw+scrollX-w;
rlm@46 3105 }
rlm@46 3106 if(x < scrollX){
rlm@46 3107 x = swapX ? r.right : scrollX;
rlm@46 3108 }
rlm@46 3109 if((y+h) > dh + scrollY){
rlm@46 3110 y = swapY ? r.top-h : dh+scrollY-h;
rlm@46 3111 }
rlm@46 3112 if (y < scrollY){
rlm@46 3113 y = swapY ? r.bottom : scrollY;
rlm@46 3114 }
rlm@46 3115 }
rlm@46 3116 return [x,y];
rlm@46 3117 },
rlm@46 3118
rlm@46 3119 getConstrainToXY : function(){
rlm@46 3120 var os = {top:0, left:0, bottom:0, right: 0};
rlm@46 3121
rlm@46 3122 return function(el, local, offsets, proposedXY){
rlm@46 3123 el = Ext.get(el);
rlm@46 3124 offsets = offsets ? Ext.applyIf(offsets, os) : os;
rlm@46 3125
rlm@46 3126 var vw, vh, vx = 0, vy = 0;
rlm@46 3127 if(el.dom == document.body || el.dom == document){
rlm@46 3128 vw = Ext.lib.Dom.getViewWidth();
rlm@46 3129 vh = Ext.lib.Dom.getViewHeight();
rlm@46 3130 }else{
rlm@46 3131 vw = el.dom.clientWidth;
rlm@46 3132 vh = el.dom.clientHeight;
rlm@46 3133 if(!local){
rlm@46 3134 var vxy = el.getXY();
rlm@46 3135 vx = vxy[0];
rlm@46 3136 vy = vxy[1];
rlm@46 3137 }
rlm@46 3138 }
rlm@46 3139
rlm@46 3140 var s = el.getScroll();
rlm@46 3141
rlm@46 3142 vx += offsets.left + s.left;
rlm@46 3143 vy += offsets.top + s.top;
rlm@46 3144
rlm@46 3145 vw -= offsets.right;
rlm@46 3146 vh -= offsets.bottom;
rlm@46 3147
rlm@46 3148 var vr = vx+vw;
rlm@46 3149 var vb = vy+vh;
rlm@46 3150
rlm@46 3151 var xy = proposedXY || (!local ? this.getXY() : [this.getLeft(true), this.getTop(true)]);
rlm@46 3152 var x = xy[0], y = xy[1];
rlm@46 3153 var w = this.dom.offsetWidth, h = this.dom.offsetHeight;
rlm@46 3154
rlm@46 3155 var moved = false;
rlm@46 3156
rlm@46 3157 if((x + w) > vr){
rlm@46 3158 x = vr - w;
rlm@46 3159 moved = true;
rlm@46 3160 }
rlm@46 3161 if((y + h) > vb){
rlm@46 3162 y = vb - h;
rlm@46 3163 moved = true;
rlm@46 3164 }
rlm@46 3165 if(x < vx){
rlm@46 3166 x = vx;
rlm@46 3167 moved = true;
rlm@46 3168 }
rlm@46 3169 if(y < vy){
rlm@46 3170 y = vy;
rlm@46 3171 moved = true;
rlm@46 3172 }
rlm@46 3173 return moved ? [x, y] : false;
rlm@46 3174 };
rlm@46 3175 }(),
rlm@46 3176
rlm@46 3177 adjustForConstraints : function(xy, parent, offsets){
rlm@46 3178 return this.getConstrainToXY(parent || document, false, offsets, xy) || xy;
rlm@46 3179 },
rlm@46 3180
rlm@46 3181
rlm@46 3182 alignTo : function(element, position, offsets, animate){
rlm@46 3183 var xy = this.getAlignToXY(element, position, offsets);
rlm@46 3184 this.setXY(xy, this.preanim(arguments, 3));
rlm@46 3185 return this;
rlm@46 3186 },
rlm@46 3187
rlm@46 3188
rlm@46 3189 anchorTo : function(el, alignment, offsets, animate, monitorScroll, callback){
rlm@46 3190 var action = function(){
rlm@46 3191 this.alignTo(el, alignment, offsets, animate);
rlm@46 3192 Ext.callback(callback, this);
rlm@46 3193 };
rlm@46 3194 Ext.EventManager.onWindowResize(action, this);
rlm@46 3195 var tm = typeof monitorScroll;
rlm@46 3196 if(tm != 'undefined'){
rlm@46 3197 Ext.EventManager.on(window, 'scroll', action, this,
rlm@46 3198 {buffer: tm == 'number' ? monitorScroll : 50});
rlm@46 3199 }
rlm@46 3200 action.call(this); return this;
rlm@46 3201 },
rlm@46 3202
rlm@46 3203 clearOpacity : function(){
rlm@46 3204 if (window.ActiveXObject) {
rlm@46 3205 if(typeof this.dom.style.filter == 'string' && (/alpha/i).test(this.dom.style.filter)){
rlm@46 3206 this.dom.style.filter = "";
rlm@46 3207 }
rlm@46 3208 } else {
rlm@46 3209 this.dom.style.opacity = "";
rlm@46 3210 this.dom.style["-moz-opacity"] = "";
rlm@46 3211 this.dom.style["-khtml-opacity"] = "";
rlm@46 3212 }
rlm@46 3213 return this;
rlm@46 3214 },
rlm@46 3215
rlm@46 3216
rlm@46 3217 hide : function(animate){
rlm@46 3218 this.setVisible(false, this.preanim(arguments, 0));
rlm@46 3219 return this;
rlm@46 3220 },
rlm@46 3221
rlm@46 3222
rlm@46 3223 show : function(animate){
rlm@46 3224 this.setVisible(true, this.preanim(arguments, 0));
rlm@46 3225 return this;
rlm@46 3226 },
rlm@46 3227
rlm@46 3228
rlm@46 3229 addUnits : function(size){
rlm@46 3230 return Ext.Element.addUnits(size, this.defaultUnit);
rlm@46 3231 },
rlm@46 3232
rlm@46 3233
rlm@46 3234 update : function(html, loadScripts, callback){
rlm@46 3235 if(typeof html == "undefined"){
rlm@46 3236 html = "";
rlm@46 3237 }
rlm@46 3238 if(loadScripts !== true){
rlm@46 3239 this.dom.innerHTML = html;
rlm@46 3240 if(typeof callback == "function"){
rlm@46 3241 callback();
rlm@46 3242 }
rlm@46 3243 return this;
rlm@46 3244 }
rlm@46 3245 var id = Ext.id();
rlm@46 3246 var dom = this.dom;
rlm@46 3247
rlm@46 3248 html += '<span id="' + id + '"></span>';
rlm@46 3249
rlm@46 3250 E.onAvailable(id, function(){
rlm@46 3251 var hd = document.getElementsByTagName("head")[0];
rlm@46 3252 var re = /(?:<script([^>]*)?>)((\n|\r|.)*?)(?:<\/script>)/ig;
rlm@46 3253 var srcRe = /\ssrc=([\'\"])(.*?)\1/i;
rlm@46 3254 var typeRe = /\stype=([\'\"])(.*?)\1/i;
rlm@46 3255
rlm@46 3256 var match;
rlm@46 3257 while(match = re.exec(html)){
rlm@46 3258 var attrs = match[1];
rlm@46 3259 var srcMatch = attrs ? attrs.match(srcRe) : false;
rlm@46 3260 if(srcMatch && srcMatch[2]){
rlm@46 3261 var s = document.createElement("script");
rlm@46 3262 s.src = srcMatch[2];
rlm@46 3263 var typeMatch = attrs.match(typeRe);
rlm@46 3264 if(typeMatch && typeMatch[2]){
rlm@46 3265 s.type = typeMatch[2];
rlm@46 3266 }
rlm@46 3267 hd.appendChild(s);
rlm@46 3268 }else if(match[2] && match[2].length > 0){
rlm@46 3269 if(window.execScript) {
rlm@46 3270 window.execScript(match[2]);
rlm@46 3271 } else {
rlm@46 3272 window.eval(match[2]);
rlm@46 3273 }
rlm@46 3274 }
rlm@46 3275 }
rlm@46 3276 var el = document.getElementById(id);
rlm@46 3277 if(el){Ext.removeNode(el);}
rlm@46 3278 if(typeof callback == "function"){
rlm@46 3279 callback();
rlm@46 3280 }
rlm@46 3281 });
rlm@46 3282 dom.innerHTML = html.replace(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig, "");
rlm@46 3283 return this;
rlm@46 3284 },
rlm@46 3285
rlm@46 3286
rlm@46 3287 load : function(){
rlm@46 3288 var um = this.getUpdater();
rlm@46 3289 um.update.apply(um, arguments);
rlm@46 3290 return this;
rlm@46 3291 },
rlm@46 3292
rlm@46 3293
rlm@46 3294 getUpdater : function(){
rlm@46 3295 if(!this.updateManager){
rlm@46 3296 this.updateManager = new Ext.Updater(this);
rlm@46 3297 }
rlm@46 3298 return this.updateManager;
rlm@46 3299 },
rlm@46 3300
rlm@46 3301
rlm@46 3302 unselectable : function(){
rlm@46 3303 this.dom.unselectable = "on";
rlm@46 3304 this.swallowEvent("selectstart", true);
rlm@46 3305 this.applyStyles("-moz-user-select:none;-khtml-user-select:none;");
rlm@46 3306 this.addClass("x-unselectable");
rlm@46 3307 return this;
rlm@46 3308 },
rlm@46 3309
rlm@46 3310
rlm@46 3311 getCenterXY : function(){
rlm@46 3312 return this.getAlignToXY(document, 'c-c');
rlm@46 3313 },
rlm@46 3314
rlm@46 3315
rlm@46 3316 center : function(centerIn){
rlm@46 3317 this.alignTo(centerIn || document, 'c-c');
rlm@46 3318 return this;
rlm@46 3319 },
rlm@46 3320
rlm@46 3321
rlm@46 3322 isBorderBox : function(){
rlm@46 3323 return noBoxAdjust[this.dom.tagName.toLowerCase()] || Ext.isBorderBox;
rlm@46 3324 },
rlm@46 3325
rlm@46 3326
rlm@46 3327 getBox : function(contentBox, local){
rlm@46 3328 var xy;
rlm@46 3329 if(!local){
rlm@46 3330 xy = this.getXY();
rlm@46 3331 }else{
rlm@46 3332 var left = parseInt(this.getStyle("left"), 10) || 0;
rlm@46 3333 var top = parseInt(this.getStyle("top"), 10) || 0;
rlm@46 3334 xy = [left, top];
rlm@46 3335 }
rlm@46 3336 var el = this.dom, w = el.offsetWidth, h = el.offsetHeight, bx;
rlm@46 3337 if(!contentBox){
rlm@46 3338 bx = {x: xy[0], y: xy[1], 0: xy[0], 1: xy[1], width: w, height: h};
rlm@46 3339 }else{
rlm@46 3340 var l = this.getBorderWidth("l")+this.getPadding("l");
rlm@46 3341 var r = this.getBorderWidth("r")+this.getPadding("r");
rlm@46 3342 var t = this.getBorderWidth("t")+this.getPadding("t");
rlm@46 3343 var b = this.getBorderWidth("b")+this.getPadding("b");
rlm@46 3344 bx = {x: xy[0]+l, y: xy[1]+t, 0: xy[0]+l, 1: xy[1]+t, width: w-(l+r), height: h-(t+b)};
rlm@46 3345 }
rlm@46 3346 bx.right = bx.x + bx.width;
rlm@46 3347 bx.bottom = bx.y + bx.height;
rlm@46 3348 return bx;
rlm@46 3349 },
rlm@46 3350
rlm@46 3351
rlm@46 3352 getFrameWidth : function(sides, onlyContentBox){
rlm@46 3353 return onlyContentBox && Ext.isBorderBox ? 0 : (this.getPadding(sides) + this.getBorderWidth(sides));
rlm@46 3354 },
rlm@46 3355
rlm@46 3356
rlm@46 3357 setBox : function(box, adjust, animate){
rlm@46 3358 var w = box.width, h = box.height;
rlm@46 3359 if((adjust && !this.autoBoxAdjust) && !this.isBorderBox()){
rlm@46 3360 w -= (this.getBorderWidth("lr") + this.getPadding("lr"));
rlm@46 3361 h -= (this.getBorderWidth("tb") + this.getPadding("tb"));
rlm@46 3362 }
rlm@46 3363 this.setBounds(box.x, box.y, w, h, this.preanim(arguments, 2));
rlm@46 3364 return this;
rlm@46 3365 },
rlm@46 3366
rlm@46 3367
rlm@46 3368 repaint : function(){
rlm@46 3369 var dom = this.dom;
rlm@46 3370 this.addClass("x-repaint");
rlm@46 3371 setTimeout(function(){
rlm@46 3372 Ext.get(dom).removeClass("x-repaint");
rlm@46 3373 }, 1);
rlm@46 3374 return this;
rlm@46 3375 },
rlm@46 3376
rlm@46 3377
rlm@46 3378 getMargins : function(side){
rlm@46 3379 if(!side){
rlm@46 3380 return {
rlm@46 3381 top: parseInt(this.getStyle("margin-top"), 10) || 0,
rlm@46 3382 left: parseInt(this.getStyle("margin-left"), 10) || 0,
rlm@46 3383 bottom: parseInt(this.getStyle("margin-bottom"), 10) || 0,
rlm@46 3384 right: parseInt(this.getStyle("margin-right"), 10) || 0
rlm@46 3385 };
rlm@46 3386 }else{
rlm@46 3387 return this.addStyles(side, El.margins);
rlm@46 3388 }
rlm@46 3389 },
rlm@46 3390
rlm@46 3391 addStyles : function(sides, styles){
rlm@46 3392 var val = 0, v, w;
rlm@46 3393 for(var i = 0, len = sides.length; i < len; i++){
rlm@46 3394 v = this.getStyle(styles[sides.charAt(i)]);
rlm@46 3395 if(v){
rlm@46 3396 w = parseInt(v, 10);
rlm@46 3397 if(w){ val += (w >= 0 ? w : -1 * w); }
rlm@46 3398 }
rlm@46 3399 }
rlm@46 3400 return val;
rlm@46 3401 },
rlm@46 3402
rlm@46 3403
rlm@46 3404 createProxy : function(config, renderTo, matchBox){
rlm@46 3405 config = typeof config == "object" ?
rlm@46 3406 config : {tag : "div", cls: config};
rlm@46 3407
rlm@46 3408 var proxy;
rlm@46 3409 if(renderTo){
rlm@46 3410 proxy = Ext.DomHelper.append(renderTo, config, true);
rlm@46 3411 }else {
rlm@46 3412 proxy = Ext.DomHelper.insertBefore(this.dom, config, true);
rlm@46 3413 }
rlm@46 3414 if(matchBox){
rlm@46 3415 proxy.setBox(this.getBox());
rlm@46 3416 }
rlm@46 3417 return proxy;
rlm@46 3418 },
rlm@46 3419
rlm@46 3420
rlm@46 3421 mask : function(msg, msgCls){
rlm@46 3422 if(this.getStyle("position") == "static"){
rlm@46 3423 this.setStyle("position", "relative");
rlm@46 3424 }
rlm@46 3425 if(this._maskMsg){
rlm@46 3426 this._maskMsg.remove();
rlm@46 3427 }
rlm@46 3428 if(this._mask){
rlm@46 3429 this._mask.remove();
rlm@46 3430 }
rlm@46 3431
rlm@46 3432 this._mask = Ext.DomHelper.append(this.dom, {cls:"ext-el-mask"}, true);
rlm@46 3433
rlm@46 3434 this.addClass("x-masked");
rlm@46 3435 this._mask.setDisplayed(true);
rlm@46 3436 if(typeof msg == 'string'){
rlm@46 3437 this._maskMsg = Ext.DomHelper.append(this.dom, {cls:"ext-el-mask-msg", cn:{tag:'div'}}, true);
rlm@46 3438 var mm = this._maskMsg;
rlm@46 3439 mm.dom.className = msgCls ? "ext-el-mask-msg " + msgCls : "ext-el-mask-msg";
rlm@46 3440 mm.dom.firstChild.innerHTML = msg;
rlm@46 3441 mm.setDisplayed(true);
rlm@46 3442 mm.center(this);
rlm@46 3443 }
rlm@46 3444 if(Ext.isIE && !(Ext.isIE7 && Ext.isStrict) && this.getStyle('height') == 'auto'){ this._mask.setSize(this.dom.clientWidth, this.getHeight());
rlm@46 3445 }
rlm@46 3446 return this._mask;
rlm@46 3447 },
rlm@46 3448
rlm@46 3449
rlm@46 3450 unmask : function(){
rlm@46 3451 if(this._mask){
rlm@46 3452 if(this._maskMsg){
rlm@46 3453 this._maskMsg.remove();
rlm@46 3454 delete this._maskMsg;
rlm@46 3455 }
rlm@46 3456 this._mask.remove();
rlm@46 3457 delete this._mask;
rlm@46 3458 }
rlm@46 3459 this.removeClass("x-masked");
rlm@46 3460 },
rlm@46 3461
rlm@46 3462
rlm@46 3463 isMasked : function(){
rlm@46 3464 return this._mask && this._mask.isVisible();
rlm@46 3465 },
rlm@46 3466
rlm@46 3467
rlm@46 3468 createShim : function(){
rlm@46 3469 var el = document.createElement('iframe');
rlm@46 3470 el.frameBorder = 'no';
rlm@46 3471 el.className = 'ext-shim';
rlm@46 3472 if(Ext.isIE && Ext.isSecure){
rlm@46 3473 el.src = Ext.SSL_SECURE_URL;
rlm@46 3474 }
rlm@46 3475 var shim = Ext.get(this.dom.parentNode.insertBefore(el, this.dom));
rlm@46 3476 shim.autoBoxAdjust = false;
rlm@46 3477 return shim;
rlm@46 3478 },
rlm@46 3479
rlm@46 3480
rlm@46 3481 remove : function(){
rlm@46 3482 Ext.removeNode(this.dom);
rlm@46 3483 delete El.cache[this.dom.id];
rlm@46 3484 },
rlm@46 3485
rlm@46 3486
rlm@46 3487 hover : function(overFn, outFn, scope){
rlm@46 3488 var preOverFn = function(e){
rlm@46 3489 if(!e.within(this, true)){
rlm@46 3490 overFn.apply(scope || this, arguments);
rlm@46 3491 }
rlm@46 3492 };
rlm@46 3493 var preOutFn = function(e){
rlm@46 3494 if(!e.within(this, true)){
rlm@46 3495 outFn.apply(scope || this, arguments);
rlm@46 3496 }
rlm@46 3497 };
rlm@46 3498 this.on("mouseover", preOverFn, this.dom);
rlm@46 3499 this.on("mouseout", preOutFn, this.dom);
rlm@46 3500 return this;
rlm@46 3501 },
rlm@46 3502
rlm@46 3503
rlm@46 3504 addClassOnOver : function(className){
rlm@46 3505 this.hover(
rlm@46 3506 function(){
rlm@46 3507 Ext.fly(this, '_internal').addClass(className);
rlm@46 3508 },
rlm@46 3509 function(){
rlm@46 3510 Ext.fly(this, '_internal').removeClass(className);
rlm@46 3511 }
rlm@46 3512 );
rlm@46 3513 return this;
rlm@46 3514 },
rlm@46 3515
rlm@46 3516
rlm@46 3517 addClassOnFocus : function(className){
rlm@46 3518 this.on("focus", function(){
rlm@46 3519 Ext.fly(this, '_internal').addClass(className);
rlm@46 3520 }, this.dom);
rlm@46 3521 this.on("blur", function(){
rlm@46 3522 Ext.fly(this, '_internal').removeClass(className);
rlm@46 3523 }, this.dom);
rlm@46 3524 return this;
rlm@46 3525 },
rlm@46 3526
rlm@46 3527 addClassOnClick : function(className){
rlm@46 3528 var dom = this.dom;
rlm@46 3529 this.on("mousedown", function(){
rlm@46 3530 Ext.fly(dom, '_internal').addClass(className);
rlm@46 3531 var d = Ext.getDoc();
rlm@46 3532 var fn = function(){
rlm@46 3533 Ext.fly(dom, '_internal').removeClass(className);
rlm@46 3534 d.removeListener("mouseup", fn);
rlm@46 3535 };
rlm@46 3536 d.on("mouseup", fn);
rlm@46 3537 });
rlm@46 3538 return this;
rlm@46 3539 },
rlm@46 3540
rlm@46 3541
rlm@46 3542 swallowEvent : function(eventName, preventDefault){
rlm@46 3543 var fn = function(e){
rlm@46 3544 e.stopPropagation();
rlm@46 3545 if(preventDefault){
rlm@46 3546 e.preventDefault();
rlm@46 3547 }
rlm@46 3548 };
rlm@46 3549 if(Ext.isArray(eventName)){
rlm@46 3550 for(var i = 0, len = eventName.length; i < len; i++){
rlm@46 3551 this.on(eventName[i], fn);
rlm@46 3552 }
rlm@46 3553 return this;
rlm@46 3554 }
rlm@46 3555 this.on(eventName, fn);
rlm@46 3556 return this;
rlm@46 3557 },
rlm@46 3558
rlm@46 3559
rlm@46 3560 parent : function(selector, returnDom){
rlm@46 3561 return this.matchNode('parentNode', 'parentNode', selector, returnDom);
rlm@46 3562 },
rlm@46 3563
rlm@46 3564
rlm@46 3565 next : function(selector, returnDom){
rlm@46 3566 return this.matchNode('nextSibling', 'nextSibling', selector, returnDom);
rlm@46 3567 },
rlm@46 3568
rlm@46 3569
rlm@46 3570 prev : function(selector, returnDom){
rlm@46 3571 return this.matchNode('previousSibling', 'previousSibling', selector, returnDom);
rlm@46 3572 },
rlm@46 3573
rlm@46 3574
rlm@46 3575
rlm@46 3576 first : function(selector, returnDom){
rlm@46 3577 return this.matchNode('nextSibling', 'firstChild', selector, returnDom);
rlm@46 3578 },
rlm@46 3579
rlm@46 3580
rlm@46 3581 last : function(selector, returnDom){
rlm@46 3582 return this.matchNode('previousSibling', 'lastChild', selector, returnDom);
rlm@46 3583 },
rlm@46 3584
rlm@46 3585 matchNode : function(dir, start, selector, returnDom){
rlm@46 3586 var n = this.dom[start];
rlm@46 3587 while(n){
rlm@46 3588 if(n.nodeType == 1 && (!selector || Ext.DomQuery.is(n, selector))){
rlm@46 3589 return !returnDom ? Ext.get(n) : n;
rlm@46 3590 }
rlm@46 3591 n = n[dir];
rlm@46 3592 }
rlm@46 3593 return null;
rlm@46 3594 },
rlm@46 3595
rlm@46 3596
rlm@46 3597 appendChild: function(el){
rlm@46 3598 el = Ext.get(el);
rlm@46 3599 el.appendTo(this);
rlm@46 3600 return this;
rlm@46 3601 },
rlm@46 3602
rlm@46 3603
rlm@46 3604 createChild: function(config, insertBefore, returnDom){
rlm@46 3605 config = config || {tag:'div'};
rlm@46 3606 if(insertBefore){
rlm@46 3607 return Ext.DomHelper.insertBefore(insertBefore, config, returnDom !== true);
rlm@46 3608 }
rlm@46 3609 return Ext.DomHelper[!this.dom.firstChild ? 'overwrite' : 'append'](this.dom, config, returnDom !== true);
rlm@46 3610 },
rlm@46 3611
rlm@46 3612
rlm@46 3613 appendTo: function(el){
rlm@46 3614 el = Ext.getDom(el);
rlm@46 3615 el.appendChild(this.dom);
rlm@46 3616 return this;
rlm@46 3617 },
rlm@46 3618
rlm@46 3619
rlm@46 3620 insertBefore: function(el){
rlm@46 3621 el = Ext.getDom(el);
rlm@46 3622 el.parentNode.insertBefore(this.dom, el);
rlm@46 3623 return this;
rlm@46 3624 },
rlm@46 3625
rlm@46 3626
rlm@46 3627 insertAfter: function(el){
rlm@46 3628 el = Ext.getDom(el);
rlm@46 3629 el.parentNode.insertBefore(this.dom, el.nextSibling);
rlm@46 3630 return this;
rlm@46 3631 },
rlm@46 3632
rlm@46 3633
rlm@46 3634 insertFirst: function(el, returnDom){
rlm@46 3635 el = el || {};
rlm@46 3636 if(typeof el == 'object' && !el.nodeType && !el.dom){ return this.createChild(el, this.dom.firstChild, returnDom);
rlm@46 3637 }else{
rlm@46 3638 el = Ext.getDom(el);
rlm@46 3639 this.dom.insertBefore(el, this.dom.firstChild);
rlm@46 3640 return !returnDom ? Ext.get(el) : el;
rlm@46 3641 }
rlm@46 3642 },
rlm@46 3643
rlm@46 3644
rlm@46 3645 insertSibling: function(el, where, returnDom){
rlm@46 3646 var rt;
rlm@46 3647 if(Ext.isArray(el)){
rlm@46 3648 for(var i = 0, len = el.length; i < len; i++){
rlm@46 3649 rt = this.insertSibling(el[i], where, returnDom);
rlm@46 3650 }
rlm@46 3651 return rt;
rlm@46 3652 }
rlm@46 3653 where = where ? where.toLowerCase() : 'before';
rlm@46 3654 el = el || {};
rlm@46 3655 var refNode = where == 'before' ? this.dom : this.dom.nextSibling;
rlm@46 3656
rlm@46 3657 if(typeof el == 'object' && !el.nodeType && !el.dom){ if(where == 'after' && !this.dom.nextSibling){
rlm@46 3658 rt = Ext.DomHelper.append(this.dom.parentNode, el, !returnDom);
rlm@46 3659 }else{
rlm@46 3660 rt = Ext.DomHelper[where == 'after' ? 'insertAfter' : 'insertBefore'](this.dom, el, !returnDom);
rlm@46 3661 }
rlm@46 3662
rlm@46 3663 }else{
rlm@46 3664 rt = this.dom.parentNode.insertBefore(Ext.getDom(el), refNode);
rlm@46 3665 if(!returnDom){
rlm@46 3666 rt = Ext.get(rt);
rlm@46 3667 }
rlm@46 3668 }
rlm@46 3669 return rt;
rlm@46 3670 },
rlm@46 3671
rlm@46 3672
rlm@46 3673 wrap: function(config, returnDom){
rlm@46 3674 if(!config){
rlm@46 3675 config = {tag: "div"};
rlm@46 3676 }
rlm@46 3677 var newEl = Ext.DomHelper.insertBefore(this.dom, config, !returnDom);
rlm@46 3678 newEl.dom ? newEl.dom.appendChild(this.dom) : newEl.appendChild(this.dom);
rlm@46 3679 return newEl;
rlm@46 3680 },
rlm@46 3681
rlm@46 3682
rlm@46 3683 replace: function(el){
rlm@46 3684 el = Ext.get(el);
rlm@46 3685 this.insertBefore(el);
rlm@46 3686 el.remove();
rlm@46 3687 return this;
rlm@46 3688 },
rlm@46 3689
rlm@46 3690
rlm@46 3691 replaceWith: function(el){
rlm@46 3692 if(typeof el == 'object' && !el.nodeType && !el.dom){ el = this.insertSibling(el, 'before');
rlm@46 3693 }else{
rlm@46 3694 el = Ext.getDom(el);
rlm@46 3695 this.dom.parentNode.insertBefore(el, this.dom);
rlm@46 3696 }
rlm@46 3697 El.uncache(this.id);
rlm@46 3698 this.dom.parentNode.removeChild(this.dom);
rlm@46 3699 this.dom = el;
rlm@46 3700 this.id = Ext.id(el);
rlm@46 3701 El.cache[this.id] = this;
rlm@46 3702 return this;
rlm@46 3703 },
rlm@46 3704
rlm@46 3705
rlm@46 3706 insertHtml : function(where, html, returnEl){
rlm@46 3707 var el = Ext.DomHelper.insertHtml(where, this.dom, html);
rlm@46 3708 return returnEl ? Ext.get(el) : el;
rlm@46 3709 },
rlm@46 3710
rlm@46 3711
rlm@46 3712 set : function(o, useSet){
rlm@46 3713 var el = this.dom;
rlm@46 3714 useSet = typeof useSet == 'undefined' ? (el.setAttribute ? true : false) : useSet;
rlm@46 3715 for(var attr in o){
rlm@46 3716 if(attr == "style" || typeof o[attr] == "function") continue;
rlm@46 3717 if(attr=="cls"){
rlm@46 3718 el.className = o["cls"];
rlm@46 3719 }else if(o.hasOwnProperty(attr)){
rlm@46 3720 if(useSet) el.setAttribute(attr, o[attr]);
rlm@46 3721 else el[attr] = o[attr];
rlm@46 3722 }
rlm@46 3723 }
rlm@46 3724 if(o.style){
rlm@46 3725 Ext.DomHelper.applyStyles(el, o.style);
rlm@46 3726 }
rlm@46 3727 return this;
rlm@46 3728 },
rlm@46 3729
rlm@46 3730
rlm@46 3731 addKeyListener : function(key, fn, scope){
rlm@46 3732 var config;
rlm@46 3733 if(typeof key != "object" || Ext.isArray(key)){
rlm@46 3734 config = {
rlm@46 3735 key: key,
rlm@46 3736 fn: fn,
rlm@46 3737 scope: scope
rlm@46 3738 };
rlm@46 3739 }else{
rlm@46 3740 config = {
rlm@46 3741 key : key.key,
rlm@46 3742 shift : key.shift,
rlm@46 3743 ctrl : key.ctrl,
rlm@46 3744 alt : key.alt,
rlm@46 3745 fn: fn,
rlm@46 3746 scope: scope
rlm@46 3747 };
rlm@46 3748 }
rlm@46 3749 return new Ext.KeyMap(this, config);
rlm@46 3750 },
rlm@46 3751
rlm@46 3752
rlm@46 3753 addKeyMap : function(config){
rlm@46 3754 return new Ext.KeyMap(this, config);
rlm@46 3755 },
rlm@46 3756
rlm@46 3757
rlm@46 3758 isScrollable : function(){
rlm@46 3759 var dom = this.dom;
rlm@46 3760 return dom.scrollHeight > dom.clientHeight || dom.scrollWidth > dom.clientWidth;
rlm@46 3761 },
rlm@46 3762
rlm@46 3763
rlm@46 3764 scrollTo : function(side, value, animate){
rlm@46 3765 var prop = side.toLowerCase() == "left" ? "scrollLeft" : "scrollTop";
rlm@46 3766 if(!animate || !A){
rlm@46 3767 this.dom[prop] = value;
rlm@46 3768 }else{
rlm@46 3769 var to = prop == "scrollLeft" ? [value, this.dom.scrollTop] : [this.dom.scrollLeft, value];
rlm@46 3770 this.anim({scroll: {"to": to}}, this.preanim(arguments, 2), 'scroll');
rlm@46 3771 }
rlm@46 3772 return this;
rlm@46 3773 },
rlm@46 3774
rlm@46 3775
rlm@46 3776 scroll : function(direction, distance, animate){
rlm@46 3777 if(!this.isScrollable()){
rlm@46 3778 return;
rlm@46 3779 }
rlm@46 3780 var el = this.dom;
rlm@46 3781 var l = el.scrollLeft, t = el.scrollTop;
rlm@46 3782 var w = el.scrollWidth, h = el.scrollHeight;
rlm@46 3783 var cw = el.clientWidth, ch = el.clientHeight;
rlm@46 3784 direction = direction.toLowerCase();
rlm@46 3785 var scrolled = false;
rlm@46 3786 var a = this.preanim(arguments, 2);
rlm@46 3787 switch(direction){
rlm@46 3788 case "l":
rlm@46 3789 case "left":
rlm@46 3790 if(w - l > cw){
rlm@46 3791 var v = Math.min(l + distance, w-cw);
rlm@46 3792 this.scrollTo("left", v, a);
rlm@46 3793 scrolled = true;
rlm@46 3794 }
rlm@46 3795 break;
rlm@46 3796 case "r":
rlm@46 3797 case "right":
rlm@46 3798 if(l > 0){
rlm@46 3799 var v = Math.max(l - distance, 0);
rlm@46 3800 this.scrollTo("left", v, a);
rlm@46 3801 scrolled = true;
rlm@46 3802 }
rlm@46 3803 break;
rlm@46 3804 case "t":
rlm@46 3805 case "top":
rlm@46 3806 case "up":
rlm@46 3807 if(t > 0){
rlm@46 3808 var v = Math.max(t - distance, 0);
rlm@46 3809 this.scrollTo("top", v, a);
rlm@46 3810 scrolled = true;
rlm@46 3811 }
rlm@46 3812 break;
rlm@46 3813 case "b":
rlm@46 3814 case "bottom":
rlm@46 3815 case "down":
rlm@46 3816 if(h - t > ch){
rlm@46 3817 var v = Math.min(t + distance, h-ch);
rlm@46 3818 this.scrollTo("top", v, a);
rlm@46 3819 scrolled = true;
rlm@46 3820 }
rlm@46 3821 break;
rlm@46 3822 }
rlm@46 3823 return scrolled;
rlm@46 3824 },
rlm@46 3825
rlm@46 3826
rlm@46 3827 translatePoints : function(x, y){
rlm@46 3828 if(typeof x == 'object' || Ext.isArray(x)){
rlm@46 3829 y = x[1]; x = x[0];
rlm@46 3830 }
rlm@46 3831 var p = this.getStyle('position');
rlm@46 3832 var o = this.getXY();
rlm@46 3833
rlm@46 3834 var l = parseInt(this.getStyle('left'), 10);
rlm@46 3835 var t = parseInt(this.getStyle('top'), 10);
rlm@46 3836
rlm@46 3837 if(isNaN(l)){
rlm@46 3838 l = (p == "relative") ? 0 : this.dom.offsetLeft;
rlm@46 3839 }
rlm@46 3840 if(isNaN(t)){
rlm@46 3841 t = (p == "relative") ? 0 : this.dom.offsetTop;
rlm@46 3842 }
rlm@46 3843
rlm@46 3844 return {left: (x - o[0] + l), top: (y - o[1] + t)};
rlm@46 3845 },
rlm@46 3846
rlm@46 3847
rlm@46 3848 getScroll : function(){
rlm@46 3849 var d = this.dom, doc = document;
rlm@46 3850 if(d == doc || d == doc.body){
rlm@46 3851 var l, t;
rlm@46 3852 if(Ext.isIE && Ext.isStrict){
rlm@46 3853 l = doc.documentElement.scrollLeft || (doc.body.scrollLeft || 0);
rlm@46 3854 t = doc.documentElement.scrollTop || (doc.body.scrollTop || 0);
rlm@46 3855 }else{
rlm@46 3856 l = window.pageXOffset || (doc.body.scrollLeft || 0);
rlm@46 3857 t = window.pageYOffset || (doc.body.scrollTop || 0);
rlm@46 3858 }
rlm@46 3859 return {left: l, top: t};
rlm@46 3860 }else{
rlm@46 3861 return {left: d.scrollLeft, top: d.scrollTop};
rlm@46 3862 }
rlm@46 3863 },
rlm@46 3864
rlm@46 3865
rlm@46 3866 getColor : function(attr, defaultValue, prefix){
rlm@46 3867 var v = this.getStyle(attr);
rlm@46 3868 if(!v || v == "transparent" || v == "inherit") {
rlm@46 3869 return defaultValue;
rlm@46 3870 }
rlm@46 3871 var color = typeof prefix == "undefined" ? "#" : prefix;
rlm@46 3872 if(v.substr(0, 4) == "rgb("){
rlm@46 3873 var rvs = v.slice(4, v.length -1).split(",");
rlm@46 3874 for(var i = 0; i < 3; i++){
rlm@46 3875 var h = parseInt(rvs[i]);
rlm@46 3876 var s = h.toString(16);
rlm@46 3877 if(h < 16){
rlm@46 3878 s = "0" + s;
rlm@46 3879 }
rlm@46 3880 color += s;
rlm@46 3881 }
rlm@46 3882 } else {
rlm@46 3883 if(v.substr(0, 1) == "#"){
rlm@46 3884 if(v.length == 4) {
rlm@46 3885 for(var i = 1; i < 4; i++){
rlm@46 3886 var c = v.charAt(i);
rlm@46 3887 color += c + c;
rlm@46 3888 }
rlm@46 3889 }else if(v.length == 7){
rlm@46 3890 color += v.substr(1);
rlm@46 3891 }
rlm@46 3892 }
rlm@46 3893 }
rlm@46 3894 return(color.length > 5 ? color.toLowerCase() : defaultValue);
rlm@46 3895 },
rlm@46 3896
rlm@46 3897
rlm@46 3898 boxWrap : function(cls){
rlm@46 3899 cls = cls || 'x-box';
rlm@46 3900 var el = Ext.get(this.insertHtml('beforeBegin', String.format('<div class="{0}">'+El.boxMarkup+'</div>', cls)));
rlm@46 3901 el.child('.'+cls+'-mc').dom.appendChild(this.dom);
rlm@46 3902 return el;
rlm@46 3903 },
rlm@46 3904
rlm@46 3905
rlm@46 3906 getAttributeNS : Ext.isIE ? function(ns, name){
rlm@46 3907 var d = this.dom;
rlm@46 3908 var type = typeof d[ns+":"+name];
rlm@46 3909 if(type != 'undefined' && type != 'unknown'){
rlm@46 3910 return d[ns+":"+name];
rlm@46 3911 }
rlm@46 3912 return d[name];
rlm@46 3913 } : function(ns, name){
rlm@46 3914 var d = this.dom;
rlm@46 3915 return d.getAttributeNS(ns, name) || d.getAttribute(ns+":"+name) || d.getAttribute(name) || d[name];
rlm@46 3916 },
rlm@46 3917
rlm@46 3918 getTextWidth : function(text, min, max){
rlm@46 3919 return (Ext.util.TextMetrics.measure(this.dom, Ext.value(text, this.dom.innerHTML, true)).width).constrain(min || 0, max || 1000000);
rlm@46 3920 }
rlm@46 3921 };
rlm@46 3922
rlm@46 3923 var ep = El.prototype;
rlm@46 3924
rlm@46 3925
rlm@46 3926 ep.on = ep.addListener;
rlm@46 3927 ep.mon = ep.addListener;
rlm@46 3928
rlm@46 3929 ep.getUpdateManager = ep.getUpdater;
rlm@46 3930
rlm@46 3931
rlm@46 3932 ep.un = ep.removeListener;
rlm@46 3933
rlm@46 3934
rlm@46 3935 ep.autoBoxAdjust = true;
rlm@46 3936
rlm@46 3937 El.unitPattern = /\d+(px|em|%|en|ex|pt|in|cm|mm|pc)$/i;
rlm@46 3938
rlm@46 3939 El.addUnits = function(v, defaultUnit){
rlm@46 3940 if(v === "" || v == "auto"){
rlm@46 3941 return v;
rlm@46 3942 }
rlm@46 3943 if(v === undefined){
rlm@46 3944 return '';
rlm@46 3945 }
rlm@46 3946 if(typeof v == "number" || !El.unitPattern.test(v)){
rlm@46 3947 return v + (defaultUnit || 'px');
rlm@46 3948 }
rlm@46 3949 return v;
rlm@46 3950 };
rlm@46 3951
rlm@46 3952 El.boxMarkup = '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div><div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div><div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';
rlm@46 3953
rlm@46 3954 El.VISIBILITY = 1;
rlm@46 3955
rlm@46 3956 El.DISPLAY = 2;
rlm@46 3957
rlm@46 3958 El.borders = {l: "border-left-width", r: "border-right-width", t: "border-top-width", b: "border-bottom-width"};
rlm@46 3959 El.paddings = {l: "padding-left", r: "padding-right", t: "padding-top", b: "padding-bottom"};
rlm@46 3960 El.margins = {l: "margin-left", r: "margin-right", t: "margin-top", b: "margin-bottom"};
rlm@46 3961
rlm@46 3962
rlm@46 3963
rlm@46 3964
rlm@46 3965 El.cache = {};
rlm@46 3966
rlm@46 3967 var docEl;
rlm@46 3968
rlm@46 3969
rlm@46 3970 El.get = function(el){
rlm@46 3971 var ex, elm, id;
rlm@46 3972 if(!el){ return null; }
rlm@46 3973 if(typeof el == "string"){ if(!(elm = document.getElementById(el))){
rlm@46 3974 return null;
rlm@46 3975 }
rlm@46 3976 if(ex = El.cache[el]){
rlm@46 3977 ex.dom = elm;
rlm@46 3978 }else{
rlm@46 3979 ex = El.cache[el] = new El(elm);
rlm@46 3980 }
rlm@46 3981 return ex;
rlm@46 3982 }else if(el.tagName){ if(!(id = el.id)){
rlm@46 3983 id = Ext.id(el);
rlm@46 3984 }
rlm@46 3985 if(ex = El.cache[id]){
rlm@46 3986 ex.dom = el;
rlm@46 3987 }else{
rlm@46 3988 ex = El.cache[id] = new El(el);
rlm@46 3989 }
rlm@46 3990 return ex;
rlm@46 3991 }else if(el instanceof El){
rlm@46 3992 if(el != docEl){
rlm@46 3993 el.dom = document.getElementById(el.id) || el.dom; El.cache[el.id] = el; }
rlm@46 3994 return el;
rlm@46 3995 }else if(el.isComposite){
rlm@46 3996 return el;
rlm@46 3997 }else if(Ext.isArray(el)){
rlm@46 3998 return El.select(el);
rlm@46 3999 }else if(el == document){
rlm@46 4000 if(!docEl){
rlm@46 4001 var f = function(){};
rlm@46 4002 f.prototype = El.prototype;
rlm@46 4003 docEl = new f();
rlm@46 4004 docEl.dom = document;
rlm@46 4005 }
rlm@46 4006 return docEl;
rlm@46 4007 }
rlm@46 4008 return null;
rlm@46 4009 };
rlm@46 4010
rlm@46 4011 El.uncache = function(el){
rlm@46 4012 for(var i = 0, a = arguments, len = a.length; i < len; i++) {
rlm@46 4013 if(a[i]){
rlm@46 4014 delete El.cache[a[i].id || a[i]];
rlm@46 4015 }
rlm@46 4016 }
rlm@46 4017 };
rlm@46 4018
rlm@46 4019 El.garbageCollect = function(){
rlm@46 4020 if(!Ext.enableGarbageCollector){
rlm@46 4021 clearInterval(El.collectorThread);
rlm@46 4022 return;
rlm@46 4023 }
rlm@46 4024 for(var eid in El.cache){
rlm@46 4025 var el = El.cache[eid], d = el.dom;
rlm@46 4026 if(!d || !d.parentNode || (!d.offsetParent && !document.getElementById(eid))){
rlm@46 4027 delete El.cache[eid];
rlm@46 4028 if(d && Ext.enableListenerCollection){
rlm@46 4029 E.purgeElement(d);
rlm@46 4030 }
rlm@46 4031 }
rlm@46 4032 }
rlm@46 4033 }
rlm@46 4034 El.collectorThreadId = setInterval(El.garbageCollect, 30000);
rlm@46 4035
rlm@46 4036 var flyFn = function(){};
rlm@46 4037 flyFn.prototype = El.prototype;
rlm@46 4038 var _cls = new flyFn();
rlm@46 4039
rlm@46 4040 El.Flyweight = function(dom){
rlm@46 4041 this.dom = dom;
rlm@46 4042 };
rlm@46 4043
rlm@46 4044 El.Flyweight.prototype = _cls;
rlm@46 4045 El.Flyweight.prototype.isFlyweight = true;
rlm@46 4046
rlm@46 4047 El._flyweights = {};
rlm@46 4048
rlm@46 4049 El.fly = function(el, named){
rlm@46 4050 named = named || '_global';
rlm@46 4051 el = Ext.getDom(el);
rlm@46 4052 if(!el){
rlm@46 4053 return null;
rlm@46 4054 }
rlm@46 4055 if(!El._flyweights[named]){
rlm@46 4056 El._flyweights[named] = new El.Flyweight();
rlm@46 4057 }
rlm@46 4058 El._flyweights[named].dom = el;
rlm@46 4059 return El._flyweights[named];
rlm@46 4060 };
rlm@46 4061
rlm@46 4062
rlm@46 4063 Ext.get = El.get;
rlm@46 4064
rlm@46 4065 Ext.fly = El.fly;
rlm@46 4066
rlm@46 4067 var noBoxAdjust = Ext.isStrict ? {
rlm@46 4068 select:1
rlm@46 4069 } : {
rlm@46 4070 input:1, select:1, textarea:1
rlm@46 4071 };
rlm@46 4072 if(Ext.isIE || Ext.isGecko){
rlm@46 4073 noBoxAdjust['button'] = 1;
rlm@46 4074 }
rlm@46 4075
rlm@46 4076
rlm@46 4077 Ext.EventManager.on(window, 'unload', function(){
rlm@46 4078 delete El.cache;
rlm@46 4079 delete El._flyweights;
rlm@46 4080 });
rlm@46 4081 })();
rlm@46 4082
rlm@46 4083 Ext.enableFx = true;
rlm@46 4084
rlm@46 4085
rlm@46 4086 Ext.Fx = {
rlm@46 4087
rlm@46 4088 slideIn : function(anchor, o){
rlm@46 4089 var el = this.getFxEl();
rlm@46 4090 o = o || {};
rlm@46 4091
rlm@46 4092 el.queueFx(o, function(){
rlm@46 4093
rlm@46 4094 anchor = anchor || "t";
rlm@46 4095
rlm@46 4096 this.fixDisplay();
rlm@46 4097
rlm@46 4098 var r = this.getFxRestore();
rlm@46 4099 var b = this.getBox();
rlm@46 4100 this.setSize(b);
rlm@46 4101
rlm@46 4102 var wrap = this.fxWrap(r.pos, o, "hidden");
rlm@46 4103
rlm@46 4104 var st = this.dom.style;
rlm@46 4105 st.visibility = "visible";
rlm@46 4106 st.position = "absolute";
rlm@46 4107
rlm@46 4108 var after = function(){
rlm@46 4109 el.fxUnwrap(wrap, r.pos, o);
rlm@46 4110 st.width = r.width;
rlm@46 4111 st.height = r.height;
rlm@46 4112 el.afterFx(o);
rlm@46 4113 };
rlm@46 4114 var a, pt = {to: [b.x, b.y]}, bw = {to: b.width}, bh = {to: b.height};
rlm@46 4115
rlm@46 4116 switch(anchor.toLowerCase()){
rlm@46 4117 case "t":
rlm@46 4118 wrap.setSize(b.width, 0);
rlm@46 4119 st.left = st.bottom = "0";
rlm@46 4120 a = {height: bh};
rlm@46 4121 break;
rlm@46 4122 case "l":
rlm@46 4123 wrap.setSize(0, b.height);
rlm@46 4124 st.right = st.top = "0";
rlm@46 4125 a = {width: bw};
rlm@46 4126 break;
rlm@46 4127 case "r":
rlm@46 4128 wrap.setSize(0, b.height);
rlm@46 4129 wrap.setX(b.right);
rlm@46 4130 st.left = st.top = "0";
rlm@46 4131 a = {width: bw, points: pt};
rlm@46 4132 break;
rlm@46 4133 case "b":
rlm@46 4134 wrap.setSize(b.width, 0);
rlm@46 4135 wrap.setY(b.bottom);
rlm@46 4136 st.left = st.top = "0";
rlm@46 4137 a = {height: bh, points: pt};
rlm@46 4138 break;
rlm@46 4139 case "tl":
rlm@46 4140 wrap.setSize(0, 0);
rlm@46 4141 st.right = st.bottom = "0";
rlm@46 4142 a = {width: bw, height: bh};
rlm@46 4143 break;
rlm@46 4144 case "bl":
rlm@46 4145 wrap.setSize(0, 0);
rlm@46 4146 wrap.setY(b.y+b.height);
rlm@46 4147 st.right = st.top = "0";
rlm@46 4148 a = {width: bw, height: bh, points: pt};
rlm@46 4149 break;
rlm@46 4150 case "br":
rlm@46 4151 wrap.setSize(0, 0);
rlm@46 4152 wrap.setXY([b.right, b.bottom]);
rlm@46 4153 st.left = st.top = "0";
rlm@46 4154 a = {width: bw, height: bh, points: pt};
rlm@46 4155 break;
rlm@46 4156 case "tr":
rlm@46 4157 wrap.setSize(0, 0);
rlm@46 4158 wrap.setX(b.x+b.width);
rlm@46 4159 st.left = st.bottom = "0";
rlm@46 4160 a = {width: bw, height: bh, points: pt};
rlm@46 4161 break;
rlm@46 4162 }
rlm@46 4163 this.dom.style.visibility = "visible";
rlm@46 4164 wrap.show();
rlm@46 4165
rlm@46 4166 arguments.callee.anim = wrap.fxanim(a,
rlm@46 4167 o,
rlm@46 4168 'motion',
rlm@46 4169 .5,
rlm@46 4170 'easeOut', after);
rlm@46 4171 });
rlm@46 4172 return this;
rlm@46 4173 },
rlm@46 4174
rlm@46 4175
rlm@46 4176 slideOut : function(anchor, o){
rlm@46 4177 var el = this.getFxEl();
rlm@46 4178 o = o || {};
rlm@46 4179
rlm@46 4180 el.queueFx(o, function(){
rlm@46 4181
rlm@46 4182 anchor = anchor || "t";
rlm@46 4183
rlm@46 4184 var r = this.getFxRestore();
rlm@46 4185
rlm@46 4186 var b = this.getBox();
rlm@46 4187 this.setSize(b);
rlm@46 4188
rlm@46 4189 var wrap = this.fxWrap(r.pos, o, "visible");
rlm@46 4190
rlm@46 4191 var st = this.dom.style;
rlm@46 4192 st.visibility = "visible";
rlm@46 4193 st.position = "absolute";
rlm@46 4194
rlm@46 4195 wrap.setSize(b);
rlm@46 4196
rlm@46 4197 var after = function(){
rlm@46 4198 if(o.useDisplay){
rlm@46 4199 el.setDisplayed(false);
rlm@46 4200 }else{
rlm@46 4201 el.hide();
rlm@46 4202 }
rlm@46 4203
rlm@46 4204 el.fxUnwrap(wrap, r.pos, o);
rlm@46 4205
rlm@46 4206 st.width = r.width;
rlm@46 4207 st.height = r.height;
rlm@46 4208
rlm@46 4209 el.afterFx(o);
rlm@46 4210 };
rlm@46 4211
rlm@46 4212 var a, zero = {to: 0};
rlm@46 4213 switch(anchor.toLowerCase()){
rlm@46 4214 case "t":
rlm@46 4215 st.left = st.bottom = "0";
rlm@46 4216 a = {height: zero};
rlm@46 4217 break;
rlm@46 4218 case "l":
rlm@46 4219 st.right = st.top = "0";
rlm@46 4220 a = {width: zero};
rlm@46 4221 break;
rlm@46 4222 case "r":
rlm@46 4223 st.left = st.top = "0";
rlm@46 4224 a = {width: zero, points: {to:[b.right, b.y]}};
rlm@46 4225 break;
rlm@46 4226 case "b":
rlm@46 4227 st.left = st.top = "0";
rlm@46 4228 a = {height: zero, points: {to:[b.x, b.bottom]}};
rlm@46 4229 break;
rlm@46 4230 case "tl":
rlm@46 4231 st.right = st.bottom = "0";
rlm@46 4232 a = {width: zero, height: zero};
rlm@46 4233 break;
rlm@46 4234 case "bl":
rlm@46 4235 st.right = st.top = "0";
rlm@46 4236 a = {width: zero, height: zero, points: {to:[b.x, b.bottom]}};
rlm@46 4237 break;
rlm@46 4238 case "br":
rlm@46 4239 st.left = st.top = "0";
rlm@46 4240 a = {width: zero, height: zero, points: {to:[b.x+b.width, b.bottom]}};
rlm@46 4241 break;
rlm@46 4242 case "tr":
rlm@46 4243 st.left = st.bottom = "0";
rlm@46 4244 a = {width: zero, height: zero, points: {to:[b.right, b.y]}};
rlm@46 4245 break;
rlm@46 4246 }
rlm@46 4247
rlm@46 4248 arguments.callee.anim = wrap.fxanim(a,
rlm@46 4249 o,
rlm@46 4250 'motion',
rlm@46 4251 .5,
rlm@46 4252 "easeOut", after);
rlm@46 4253 });
rlm@46 4254 return this;
rlm@46 4255 },
rlm@46 4256
rlm@46 4257
rlm@46 4258 puff : function(o){
rlm@46 4259 var el = this.getFxEl();
rlm@46 4260 o = o || {};
rlm@46 4261
rlm@46 4262 el.queueFx(o, function(){
rlm@46 4263 this.clearOpacity();
rlm@46 4264 this.show();
rlm@46 4265
rlm@46 4266 var r = this.getFxRestore();
rlm@46 4267 var st = this.dom.style;
rlm@46 4268
rlm@46 4269 var after = function(){
rlm@46 4270 if(o.useDisplay){
rlm@46 4271 el.setDisplayed(false);
rlm@46 4272 }else{
rlm@46 4273 el.hide();
rlm@46 4274 }
rlm@46 4275
rlm@46 4276 el.clearOpacity();
rlm@46 4277
rlm@46 4278 el.setPositioning(r.pos);
rlm@46 4279 st.width = r.width;
rlm@46 4280 st.height = r.height;
rlm@46 4281 st.fontSize = '';
rlm@46 4282 el.afterFx(o);
rlm@46 4283 };
rlm@46 4284
rlm@46 4285 var width = this.getWidth();
rlm@46 4286 var height = this.getHeight();
rlm@46 4287
rlm@46 4288 arguments.callee.anim = this.fxanim({
rlm@46 4289 width : {to: this.adjustWidth(width * 2)},
rlm@46 4290 height : {to: this.adjustHeight(height * 2)},
rlm@46 4291 points : {by: [-(width * .5), -(height * .5)]},
rlm@46 4292 opacity : {to: 0},
rlm@46 4293 fontSize: {to:200, unit: "%"}
rlm@46 4294 },
rlm@46 4295 o,
rlm@46 4296 'motion',
rlm@46 4297 .5,
rlm@46 4298 "easeOut", after);
rlm@46 4299 });
rlm@46 4300 return this;
rlm@46 4301 },
rlm@46 4302
rlm@46 4303
rlm@46 4304 switchOff : function(o){
rlm@46 4305 var el = this.getFxEl();
rlm@46 4306 o = o || {};
rlm@46 4307
rlm@46 4308 el.queueFx(o, function(){
rlm@46 4309 this.clearOpacity();
rlm@46 4310 this.clip();
rlm@46 4311
rlm@46 4312 var r = this.getFxRestore();
rlm@46 4313 var st = this.dom.style;
rlm@46 4314
rlm@46 4315 var after = function(){
rlm@46 4316 if(o.useDisplay){
rlm@46 4317 el.setDisplayed(false);
rlm@46 4318 }else{
rlm@46 4319 el.hide();
rlm@46 4320 }
rlm@46 4321
rlm@46 4322 el.clearOpacity();
rlm@46 4323 el.setPositioning(r.pos);
rlm@46 4324 st.width = r.width;
rlm@46 4325 st.height = r.height;
rlm@46 4326
rlm@46 4327 el.afterFx(o);
rlm@46 4328 };
rlm@46 4329
rlm@46 4330 this.fxanim({opacity:{to:0.3}}, null, null, .1, null, function(){
rlm@46 4331 this.clearOpacity();
rlm@46 4332 (function(){
rlm@46 4333 this.fxanim({
rlm@46 4334 height:{to:1},
rlm@46 4335 points:{by:[0, this.getHeight() * .5]}
rlm@46 4336 }, o, 'motion', 0.3, 'easeIn', after);
rlm@46 4337 }).defer(100, this);
rlm@46 4338 });
rlm@46 4339 });
rlm@46 4340 return this;
rlm@46 4341 },
rlm@46 4342
rlm@46 4343
rlm@46 4344 highlight : function(color, o){
rlm@46 4345 var el = this.getFxEl();
rlm@46 4346 o = o || {};
rlm@46 4347
rlm@46 4348 el.queueFx(o, function(){
rlm@46 4349 color = color || "ffff9c";
rlm@46 4350 var attr = o.attr || "backgroundColor";
rlm@46 4351
rlm@46 4352 this.clearOpacity();
rlm@46 4353 this.show();
rlm@46 4354
rlm@46 4355 var origColor = this.getColor(attr);
rlm@46 4356 var restoreColor = this.dom.style[attr];
rlm@46 4357 var endColor = (o.endColor || origColor) || "ffffff";
rlm@46 4358
rlm@46 4359 var after = function(){
rlm@46 4360 el.dom.style[attr] = restoreColor;
rlm@46 4361 el.afterFx(o);
rlm@46 4362 };
rlm@46 4363
rlm@46 4364 var a = {};
rlm@46 4365 a[attr] = {from: color, to: endColor};
rlm@46 4366 arguments.callee.anim = this.fxanim(a,
rlm@46 4367 o,
rlm@46 4368 'color',
rlm@46 4369 1,
rlm@46 4370 'easeIn', after);
rlm@46 4371 });
rlm@46 4372 return this;
rlm@46 4373 },
rlm@46 4374
rlm@46 4375
rlm@46 4376 frame : function(color, count, o){
rlm@46 4377 var el = this.getFxEl();
rlm@46 4378 o = o || {};
rlm@46 4379
rlm@46 4380 el.queueFx(o, function(){
rlm@46 4381 color = color || "#C3DAF9";
rlm@46 4382 if(color.length == 6){
rlm@46 4383 color = "#" + color;
rlm@46 4384 }
rlm@46 4385 count = count || 1;
rlm@46 4386 var duration = o.duration || 1;
rlm@46 4387 this.show();
rlm@46 4388
rlm@46 4389 var b = this.getBox();
rlm@46 4390 var animFn = function(){
rlm@46 4391 var proxy = Ext.getBody().createChild({
rlm@46 4392 style:{
rlm@46 4393 visbility:"hidden",
rlm@46 4394 position:"absolute",
rlm@46 4395 "z-index":"35000", border:"0px solid " + color
rlm@46 4396 }
rlm@46 4397 });
rlm@46 4398 var scale = Ext.isBorderBox ? 2 : 1;
rlm@46 4399 proxy.animate({
rlm@46 4400 top:{from:b.y, to:b.y - 20},
rlm@46 4401 left:{from:b.x, to:b.x - 20},
rlm@46 4402 borderWidth:{from:0, to:10},
rlm@46 4403 opacity:{from:1, to:0},
rlm@46 4404 height:{from:b.height, to:(b.height + (20*scale))},
rlm@46 4405 width:{from:b.width, to:(b.width + (20*scale))}
rlm@46 4406 }, duration, function(){
rlm@46 4407 proxy.remove();
rlm@46 4408 if(--count > 0){
rlm@46 4409 animFn();
rlm@46 4410 }else{
rlm@46 4411 el.afterFx(o);
rlm@46 4412 }
rlm@46 4413 });
rlm@46 4414 };
rlm@46 4415 animFn.call(this);
rlm@46 4416 });
rlm@46 4417 return this;
rlm@46 4418 },
rlm@46 4419
rlm@46 4420
rlm@46 4421 pause : function(seconds){
rlm@46 4422 var el = this.getFxEl();
rlm@46 4423 var o = {};
rlm@46 4424
rlm@46 4425 el.queueFx(o, function(){
rlm@46 4426 setTimeout(function(){
rlm@46 4427 el.afterFx(o);
rlm@46 4428 }, seconds * 1000);
rlm@46 4429 });
rlm@46 4430 return this;
rlm@46 4431 },
rlm@46 4432
rlm@46 4433
rlm@46 4434 fadeIn : function(o){
rlm@46 4435 var el = this.getFxEl();
rlm@46 4436 o = o || {};
rlm@46 4437 el.queueFx(o, function(){
rlm@46 4438 this.setOpacity(0);
rlm@46 4439 this.fixDisplay();
rlm@46 4440 this.dom.style.visibility = 'visible';
rlm@46 4441 var to = o.endOpacity || 1;
rlm@46 4442 arguments.callee.anim = this.fxanim({opacity:{to:to}},
rlm@46 4443 o, null, .5, "easeOut", function(){
rlm@46 4444 if(to == 1){
rlm@46 4445 this.clearOpacity();
rlm@46 4446 }
rlm@46 4447 el.afterFx(o);
rlm@46 4448 });
rlm@46 4449 });
rlm@46 4450 return this;
rlm@46 4451 },
rlm@46 4452
rlm@46 4453
rlm@46 4454 fadeOut : function(o){
rlm@46 4455 var el = this.getFxEl();
rlm@46 4456 o = o || {};
rlm@46 4457 el.queueFx(o, function(){
rlm@46 4458 arguments.callee.anim = this.fxanim({opacity:{to:o.endOpacity || 0}},
rlm@46 4459 o, null, .5, "easeOut", function(){
rlm@46 4460 if(this.visibilityMode == Ext.Element.DISPLAY || o.useDisplay){
rlm@46 4461 this.dom.style.display = "none";
rlm@46 4462 }else{
rlm@46 4463 this.dom.style.visibility = "hidden";
rlm@46 4464 }
rlm@46 4465 this.clearOpacity();
rlm@46 4466 el.afterFx(o);
rlm@46 4467 });
rlm@46 4468 });
rlm@46 4469 return this;
rlm@46 4470 },
rlm@46 4471
rlm@46 4472
rlm@46 4473 scale : function(w, h, o){
rlm@46 4474 this.shift(Ext.apply({}, o, {
rlm@46 4475 width: w,
rlm@46 4476 height: h
rlm@46 4477 }));
rlm@46 4478 return this;
rlm@46 4479 },
rlm@46 4480
rlm@46 4481
rlm@46 4482 shift : function(o){
rlm@46 4483 var el = this.getFxEl();
rlm@46 4484 o = o || {};
rlm@46 4485 el.queueFx(o, function(){
rlm@46 4486 var a = {}, w = o.width, h = o.height, x = o.x, y = o.y, op = o.opacity;
rlm@46 4487 if(w !== undefined){
rlm@46 4488 a.width = {to: this.adjustWidth(w)};
rlm@46 4489 }
rlm@46 4490 if(h !== undefined){
rlm@46 4491 a.height = {to: this.adjustHeight(h)};
rlm@46 4492 }
rlm@46 4493 if(o.left !== undefined){
rlm@46 4494 a.left = {to: o.left};
rlm@46 4495 }
rlm@46 4496 if(o.top !== undefined){
rlm@46 4497 a.top = {to: o.top};
rlm@46 4498 }
rlm@46 4499 if(o.right !== undefined){
rlm@46 4500 a.right = {to: o.right};
rlm@46 4501 }
rlm@46 4502 if(o.bottom !== undefined){
rlm@46 4503 a.bottom = {to: o.bottom};
rlm@46 4504 }
rlm@46 4505 if(x !== undefined || y !== undefined){
rlm@46 4506 a.points = {to: [
rlm@46 4507 x !== undefined ? x : this.getX(),
rlm@46 4508 y !== undefined ? y : this.getY()
rlm@46 4509 ]};
rlm@46 4510 }
rlm@46 4511 if(op !== undefined){
rlm@46 4512 a.opacity = {to: op};
rlm@46 4513 }
rlm@46 4514 if(o.xy !== undefined){
rlm@46 4515 a.points = {to: o.xy};
rlm@46 4516 }
rlm@46 4517 arguments.callee.anim = this.fxanim(a,
rlm@46 4518 o, 'motion', .35, "easeOut", function(){
rlm@46 4519 el.afterFx(o);
rlm@46 4520 });
rlm@46 4521 });
rlm@46 4522 return this;
rlm@46 4523 },
rlm@46 4524
rlm@46 4525
rlm@46 4526 ghost : function(anchor, o){
rlm@46 4527 var el = this.getFxEl();
rlm@46 4528 o = o || {};
rlm@46 4529
rlm@46 4530 el.queueFx(o, function(){
rlm@46 4531 anchor = anchor || "b";
rlm@46 4532
rlm@46 4533 var r = this.getFxRestore();
rlm@46 4534 var w = this.getWidth(),
rlm@46 4535 h = this.getHeight();
rlm@46 4536
rlm@46 4537 var st = this.dom.style;
rlm@46 4538
rlm@46 4539 var after = function(){
rlm@46 4540 if(o.useDisplay){
rlm@46 4541 el.setDisplayed(false);
rlm@46 4542 }else{
rlm@46 4543 el.hide();
rlm@46 4544 }
rlm@46 4545
rlm@46 4546 el.clearOpacity();
rlm@46 4547 el.setPositioning(r.pos);
rlm@46 4548 st.width = r.width;
rlm@46 4549 st.height = r.height;
rlm@46 4550
rlm@46 4551 el.afterFx(o);
rlm@46 4552 };
rlm@46 4553
rlm@46 4554 var a = {opacity: {to: 0}, points: {}}, pt = a.points;
rlm@46 4555 switch(anchor.toLowerCase()){
rlm@46 4556 case "t":
rlm@46 4557 pt.by = [0, -h];
rlm@46 4558 break;
rlm@46 4559 case "l":
rlm@46 4560 pt.by = [-w, 0];
rlm@46 4561 break;
rlm@46 4562 case "r":
rlm@46 4563 pt.by = [w, 0];
rlm@46 4564 break;
rlm@46 4565 case "b":
rlm@46 4566 pt.by = [0, h];
rlm@46 4567 break;
rlm@46 4568 case "tl":
rlm@46 4569 pt.by = [-w, -h];
rlm@46 4570 break;
rlm@46 4571 case "bl":
rlm@46 4572 pt.by = [-w, h];
rlm@46 4573 break;
rlm@46 4574 case "br":
rlm@46 4575 pt.by = [w, h];
rlm@46 4576 break;
rlm@46 4577 case "tr":
rlm@46 4578 pt.by = [w, -h];
rlm@46 4579 break;
rlm@46 4580 }
rlm@46 4581
rlm@46 4582 arguments.callee.anim = this.fxanim(a,
rlm@46 4583 o,
rlm@46 4584 'motion',
rlm@46 4585 .5,
rlm@46 4586 "easeOut", after);
rlm@46 4587 });
rlm@46 4588 return this;
rlm@46 4589 },
rlm@46 4590
rlm@46 4591
rlm@46 4592 syncFx : function(){
rlm@46 4593 this.fxDefaults = Ext.apply(this.fxDefaults || {}, {
rlm@46 4594 block : false,
rlm@46 4595 concurrent : true,
rlm@46 4596 stopFx : false
rlm@46 4597 });
rlm@46 4598 return this;
rlm@46 4599 },
rlm@46 4600
rlm@46 4601
rlm@46 4602 sequenceFx : function(){
rlm@46 4603 this.fxDefaults = Ext.apply(this.fxDefaults || {}, {
rlm@46 4604 block : false,
rlm@46 4605 concurrent : false,
rlm@46 4606 stopFx : false
rlm@46 4607 });
rlm@46 4608 return this;
rlm@46 4609 },
rlm@46 4610
rlm@46 4611
rlm@46 4612 nextFx : function(){
rlm@46 4613 var ef = this.fxQueue[0];
rlm@46 4614 if(ef){
rlm@46 4615 ef.call(this);
rlm@46 4616 }
rlm@46 4617 },
rlm@46 4618
rlm@46 4619
rlm@46 4620 hasActiveFx : function(){
rlm@46 4621 return this.fxQueue && this.fxQueue[0];
rlm@46 4622 },
rlm@46 4623
rlm@46 4624
rlm@46 4625 stopFx : function(){
rlm@46 4626 if(this.hasActiveFx()){
rlm@46 4627 var cur = this.fxQueue[0];
rlm@46 4628 if(cur && cur.anim && cur.anim.isAnimated()){
rlm@46 4629 this.fxQueue = [cur]; cur.anim.stop(true);
rlm@46 4630 }
rlm@46 4631 }
rlm@46 4632 return this;
rlm@46 4633 },
rlm@46 4634
rlm@46 4635
rlm@46 4636 beforeFx : function(o){
rlm@46 4637 if(this.hasActiveFx() && !o.concurrent){
rlm@46 4638 if(o.stopFx){
rlm@46 4639 this.stopFx();
rlm@46 4640 return true;
rlm@46 4641 }
rlm@46 4642 return false;
rlm@46 4643 }
rlm@46 4644 return true;
rlm@46 4645 },
rlm@46 4646
rlm@46 4647
rlm@46 4648 hasFxBlock : function(){
rlm@46 4649 var q = this.fxQueue;
rlm@46 4650 return q && q[0] && q[0].block;
rlm@46 4651 },
rlm@46 4652
rlm@46 4653
rlm@46 4654 queueFx : function(o, fn){
rlm@46 4655 if(!this.fxQueue){
rlm@46 4656 this.fxQueue = [];
rlm@46 4657 }
rlm@46 4658 if(!this.hasFxBlock()){
rlm@46 4659 Ext.applyIf(o, this.fxDefaults);
rlm@46 4660 if(!o.concurrent){
rlm@46 4661 var run = this.beforeFx(o);
rlm@46 4662 fn.block = o.block;
rlm@46 4663 this.fxQueue.push(fn);
rlm@46 4664 if(run){
rlm@46 4665 this.nextFx();
rlm@46 4666 }
rlm@46 4667 }else{
rlm@46 4668 fn.call(this);
rlm@46 4669 }
rlm@46 4670 }
rlm@46 4671 return this;
rlm@46 4672 },
rlm@46 4673
rlm@46 4674
rlm@46 4675 fxWrap : function(pos, o, vis){
rlm@46 4676 var wrap;
rlm@46 4677 if(!o.wrap || !(wrap = Ext.get(o.wrap))){
rlm@46 4678 var wrapXY;
rlm@46 4679 if(o.fixPosition){
rlm@46 4680 wrapXY = this.getXY();
rlm@46 4681 }
rlm@46 4682 var div = document.createElement("div");
rlm@46 4683 div.style.visibility = vis;
rlm@46 4684 wrap = Ext.get(this.dom.parentNode.insertBefore(div, this.dom));
rlm@46 4685 wrap.setPositioning(pos);
rlm@46 4686 if(wrap.getStyle("position") == "static"){
rlm@46 4687 wrap.position("relative");
rlm@46 4688 }
rlm@46 4689 this.clearPositioning('auto');
rlm@46 4690 wrap.clip();
rlm@46 4691 wrap.dom.appendChild(this.dom);
rlm@46 4692 if(wrapXY){
rlm@46 4693 wrap.setXY(wrapXY);
rlm@46 4694 }
rlm@46 4695 }
rlm@46 4696 return wrap;
rlm@46 4697 },
rlm@46 4698
rlm@46 4699
rlm@46 4700 fxUnwrap : function(wrap, pos, o){
rlm@46 4701 this.clearPositioning();
rlm@46 4702 this.setPositioning(pos);
rlm@46 4703 if(!o.wrap){
rlm@46 4704 wrap.dom.parentNode.insertBefore(this.dom, wrap.dom);
rlm@46 4705 wrap.remove();
rlm@46 4706 }
rlm@46 4707 },
rlm@46 4708
rlm@46 4709
rlm@46 4710 getFxRestore : function(){
rlm@46 4711 var st = this.dom.style;
rlm@46 4712 return {pos: this.getPositioning(), width: st.width, height : st.height};
rlm@46 4713 },
rlm@46 4714
rlm@46 4715
rlm@46 4716 afterFx : function(o){
rlm@46 4717 if(o.afterStyle){
rlm@46 4718 this.applyStyles(o.afterStyle);
rlm@46 4719 }
rlm@46 4720 if(o.afterCls){
rlm@46 4721 this.addClass(o.afterCls);
rlm@46 4722 }
rlm@46 4723 if(o.remove === true){
rlm@46 4724 this.remove();
rlm@46 4725 }
rlm@46 4726 Ext.callback(o.callback, o.scope, [this]);
rlm@46 4727 if(!o.concurrent){
rlm@46 4728 this.fxQueue.shift();
rlm@46 4729 this.nextFx();
rlm@46 4730 }
rlm@46 4731 },
rlm@46 4732
rlm@46 4733
rlm@46 4734 getFxEl : function(){ return Ext.get(this.dom);
rlm@46 4735 },
rlm@46 4736
rlm@46 4737
rlm@46 4738 fxanim : function(args, opt, animType, defaultDur, defaultEase, cb){
rlm@46 4739 animType = animType || 'run';
rlm@46 4740 opt = opt || {};
rlm@46 4741 var anim = Ext.lib.Anim[animType](
rlm@46 4742 this.dom, args,
rlm@46 4743 (opt.duration || defaultDur) || .35,
rlm@46 4744 (opt.easing || defaultEase) || 'easeOut',
rlm@46 4745 function(){
rlm@46 4746 Ext.callback(cb, this);
rlm@46 4747 },
rlm@46 4748 this
rlm@46 4749 );
rlm@46 4750 opt.anim = anim;
rlm@46 4751 return anim;
rlm@46 4752 }
rlm@46 4753 };
rlm@46 4754
rlm@46 4755 Ext.Fx.resize = Ext.Fx.scale;
rlm@46 4756
rlm@46 4757 Ext.apply(Ext.Element.prototype, Ext.Fx);
rlm@46 4758
rlm@46 4759
rlm@46 4760 Ext.CompositeElement = function(els){
rlm@46 4761 this.elements = [];
rlm@46 4762 this.addElements(els);
rlm@46 4763 };
rlm@46 4764 Ext.CompositeElement.prototype = {
rlm@46 4765 isComposite: true,
rlm@46 4766 addElements : function(els){
rlm@46 4767 if(!els) return this;
rlm@46 4768 if(typeof els == "string"){
rlm@46 4769 els = Ext.Element.selectorFunction(els);
rlm@46 4770 }
rlm@46 4771 var yels = this.elements;
rlm@46 4772 var index = yels.length-1;
rlm@46 4773 for(var i = 0, len = els.length; i < len; i++) {
rlm@46 4774 yels[++index] = Ext.get(els[i]);
rlm@46 4775 }
rlm@46 4776 return this;
rlm@46 4777 },
rlm@46 4778
rlm@46 4779
rlm@46 4780 fill : function(els){
rlm@46 4781 this.elements = [];
rlm@46 4782 this.add(els);
rlm@46 4783 return this;
rlm@46 4784 },
rlm@46 4785
rlm@46 4786
rlm@46 4787 filter : function(selector){
rlm@46 4788 var els = [];
rlm@46 4789 this.each(function(el){
rlm@46 4790 if(el.is(selector)){
rlm@46 4791 els[els.length] = el.dom;
rlm@46 4792 }
rlm@46 4793 });
rlm@46 4794 this.fill(els);
rlm@46 4795 return this;
rlm@46 4796 },
rlm@46 4797
rlm@46 4798 invoke : function(fn, args){
rlm@46 4799 var els = this.elements;
rlm@46 4800 for(var i = 0, len = els.length; i < len; i++) {
rlm@46 4801 Ext.Element.prototype[fn].apply(els[i], args);
rlm@46 4802 }
rlm@46 4803 return this;
rlm@46 4804 },
rlm@46 4805
rlm@46 4806 add : function(els){
rlm@46 4807 if(typeof els == "string"){
rlm@46 4808 this.addElements(Ext.Element.selectorFunction(els));
rlm@46 4809 }else if(els.length !== undefined){
rlm@46 4810 this.addElements(els);
rlm@46 4811 }else{
rlm@46 4812 this.addElements([els]);
rlm@46 4813 }
rlm@46 4814 return this;
rlm@46 4815 },
rlm@46 4816
rlm@46 4817 each : function(fn, scope){
rlm@46 4818 var els = this.elements;
rlm@46 4819 for(var i = 0, len = els.length; i < len; i++){
rlm@46 4820 if(fn.call(scope || els[i], els[i], this, i) === false) {
rlm@46 4821 break;
rlm@46 4822 }
rlm@46 4823 }
rlm@46 4824 return this;
rlm@46 4825 },
rlm@46 4826
rlm@46 4827
rlm@46 4828 item : function(index){
rlm@46 4829 return this.elements[index] || null;
rlm@46 4830 },
rlm@46 4831
rlm@46 4832
rlm@46 4833 first : function(){
rlm@46 4834 return this.item(0);
rlm@46 4835 },
rlm@46 4836
rlm@46 4837
rlm@46 4838 last : function(){
rlm@46 4839 return this.item(this.elements.length-1);
rlm@46 4840 },
rlm@46 4841
rlm@46 4842
rlm@46 4843 getCount : function(){
rlm@46 4844 return this.elements.length;
rlm@46 4845 },
rlm@46 4846
rlm@46 4847
rlm@46 4848 contains : function(el){
rlm@46 4849 return this.indexOf(el) !== -1;
rlm@46 4850 },
rlm@46 4851
rlm@46 4852
rlm@46 4853 indexOf : function(el){
rlm@46 4854 return this.elements.indexOf(Ext.get(el));
rlm@46 4855 },
rlm@46 4856
rlm@46 4857
rlm@46 4858
rlm@46 4859 removeElement : function(el, removeDom){
rlm@46 4860 if(Ext.isArray(el)){
rlm@46 4861 for(var i = 0, len = el.length; i < len; i++){
rlm@46 4862 this.removeElement(el[i]);
rlm@46 4863 }
rlm@46 4864 return this;
rlm@46 4865 }
rlm@46 4866 var index = typeof el == 'number' ? el : this.indexOf(el);
rlm@46 4867 if(index !== -1 && this.elements[index]){
rlm@46 4868 if(removeDom){
rlm@46 4869 var d = this.elements[index];
rlm@46 4870 if(d.dom){
rlm@46 4871 d.remove();
rlm@46 4872 }else{
rlm@46 4873 Ext.removeNode(d);
rlm@46 4874 }
rlm@46 4875 }
rlm@46 4876 this.elements.splice(index, 1);
rlm@46 4877 }
rlm@46 4878 return this;
rlm@46 4879 },
rlm@46 4880
rlm@46 4881
rlm@46 4882 replaceElement : function(el, replacement, domReplace){
rlm@46 4883 var index = typeof el == 'number' ? el : this.indexOf(el);
rlm@46 4884 if(index !== -1){
rlm@46 4885 if(domReplace){
rlm@46 4886 this.elements[index].replaceWith(replacement);
rlm@46 4887 }else{
rlm@46 4888 this.elements.splice(index, 1, Ext.get(replacement))
rlm@46 4889 }
rlm@46 4890 }
rlm@46 4891 return this;
rlm@46 4892 },
rlm@46 4893
rlm@46 4894
rlm@46 4895 clear : function(){
rlm@46 4896 this.elements = [];
rlm@46 4897 }
rlm@46 4898 };
rlm@46 4899 (function(){
rlm@46 4900 Ext.CompositeElement.createCall = function(proto, fnName){
rlm@46 4901 if(!proto[fnName]){
rlm@46 4902 proto[fnName] = function(){
rlm@46 4903 return this.invoke(fnName, arguments);
rlm@46 4904 };
rlm@46 4905 }
rlm@46 4906 };
rlm@46 4907 for(var fnName in Ext.Element.prototype){
rlm@46 4908 if(typeof Ext.Element.prototype[fnName] == "function"){
rlm@46 4909 Ext.CompositeElement.createCall(Ext.CompositeElement.prototype, fnName);
rlm@46 4910 }
rlm@46 4911 };
rlm@46 4912 })();
rlm@46 4913
rlm@46 4914
rlm@46 4915 Ext.CompositeElementLite = function(els){
rlm@46 4916 Ext.CompositeElementLite.superclass.constructor.call(this, els);
rlm@46 4917 this.el = new Ext.Element.Flyweight();
rlm@46 4918 };
rlm@46 4919 Ext.extend(Ext.CompositeElementLite, Ext.CompositeElement, {
rlm@46 4920 addElements : function(els){
rlm@46 4921 if(els){
rlm@46 4922 if(Ext.isArray(els)){
rlm@46 4923 this.elements = this.elements.concat(els);
rlm@46 4924 }else{
rlm@46 4925 var yels = this.elements;
rlm@46 4926 var index = yels.length-1;
rlm@46 4927 for(var i = 0, len = els.length; i < len; i++) {
rlm@46 4928 yels[++index] = els[i];
rlm@46 4929 }
rlm@46 4930 }
rlm@46 4931 }
rlm@46 4932 return this;
rlm@46 4933 },
rlm@46 4934 invoke : function(fn, args){
rlm@46 4935 var els = this.elements;
rlm@46 4936 var el = this.el;
rlm@46 4937 for(var i = 0, len = els.length; i < len; i++) {
rlm@46 4938 el.dom = els[i];
rlm@46 4939 Ext.Element.prototype[fn].apply(el, args);
rlm@46 4940 }
rlm@46 4941 return this;
rlm@46 4942 },
rlm@46 4943
rlm@46 4944 item : function(index){
rlm@46 4945 if(!this.elements[index]){
rlm@46 4946 return null;
rlm@46 4947 }
rlm@46 4948 this.el.dom = this.elements[index];
rlm@46 4949 return this.el;
rlm@46 4950 },
rlm@46 4951
rlm@46 4952
rlm@46 4953 addListener : function(eventName, handler, scope, opt){
rlm@46 4954 var els = this.elements;
rlm@46 4955 for(var i = 0, len = els.length; i < len; i++) {
rlm@46 4956 Ext.EventManager.on(els[i], eventName, handler, scope || els[i], opt);
rlm@46 4957 }
rlm@46 4958 return this;
rlm@46 4959 },
rlm@46 4960
rlm@46 4961
rlm@46 4962 each : function(fn, scope){
rlm@46 4963 var els = this.elements;
rlm@46 4964 var el = this.el;
rlm@46 4965 for(var i = 0, len = els.length; i < len; i++){
rlm@46 4966 el.dom = els[i];
rlm@46 4967 if(fn.call(scope || el, el, this, i) === false){
rlm@46 4968 break;
rlm@46 4969 }
rlm@46 4970 }
rlm@46 4971 return this;
rlm@46 4972 },
rlm@46 4973
rlm@46 4974 indexOf : function(el){
rlm@46 4975 return this.elements.indexOf(Ext.getDom(el));
rlm@46 4976 },
rlm@46 4977
rlm@46 4978 replaceElement : function(el, replacement, domReplace){
rlm@46 4979 var index = typeof el == 'number' ? el : this.indexOf(el);
rlm@46 4980 if(index !== -1){
rlm@46 4981 replacement = Ext.getDom(replacement);
rlm@46 4982 if(domReplace){
rlm@46 4983 var d = this.elements[index];
rlm@46 4984 d.parentNode.insertBefore(replacement, d);
rlm@46 4985 Ext.removeNode(d);
rlm@46 4986 }
rlm@46 4987 this.elements.splice(index, 1, replacement);
rlm@46 4988 }
rlm@46 4989 return this;
rlm@46 4990 }
rlm@46 4991 });
rlm@46 4992 Ext.CompositeElementLite.prototype.on = Ext.CompositeElementLite.prototype.addListener;
rlm@46 4993 if(Ext.DomQuery){
rlm@46 4994 Ext.Element.selectorFunction = Ext.DomQuery.select;
rlm@46 4995 }
rlm@46 4996
rlm@46 4997 Ext.Element.select = function(selector, unique, root){
rlm@46 4998 var els;
rlm@46 4999 if(typeof selector == "string"){
rlm@46 5000 els = Ext.Element.selectorFunction(selector, root);
rlm@46 5001 }else if(selector.length !== undefined){
rlm@46 5002 els = selector;
rlm@46 5003 }else{
rlm@46 5004 throw "Invalid selector";
rlm@46 5005 }
rlm@46 5006 if(unique === true){
rlm@46 5007 return new Ext.CompositeElement(els);
rlm@46 5008 }else{
rlm@46 5009 return new Ext.CompositeElementLite(els);
rlm@46 5010 }
rlm@46 5011 };
rlm@46 5012
rlm@46 5013 Ext.select = Ext.Element.select;
rlm@46 5014
rlm@46 5015 Ext.data.Connection = function(config){
rlm@46 5016 Ext.apply(this, config);
rlm@46 5017 this.addEvents(
rlm@46 5018
rlm@46 5019 "beforerequest",
rlm@46 5020
rlm@46 5021 "requestcomplete",
rlm@46 5022
rlm@46 5023 "requestexception"
rlm@46 5024 );
rlm@46 5025 Ext.data.Connection.superclass.constructor.call(this);
rlm@46 5026 };
rlm@46 5027
rlm@46 5028 Ext.extend(Ext.data.Connection, Ext.util.Observable, {
rlm@46 5029
rlm@46 5030
rlm@46 5031
rlm@46 5032
rlm@46 5033
rlm@46 5034 timeout : 30000,
rlm@46 5035
rlm@46 5036 autoAbort:false,
rlm@46 5037
rlm@46 5038
rlm@46 5039 disableCaching: true,
rlm@46 5040
rlm@46 5041
rlm@46 5042 request : function(o){
rlm@46 5043 if(this.fireEvent("beforerequest", this, o) !== false){
rlm@46 5044 var p = o.params;
rlm@46 5045
rlm@46 5046 if(typeof p == "function"){
rlm@46 5047 p = p.call(o.scope||window, o);
rlm@46 5048 }
rlm@46 5049 if(typeof p == "object"){
rlm@46 5050 p = Ext.urlEncode(p);
rlm@46 5051 }
rlm@46 5052 if(this.extraParams){
rlm@46 5053 var extras = Ext.urlEncode(this.extraParams);
rlm@46 5054 p = p ? (p + '&' + extras) : extras;
rlm@46 5055 }
rlm@46 5056
rlm@46 5057 var url = o.url || this.url;
rlm@46 5058 if(typeof url == 'function'){
rlm@46 5059 url = url.call(o.scope||window, o);
rlm@46 5060 }
rlm@46 5061
rlm@46 5062 if(o.form){
rlm@46 5063 var form = Ext.getDom(o.form);
rlm@46 5064 url = url || form.action;
rlm@46 5065
rlm@46 5066 var enctype = form.getAttribute("enctype");
rlm@46 5067 if(o.isUpload || (enctype && enctype.toLowerCase() == 'multipart/form-data')){
rlm@46 5068 return this.doFormUpload(o, p, url);
rlm@46 5069 }
rlm@46 5070 var f = Ext.lib.Ajax.serializeForm(form);
rlm@46 5071 p = p ? (p + '&' + f) : f;
rlm@46 5072 }
rlm@46 5073
rlm@46 5074 var hs = o.headers;
rlm@46 5075 if(this.defaultHeaders){
rlm@46 5076 hs = Ext.apply(hs || {}, this.defaultHeaders);
rlm@46 5077 if(!o.headers){
rlm@46 5078 o.headers = hs;
rlm@46 5079 }
rlm@46 5080 }
rlm@46 5081
rlm@46 5082 var cb = {
rlm@46 5083 success: this.handleResponse,
rlm@46 5084 failure: this.handleFailure,
rlm@46 5085 scope: this,
rlm@46 5086 argument: {options: o},
rlm@46 5087 timeout : o.timeout || this.timeout
rlm@46 5088 };
rlm@46 5089
rlm@46 5090 var method = o.method||this.method||(p ? "POST" : "GET");
rlm@46 5091
rlm@46 5092 if(method == 'GET' && (this.disableCaching && o.disableCaching !== false) || o.disableCaching === true){
rlm@46 5093 url += (url.indexOf('?') != -1 ? '&' : '?') + '_dc=' + (new Date().getTime());
rlm@46 5094 }
rlm@46 5095
rlm@46 5096 if(typeof o.autoAbort == 'boolean'){ if(o.autoAbort){
rlm@46 5097 this.abort();
rlm@46 5098 }
rlm@46 5099 }else if(this.autoAbort !== false){
rlm@46 5100 this.abort();
rlm@46 5101 }
rlm@46 5102 if((method == 'GET' || o.xmlData || o.jsonData) && p){
rlm@46 5103 url += (url.indexOf('?') != -1 ? '&' : '?') + p;
rlm@46 5104 p = '';
rlm@46 5105 }
rlm@46 5106 this.transId = Ext.lib.Ajax.request(method, url, cb, p, o);
rlm@46 5107 return this.transId;
rlm@46 5108 }else{
rlm@46 5109 Ext.callback(o.callback, o.scope, [o, null, null]);
rlm@46 5110 return null;
rlm@46 5111 }
rlm@46 5112 },
rlm@46 5113
rlm@46 5114
rlm@46 5115 isLoading : function(transId){
rlm@46 5116 if(transId){
rlm@46 5117 return Ext.lib.Ajax.isCallInProgress(transId);
rlm@46 5118 }else{
rlm@46 5119 return this.transId ? true : false;
rlm@46 5120 }
rlm@46 5121 },
rlm@46 5122
rlm@46 5123
rlm@46 5124 abort : function(transId){
rlm@46 5125 if(transId || this.isLoading()){
rlm@46 5126 Ext.lib.Ajax.abort(transId || this.transId);
rlm@46 5127 }
rlm@46 5128 },
rlm@46 5129
rlm@46 5130 handleResponse : function(response){
rlm@46 5131 this.transId = false;
rlm@46 5132 var options = response.argument.options;
rlm@46 5133 response.argument = options ? options.argument : null;
rlm@46 5134 this.fireEvent("requestcomplete", this, response, options);
rlm@46 5135 Ext.callback(options.success, options.scope, [response, options]);
rlm@46 5136 Ext.callback(options.callback, options.scope, [options, true, response]);
rlm@46 5137 },
rlm@46 5138
rlm@46 5139 handleFailure : function(response, e){
rlm@46 5140 this.transId = false;
rlm@46 5141 var options = response.argument.options;
rlm@46 5142 response.argument = options ? options.argument : null;
rlm@46 5143 this.fireEvent("requestexception", this, response, options, e);
rlm@46 5144 Ext.callback(options.failure, options.scope, [response, options]);
rlm@46 5145 Ext.callback(options.callback, options.scope, [options, false, response]);
rlm@46 5146 },
rlm@46 5147
rlm@46 5148 doFormUpload : function(o, ps, url){
rlm@46 5149 var id = Ext.id();
rlm@46 5150 var frame = document.createElement('iframe');
rlm@46 5151 frame.id = id;
rlm@46 5152 frame.name = id;
rlm@46 5153 frame.className = 'x-hidden';
rlm@46 5154 if(Ext.isIE){
rlm@46 5155 frame.src = Ext.SSL_SECURE_URL;
rlm@46 5156 }
rlm@46 5157 document.body.appendChild(frame);
rlm@46 5158
rlm@46 5159 if(Ext.isIE){
rlm@46 5160 document.frames[id].name = id;
rlm@46 5161 }
rlm@46 5162
rlm@46 5163 var form = Ext.getDom(o.form);
rlm@46 5164 form.target = id;
rlm@46 5165 form.method = 'POST';
rlm@46 5166 form.enctype = form.encoding = 'multipart/form-data';
rlm@46 5167 if(url){
rlm@46 5168 form.action = url;
rlm@46 5169 }
rlm@46 5170
rlm@46 5171 var hiddens, hd;
rlm@46 5172 if(ps){ hiddens = [];
rlm@46 5173 ps = Ext.urlDecode(ps, false);
rlm@46 5174 for(var k in ps){
rlm@46 5175 if(ps.hasOwnProperty(k)){
rlm@46 5176 hd = document.createElement('input');
rlm@46 5177 hd.type = 'hidden';
rlm@46 5178 hd.name = k;
rlm@46 5179 hd.value = ps[k];
rlm@46 5180 form.appendChild(hd);
rlm@46 5181 hiddens.push(hd);
rlm@46 5182 }
rlm@46 5183 }
rlm@46 5184 }
rlm@46 5185
rlm@46 5186 function cb(){
rlm@46 5187 var r = { responseText : '',
rlm@46 5188 responseXML : null
rlm@46 5189 };
rlm@46 5190
rlm@46 5191 r.argument = o ? o.argument : null;
rlm@46 5192
rlm@46 5193 try { var doc;
rlm@46 5194 if(Ext.isIE){
rlm@46 5195 doc = frame.contentWindow.document;
rlm@46 5196 }else {
rlm@46 5197 doc = (frame.contentDocument || window.frames[id].document);
rlm@46 5198 }
rlm@46 5199 if(doc && doc.body){
rlm@46 5200 r.responseText = doc.body.innerHTML;
rlm@46 5201 }
rlm@46 5202 if(doc && doc.XMLDocument){
rlm@46 5203 r.responseXML = doc.XMLDocument;
rlm@46 5204 }else {
rlm@46 5205 r.responseXML = doc;
rlm@46 5206 }
rlm@46 5207 }
rlm@46 5208 catch(e) {
rlm@46 5209 }
rlm@46 5210
rlm@46 5211 Ext.EventManager.removeListener(frame, 'load', cb, this);
rlm@46 5212
rlm@46 5213 this.fireEvent("requestcomplete", this, r, o);
rlm@46 5214
rlm@46 5215 Ext.callback(o.success, o.scope, [r, o]);
rlm@46 5216 Ext.callback(o.callback, o.scope, [o, true, r]);
rlm@46 5217
rlm@46 5218 setTimeout(function(){Ext.removeNode(frame);}, 100);
rlm@46 5219 }
rlm@46 5220
rlm@46 5221 Ext.EventManager.on(frame, 'load', cb, this);
rlm@46 5222 form.submit();
rlm@46 5223
rlm@46 5224 if(hiddens){ for(var i = 0, len = hiddens.length; i < len; i++){
rlm@46 5225 Ext.removeNode(hiddens[i]);
rlm@46 5226 }
rlm@46 5227 }
rlm@46 5228 }
rlm@46 5229 });
rlm@46 5230
rlm@46 5231
rlm@46 5232 Ext.Ajax = new Ext.data.Connection({
rlm@46 5233
rlm@46 5234
rlm@46 5235
rlm@46 5236
rlm@46 5237
rlm@46 5238
rlm@46 5239
rlm@46 5240
rlm@46 5241
rlm@46 5242
rlm@46 5243
rlm@46 5244
rlm@46 5245
rlm@46 5246
rlm@46 5247
rlm@46 5248
rlm@46 5249
rlm@46 5250 autoAbort : false,
rlm@46 5251
rlm@46 5252
rlm@46 5253 serializeForm : function(form){
rlm@46 5254 return Ext.lib.Ajax.serializeForm(form);
rlm@46 5255 }
rlm@46 5256 });
rlm@46 5257
rlm@46 5258 Ext.Updater = function(el, forceNew){
rlm@46 5259 el = Ext.get(el);
rlm@46 5260 if(!forceNew && el.updateManager){
rlm@46 5261 return el.updateManager;
rlm@46 5262 }
rlm@46 5263
rlm@46 5264 this.el = el;
rlm@46 5265
rlm@46 5266 this.defaultUrl = null;
rlm@46 5267
rlm@46 5268 this.addEvents(
rlm@46 5269
rlm@46 5270 "beforeupdate",
rlm@46 5271
rlm@46 5272 "update",
rlm@46 5273
rlm@46 5274 "failure"
rlm@46 5275 );
rlm@46 5276 var d = Ext.Updater.defaults;
rlm@46 5277
rlm@46 5278 this.sslBlankUrl = d.sslBlankUrl;
rlm@46 5279
rlm@46 5280 this.disableCaching = d.disableCaching;
rlm@46 5281
rlm@46 5282 this.indicatorText = d.indicatorText;
rlm@46 5283
rlm@46 5284 this.showLoadIndicator = d.showLoadIndicator;
rlm@46 5285
rlm@46 5286 this.timeout = d.timeout;
rlm@46 5287
rlm@46 5288 this.loadScripts = d.loadScripts;
rlm@46 5289
rlm@46 5290 this.transaction = null;
rlm@46 5291
rlm@46 5292 this.refreshDelegate = this.refresh.createDelegate(this);
rlm@46 5293
rlm@46 5294 this.updateDelegate = this.update.createDelegate(this);
rlm@46 5295
rlm@46 5296 this.formUpdateDelegate = this.formUpdate.createDelegate(this);
rlm@46 5297
rlm@46 5298 if(!this.renderer){
rlm@46 5299
rlm@46 5300 this.renderer = new Ext.Updater.BasicRenderer();
rlm@46 5301 }
rlm@46 5302 Ext.Updater.superclass.constructor.call(this);
rlm@46 5303 };
rlm@46 5304
rlm@46 5305 Ext.extend(Ext.Updater, Ext.util.Observable, {
rlm@46 5306
rlm@46 5307 getEl : function(){
rlm@46 5308 return this.el;
rlm@46 5309 },
rlm@46 5310
rlm@46 5311
rlm@46 5312 update : function(url, params, callback, discardUrl){
rlm@46 5313 if(this.fireEvent("beforeupdate", this.el, url, params) !== false){
rlm@46 5314 var cfg, callerScope;
rlm@46 5315 if(typeof url == "object"){
rlm@46 5316 cfg = url;
rlm@46 5317 url = cfg.url;
rlm@46 5318 params = params || cfg.params;
rlm@46 5319 callback = callback || cfg.callback;
rlm@46 5320 discardUrl = discardUrl || cfg.discardUrl;
rlm@46 5321 callerScope = cfg.scope;
rlm@46 5322 if(typeof cfg.nocache != "undefined"){this.disableCaching = cfg.nocache;};
rlm@46 5323 if(typeof cfg.text != "undefined"){this.indicatorText = '<div class="loading-indicator">'+cfg.text+"</div>";};
rlm@46 5324 if(typeof cfg.scripts != "undefined"){this.loadScripts = cfg.scripts;};
rlm@46 5325 if(typeof cfg.timeout != "undefined"){this.timeout = cfg.timeout;};
rlm@46 5326 }
rlm@46 5327 this.showLoading();
rlm@46 5328
rlm@46 5329 if(!discardUrl){
rlm@46 5330 this.defaultUrl = url;
rlm@46 5331 }
rlm@46 5332 if(typeof url == "function"){
rlm@46 5333 url = url.call(this);
rlm@46 5334 }
rlm@46 5335
rlm@46 5336 var o = Ext.apply(cfg ||{}, {
rlm@46 5337 url : url,
rlm@46 5338 params: (typeof params == "function" && callerScope) ? params.createDelegate(callerScope) : params,
rlm@46 5339 success: this.processSuccess,
rlm@46 5340 failure: this.processFailure,
rlm@46 5341 scope: this,
rlm@46 5342 callback: undefined,
rlm@46 5343 timeout: (this.timeout*1000),
rlm@46 5344 disableCaching: this.disableCaching,
rlm@46 5345 argument: {
rlm@46 5346 "options": cfg,
rlm@46 5347 "url": url,
rlm@46 5348 "form": null,
rlm@46 5349 "callback": callback,
rlm@46 5350 "scope": callerScope || window,
rlm@46 5351 "params": params
rlm@46 5352 }
rlm@46 5353 });
rlm@46 5354
rlm@46 5355 this.transaction = Ext.Ajax.request(o);
rlm@46 5356 }
rlm@46 5357 },
rlm@46 5358
rlm@46 5359
rlm@46 5360 formUpdate : function(form, url, reset, callback){
rlm@46 5361 if(this.fireEvent("beforeupdate", this.el, form, url) !== false){
rlm@46 5362 if(typeof url == "function"){
rlm@46 5363 url = url.call(this);
rlm@46 5364 }
rlm@46 5365 form = Ext.getDom(form)
rlm@46 5366 this.transaction = Ext.Ajax.request({
rlm@46 5367 form: form,
rlm@46 5368 url:url,
rlm@46 5369 success: this.processSuccess,
rlm@46 5370 failure: this.processFailure,
rlm@46 5371 scope: this,
rlm@46 5372 timeout: (this.timeout*1000),
rlm@46 5373 argument: {
rlm@46 5374 "url": url,
rlm@46 5375 "form": form,
rlm@46 5376 "callback": callback,
rlm@46 5377 "reset": reset
rlm@46 5378 }
rlm@46 5379 });
rlm@46 5380 this.showLoading.defer(1, this);
rlm@46 5381 }
rlm@46 5382 },
rlm@46 5383
rlm@46 5384
rlm@46 5385 refresh : function(callback){
rlm@46 5386 if(this.defaultUrl == null){
rlm@46 5387 return;
rlm@46 5388 }
rlm@46 5389 this.update(this.defaultUrl, null, callback, true);
rlm@46 5390 },
rlm@46 5391
rlm@46 5392
rlm@46 5393 startAutoRefresh : function(interval, url, params, callback, refreshNow){
rlm@46 5394 if(refreshNow){
rlm@46 5395 this.update(url || this.defaultUrl, params, callback, true);
rlm@46 5396 }
rlm@46 5397 if(this.autoRefreshProcId){
rlm@46 5398 clearInterval(this.autoRefreshProcId);
rlm@46 5399 }
rlm@46 5400 this.autoRefreshProcId = setInterval(this.update.createDelegate(this, [url || this.defaultUrl, params, callback, true]), interval*1000);
rlm@46 5401 },
rlm@46 5402
rlm@46 5403
rlm@46 5404 stopAutoRefresh : function(){
rlm@46 5405 if(this.autoRefreshProcId){
rlm@46 5406 clearInterval(this.autoRefreshProcId);
rlm@46 5407 delete this.autoRefreshProcId;
rlm@46 5408 }
rlm@46 5409 },
rlm@46 5410
rlm@46 5411
rlm@46 5412 isAutoRefreshing : function(){
rlm@46 5413 return this.autoRefreshProcId ? true : false;
rlm@46 5414 },
rlm@46 5415
rlm@46 5416
rlm@46 5417 showLoading : function(){
rlm@46 5418 if(this.showLoadIndicator){
rlm@46 5419 this.el.update(this.indicatorText);
rlm@46 5420 }
rlm@46 5421 },
rlm@46 5422
rlm@46 5423
rlm@46 5424 processSuccess : function(response){
rlm@46 5425 this.transaction = null;
rlm@46 5426 if(response.argument.form && response.argument.reset){
rlm@46 5427 try{
rlm@46 5428 response.argument.form.reset();
rlm@46 5429 }catch(e){}
rlm@46 5430 }
rlm@46 5431 if(this.loadScripts){
rlm@46 5432 this.renderer.render(this.el, response, this,
rlm@46 5433 this.updateComplete.createDelegate(this, [response]));
rlm@46 5434 }else{
rlm@46 5435 this.renderer.render(this.el, response, this);
rlm@46 5436 this.updateComplete(response);
rlm@46 5437 }
rlm@46 5438 },
rlm@46 5439
rlm@46 5440
rlm@46 5441 updateComplete : function(response){
rlm@46 5442 this.fireEvent("update", this.el, response);
rlm@46 5443 if(typeof response.argument.callback == "function"){
rlm@46 5444 response.argument.callback.call(response.argument.scope, this.el, true, response, response.argument.options);
rlm@46 5445 }
rlm@46 5446 },
rlm@46 5447
rlm@46 5448
rlm@46 5449 processFailure : function(response){
rlm@46 5450 this.transaction = null;
rlm@46 5451 this.fireEvent("failure", this.el, response);
rlm@46 5452 if(typeof response.argument.callback == "function"){
rlm@46 5453 response.argument.callback.call(response.argument.scope, this.el, false, response, response.argument.options);
rlm@46 5454 }
rlm@46 5455 },
rlm@46 5456
rlm@46 5457
rlm@46 5458 setRenderer : function(renderer){
rlm@46 5459 this.renderer = renderer;
rlm@46 5460 },
rlm@46 5461
rlm@46 5462
rlm@46 5463 getRenderer : function(){
rlm@46 5464 return this.renderer;
rlm@46 5465 },
rlm@46 5466
rlm@46 5467
rlm@46 5468 setDefaultUrl : function(defaultUrl){
rlm@46 5469 this.defaultUrl = defaultUrl;
rlm@46 5470 },
rlm@46 5471
rlm@46 5472
rlm@46 5473 abort : function(){
rlm@46 5474 if(this.transaction){
rlm@46 5475 Ext.Ajax.abort(this.transaction);
rlm@46 5476 }
rlm@46 5477 },
rlm@46 5478
rlm@46 5479
rlm@46 5480 isUpdating : function(){
rlm@46 5481 if(this.transaction){
rlm@46 5482 return Ext.Ajax.isLoading(this.transaction);
rlm@46 5483 }
rlm@46 5484 return false;
rlm@46 5485 }
rlm@46 5486 });
rlm@46 5487
rlm@46 5488
rlm@46 5489 Ext.Updater.defaults = {
rlm@46 5490
rlm@46 5491 timeout : 30,
rlm@46 5492
rlm@46 5493 loadScripts : false,
rlm@46 5494
rlm@46 5495 sslBlankUrl : (Ext.SSL_SECURE_URL || "javascript:false"),
rlm@46 5496
rlm@46 5497 disableCaching : false,
rlm@46 5498
rlm@46 5499 showLoadIndicator : true,
rlm@46 5500
rlm@46 5501 indicatorText : '<div class="loading-indicator">Loading...</div>'
rlm@46 5502 };
rlm@46 5503
rlm@46 5504
rlm@46 5505 Ext.Updater.updateElement = function(el, url, params, options){
rlm@46 5506 var um = Ext.get(el).getUpdater();
rlm@46 5507 Ext.apply(um, options);
rlm@46 5508 um.update(url, params, options ? options.callback : null);
rlm@46 5509 };
rlm@46 5510
rlm@46 5511 Ext.Updater.BasicRenderer = function(){};
rlm@46 5512
rlm@46 5513 Ext.Updater.BasicRenderer.prototype = {
rlm@46 5514
rlm@46 5515 render : function(el, response, updateManager, callback){
rlm@46 5516 el.update(response.responseText, updateManager.loadScripts, callback);
rlm@46 5517 }
rlm@46 5518 };
rlm@46 5519
rlm@46 5520 Ext.UpdateManager = Ext.Updater;
rlm@46 5521
rlm@46 5522
rlm@46 5523
rlm@46 5524
rlm@46 5525
rlm@46 5526 Date.parseFunctions = {count:0};
rlm@46 5527 Date.parseRegexes = [];
rlm@46 5528 Date.formatFunctions = {count:0};
rlm@46 5529
rlm@46 5530 Date.prototype.dateFormat = function(format) {
rlm@46 5531 if (Date.formatFunctions[format] == null) {
rlm@46 5532 Date.createNewFormat(format);
rlm@46 5533 }
rlm@46 5534 var func = Date.formatFunctions[format];
rlm@46 5535 return this[func]();
rlm@46 5536 };
rlm@46 5537
rlm@46 5538
rlm@46 5539
rlm@46 5540 Date.prototype.format = Date.prototype.dateFormat;
rlm@46 5541
rlm@46 5542 Date.createNewFormat = function(format) {
rlm@46 5543 var funcName = "format" + Date.formatFunctions.count++;
rlm@46 5544 Date.formatFunctions[format] = funcName;
rlm@46 5545 var code = "Date.prototype." + funcName + " = function(){return ";
rlm@46 5546 var special = false;
rlm@46 5547 var ch = '';
rlm@46 5548 for (var i = 0; i < format.length; ++i) {
rlm@46 5549 ch = format.charAt(i);
rlm@46 5550 if (!special && ch == "\\") {
rlm@46 5551 special = true;
rlm@46 5552 }
rlm@46 5553 else if (special) {
rlm@46 5554 special = false;
rlm@46 5555 code += "'" + String.escape(ch) + "' + ";
rlm@46 5556 }
rlm@46 5557 else {
rlm@46 5558 code += Date.getFormatCode(ch) + " + ";
rlm@46 5559 }
rlm@46 5560 }
rlm@46 5561 eval(code.substring(0, code.length - 3) + ";}");
rlm@46 5562 };
rlm@46 5563
rlm@46 5564
rlm@46 5565 Date.formatCodes = {
rlm@46 5566 d: "String.leftPad(this.getDate(), 2, '0')",
rlm@46 5567 D: "Date.getShortDayName(this.getDay())", j: "this.getDate()",
rlm@46 5568 l: "Date.dayNames[this.getDay()]",
rlm@46 5569 N: "(this.getDay() ? this.getDay() : 7)",
rlm@46 5570 S: "this.getSuffix()",
rlm@46 5571 w: "this.getDay()",
rlm@46 5572 z: "this.getDayOfYear()",
rlm@46 5573 W: "String.leftPad(this.getWeekOfYear(), 2, '0')",
rlm@46 5574 F: "Date.monthNames[this.getMonth()]",
rlm@46 5575 m: "String.leftPad(this.getMonth() + 1, 2, '0')",
rlm@46 5576 M: "Date.getShortMonthName(this.getMonth())", n: "(this.getMonth() + 1)",
rlm@46 5577 t: "this.getDaysInMonth()",
rlm@46 5578 L: "(this.isLeapYear() ? 1 : 0)",
rlm@46 5579 o: "(this.getFullYear() + (this.getWeekOfYear() == 1 && this.getMonth() > 0 ? +1 : (this.getWeekOfYear() >= 52 && this.getMonth() < 11 ? -1 : 0)))",
rlm@46 5580 Y: "this.getFullYear()",
rlm@46 5581 y: "('' + this.getFullYear()).substring(2, 4)",
rlm@46 5582 a: "(this.getHours() < 12 ? 'am' : 'pm')",
rlm@46 5583 A: "(this.getHours() < 12 ? 'AM' : 'PM')",
rlm@46 5584 g: "((this.getHours() % 12) ? this.getHours() % 12 : 12)",
rlm@46 5585 G: "this.getHours()",
rlm@46 5586 h: "String.leftPad((this.getHours() % 12) ? this.getHours() % 12 : 12, 2, '0')",
rlm@46 5587 H: "String.leftPad(this.getHours(), 2, '0')",
rlm@46 5588 i: "String.leftPad(this.getMinutes(), 2, '0')",
rlm@46 5589 s: "String.leftPad(this.getSeconds(), 2, '0')",
rlm@46 5590 u: "String.leftPad(this.getMilliseconds(), 3, '0')",
rlm@46 5591 O: "this.getGMTOffset()",
rlm@46 5592 P: "this.getGMTOffset(true)",
rlm@46 5593 T: "this.getTimezone()",
rlm@46 5594 Z: "(this.getTimezoneOffset() * -60)",
rlm@46 5595 c: function() { for (var c = "Y-m-dTH:i:sP", code = [], i = 0, l = c.length; i < l; ++i) {
rlm@46 5596 var e = c.charAt(i);
rlm@46 5597 code.push(e == "T" ? "'T'" : Date.getFormatCode(e)); }
rlm@46 5598 return code.join(" + ");
rlm@46 5599 },
rlm@46 5600
rlm@46 5601 U: "Math.round(this.getTime() / 1000)"
rlm@46 5602 }
rlm@46 5603
rlm@46 5604 Date.getFormatCode = function(character) {
rlm@46 5605 var f = Date.formatCodes[character];
rlm@46 5606
rlm@46 5607 if (f) {
rlm@46 5608 f = Ext.type(f) == 'function'? f() : f;
rlm@46 5609 Date.formatCodes[character] = f; }
rlm@46 5610
rlm@46 5611 return f || ("'" + String.escape(character) + "'");
rlm@46 5612 };
rlm@46 5613
rlm@46 5614
rlm@46 5615 Date.parseDate = function(input, format) {
rlm@46 5616 if (Date.parseFunctions[format] == null) {
rlm@46 5617 Date.createParser(format);
rlm@46 5618 }
rlm@46 5619 var func = Date.parseFunctions[format];
rlm@46 5620 return Date[func](input);
rlm@46 5621 };
rlm@46 5622
rlm@46 5623 Date.createParser = function(format) {
rlm@46 5624 var funcName = "parse" + Date.parseFunctions.count++;
rlm@46 5625 var regexNum = Date.parseRegexes.length;
rlm@46 5626 var currentGroup = 1;
rlm@46 5627 Date.parseFunctions[format] = funcName;
rlm@46 5628
rlm@46 5629 var code = "Date." + funcName + " = function(input){\n"
rlm@46 5630 + "var y = -1, m = -1, d = -1, h = -1, i = -1, s = -1, ms = -1, o, z, u, v;\n"
rlm@46 5631 + "input = String(input);var d = new Date();\n"
rlm@46 5632 + "y = d.getFullYear();\n"
rlm@46 5633 + "m = d.getMonth();\n"
rlm@46 5634 + "d = d.getDate();\n"
rlm@46 5635 + "var results = input.match(Date.parseRegexes[" + regexNum + "]);\n"
rlm@46 5636 + "if (results && results.length > 0) {";
rlm@46 5637 var regex = "";
rlm@46 5638
rlm@46 5639 var special = false;
rlm@46 5640 var ch = '';
rlm@46 5641 for (var i = 0; i < format.length; ++i) {
rlm@46 5642 ch = format.charAt(i);
rlm@46 5643 if (!special && ch == "\\") {
rlm@46 5644 special = true;
rlm@46 5645 }
rlm@46 5646 else if (special) {
rlm@46 5647 special = false;
rlm@46 5648 regex += String.escape(ch);
rlm@46 5649 }
rlm@46 5650 else {
rlm@46 5651 var obj = Date.formatCodeToRegex(ch, currentGroup);
rlm@46 5652 currentGroup += obj.g;
rlm@46 5653 regex += obj.s;
rlm@46 5654 if (obj.g && obj.c) {
rlm@46 5655 code += obj.c;
rlm@46 5656 }
rlm@46 5657 }
rlm@46 5658 }
rlm@46 5659
rlm@46 5660 code += "if (u){\n"
rlm@46 5661 + "v = new Date(u * 1000);\n" + "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0 && ms >= 0){\n"
rlm@46 5662 + "v = new Date(y, m, d, h, i, s, ms);\n"
rlm@46 5663 + "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0){\n"
rlm@46 5664 + "v = new Date(y, m, d, h, i, s);\n"
rlm@46 5665 + "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0){\n"
rlm@46 5666 + "v = new Date(y, m, d, h, i);\n"
rlm@46 5667 + "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0){\n"
rlm@46 5668 + "v = new Date(y, m, d, h);\n"
rlm@46 5669 + "}else if (y >= 0 && m >= 0 && d > 0){\n"
rlm@46 5670 + "v = new Date(y, m, d);\n"
rlm@46 5671 + "}else if (y >= 0 && m >= 0){\n"
rlm@46 5672 + "v = new Date(y, m);\n"
rlm@46 5673 + "}else if (y >= 0){\n"
rlm@46 5674 + "v = new Date(y);\n"
rlm@46 5675 + "}\n}\nreturn (v && Ext.type(z || o) == 'number')?" + " (Ext.type(z) == 'number' ? v.add(Date.SECOND, (v.getTimezoneOffset() * 60) + z) :" + " v.add(Date.HOUR, (v.getGMTOffset() / 100) + (o / -100))) : v;\n" + "}";
rlm@46 5676
rlm@46 5677 Date.parseRegexes[regexNum] = new RegExp("^" + regex + "$", "i");
rlm@46 5678 eval(code);
rlm@46 5679 };
rlm@46 5680
rlm@46 5681 Date.parseCodes = {
rlm@46 5682
rlm@46 5683 d: {
rlm@46 5684 g:1,
rlm@46 5685 c:"d = parseInt(results[{0}], 10);\n",
rlm@46 5686 s:"(\\d{2})" },
rlm@46 5687 j: function() {
rlm@46 5688 return Ext.applyIf({
rlm@46 5689 s:"(\\d{1,2})" }, Date.parseCodes["d"]);
rlm@46 5690 },
rlm@46 5691 D: function() {
rlm@46 5692 for (var a = [], i = 0; i < 7; a.push(Date.getShortDayName(i)), ++i); return {
rlm@46 5693 g:0,
rlm@46 5694 c:null,
rlm@46 5695 s:"(?:" + a.join("|") +")"
rlm@46 5696 }
rlm@46 5697 },
rlm@46 5698 l: function() {
rlm@46 5699 return {
rlm@46 5700 g:0,
rlm@46 5701 c:null,
rlm@46 5702 s:"(?:" + Date.dayNames.join("|") + ")"
rlm@46 5703 }
rlm@46 5704 },
rlm@46 5705 N: {
rlm@46 5706 g:0,
rlm@46 5707 c:null,
rlm@46 5708 s:"[1-7]" },
rlm@46 5709 S: {
rlm@46 5710 g:0,
rlm@46 5711 c:null,
rlm@46 5712 s:"(?:st|nd|rd|th)"
rlm@46 5713 },
rlm@46 5714 w: {
rlm@46 5715 g:0,
rlm@46 5716 c:null,
rlm@46 5717 s:"[0-6]" },
rlm@46 5718 z: {
rlm@46 5719 g:0,
rlm@46 5720 c:null,
rlm@46 5721 s:"(?:\\d{1,3}" },
rlm@46 5722 W: {
rlm@46 5723 g:0,
rlm@46 5724 c:null,
rlm@46 5725 s:"(?:\\d{2})" },
rlm@46 5726 F: function() {
rlm@46 5727 return {
rlm@46 5728 g:1,
rlm@46 5729 c:"m = parseInt(Date.getMonthNumber(results[{0}]), 10);\n", s:"(" + Date.monthNames.join("|") + ")"
rlm@46 5730 }
rlm@46 5731 },
rlm@46 5732 M: function() {
rlm@46 5733 for (var a = [], i = 0; i < 12; a.push(Date.getShortMonthName(i)), ++i); return Ext.applyIf({
rlm@46 5734 s:"(" + a.join("|") + ")"
rlm@46 5735 }, Date.parseCodes["F"]);
rlm@46 5736 },
rlm@46 5737 m: {
rlm@46 5738 g:1,
rlm@46 5739 c:"m = parseInt(results[{0}], 10) - 1;\n",
rlm@46 5740 s:"(\\d{2})" },
rlm@46 5741 n: function() {
rlm@46 5742 return Ext.applyIf({
rlm@46 5743 s:"(\\d{1,2})" }, Date.parseCodes["m"]);
rlm@46 5744 },
rlm@46 5745 t: {
rlm@46 5746 g:0,
rlm@46 5747 c:null,
rlm@46 5748 s:"(?:\\d{2})" },
rlm@46 5749 L: {
rlm@46 5750 g:0,
rlm@46 5751 c:null,
rlm@46 5752 s:"(?:1|0)"
rlm@46 5753 },
rlm@46 5754 o: function() {
rlm@46 5755 return Date.parseCodes["Y"];
rlm@46 5756 },
rlm@46 5757 Y: {
rlm@46 5758 g:1,
rlm@46 5759 c:"y = parseInt(results[{0}], 10);\n",
rlm@46 5760 s:"(\\d{4})" },
rlm@46 5761 y: {
rlm@46 5762 g:1,
rlm@46 5763 c:"var ty = parseInt(results[{0}], 10);\n"
rlm@46 5764 + "y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n", s:"(\\d{1,2})"
rlm@46 5765 },
rlm@46 5766 a: {
rlm@46 5767 g:1,
rlm@46 5768 c:"if (results[{0}] == 'am') {\n"
rlm@46 5769 + "if (h == 12) { h = 0; }\n"
rlm@46 5770 + "} else { if (h < 12) { h += 12; }}",
rlm@46 5771 s:"(am|pm)"
rlm@46 5772 },
rlm@46 5773 A: {
rlm@46 5774 g:1,
rlm@46 5775 c:"if (results[{0}] == 'AM') {\n"
rlm@46 5776 + "if (h == 12) { h = 0; }\n"
rlm@46 5777 + "} else { if (h < 12) { h += 12; }}",
rlm@46 5778 s:"(AM|PM)"
rlm@46 5779 },
rlm@46 5780 g: function() {
rlm@46 5781 return Date.parseCodes["G"];
rlm@46 5782 },
rlm@46 5783 G: {
rlm@46 5784 g:1,
rlm@46 5785 c:"h = parseInt(results[{0}], 10);\n",
rlm@46 5786 s:"(\\d{1,2})" },
rlm@46 5787 h: function() {
rlm@46 5788 return Date.parseCodes["H"];
rlm@46 5789 },
rlm@46 5790 H: {
rlm@46 5791 g:1,
rlm@46 5792 c:"h = parseInt(results[{0}], 10);\n",
rlm@46 5793 s:"(\\d{2})" },
rlm@46 5794 i: {
rlm@46 5795 g:1,
rlm@46 5796 c:"i = parseInt(results[{0}], 10);\n",
rlm@46 5797 s:"(\\d{2})" },
rlm@46 5798 s: {
rlm@46 5799 g:1,
rlm@46 5800 c:"s = parseInt(results[{0}], 10);\n",
rlm@46 5801 s:"(\\d{2})" },
rlm@46 5802 u: {
rlm@46 5803 g:1,
rlm@46 5804 c:"ms = parseInt(results[{0}], 10);\n",
rlm@46 5805 s:"(\\d{3})" },
rlm@46 5806 O: {
rlm@46 5807 g:1,
rlm@46 5808 c:[
rlm@46 5809 "o = results[{0}];",
rlm@46 5810 "var sn = o.substring(0,1);", "var hr = o.substring(1,3)*1 + Math.floor(o.substring(3,5) / 60);", "var mn = o.substring(3,5) % 60;", "o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))? (sn + String.leftPad(hr, 2, '0') + String.leftPad(mn, 2, '0')) : null;\n" ].join("\n"),
rlm@46 5811 s: "([+\-]\\d{4})" },
rlm@46 5812 P: function() {
rlm@46 5813 return Ext.applyIf({
rlm@46 5814 s: "([+\-]\\d{2}:\\d{2})" }, Date.parseCodes["O"]);
rlm@46 5815 },
rlm@46 5816 T: {
rlm@46 5817 g:0,
rlm@46 5818 c:null,
rlm@46 5819 s:"[A-Z]{1,4}" },
rlm@46 5820 Z: {
rlm@46 5821 g:1,
rlm@46 5822 c:"z = results[{0}] * 1;\n" + "z = (-43200 <= z && z <= 50400)? z : null;\n",
rlm@46 5823 s:"([+\-]?\\d{1,5})" },
rlm@46 5824 c: function() {
rlm@46 5825 var df = Date.formatCodeToRegex, calc = [];
rlm@46 5826 var arr = [
rlm@46 5827 df("Y", 1),
rlm@46 5828 df("m", 2),
rlm@46 5829 df("d", 3),
rlm@46 5830 df("h", 4),
rlm@46 5831 df("i", 5),
rlm@46 5832 df("s", 6),
rlm@46 5833 {c:"if(results[7] == 'Z'){\no = 0;\n}else{\n" + df("P", 7).c + "\n}"} ];
rlm@46 5834 for (var i = 0, l = arr.length; i < l; ++i) {
rlm@46 5835 calc.push(arr[i].c);
rlm@46 5836 }
rlm@46 5837
rlm@46 5838 return {
rlm@46 5839 g:1,
rlm@46 5840 c:calc.join(""),
rlm@46 5841 s:arr[0].s + "-" + arr[1].s + "-" + arr[2].s + "T" + arr[3].s + ":" + arr[4].s + ":" + arr[5].s + "(" + df("P", 7).s + "|Z)"
rlm@46 5842 }
rlm@46 5843 },
rlm@46 5844 U: {
rlm@46 5845 g:1,
rlm@46 5846 c:"u = parseInt(results[{0}], 10);\n",
rlm@46 5847 s:"(-?\\d+)" }
rlm@46 5848 }
rlm@46 5849
rlm@46 5850 Date.formatCodeToRegex = function(character, currentGroup) {
rlm@46 5851 var p = Date.parseCodes[character];
rlm@46 5852
rlm@46 5853 if (p) {
rlm@46 5854 p = Ext.type(p) == 'function'? p() : p;
rlm@46 5855 Date.parseCodes[character] = p;
rlm@46 5856 if (p.c) {
rlm@46 5857 p.c = String.format(p.c, currentGroup);
rlm@46 5858 }
rlm@46 5859 }
rlm@46 5860
rlm@46 5861 return p || {
rlm@46 5862 g:0,
rlm@46 5863 c:null,
rlm@46 5864 s:Ext.escapeRe(character) }
rlm@46 5865 };
rlm@46 5866
rlm@46 5867
rlm@46 5868 Date.prototype.getTimezone = function() {
rlm@46 5869 return this.toString().replace(/^.* (?:\((.*)\)|([A-Z]{1,4})(?:[\-+][0-9]{4})?(?: -?\d+)?)$/, "$1$2").replace(/[^A-Z]/g, "");
rlm@46 5870 };
rlm@46 5871
rlm@46 5872
rlm@46 5873 Date.prototype.getGMTOffset = function(colon) {
rlm@46 5874 return (this.getTimezoneOffset() > 0 ? "-" : "+")
rlm@46 5875 + String.leftPad(Math.abs(Math.floor(this.getTimezoneOffset() / 60)), 2, "0")
rlm@46 5876 + (colon ? ":" : "")
rlm@46 5877 + String.leftPad(this.getTimezoneOffset() % 60, 2, "0");
rlm@46 5878 };
rlm@46 5879
rlm@46 5880
rlm@46 5881 Date.prototype.getDayOfYear = function() {
rlm@46 5882 var num = 0;
rlm@46 5883 Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
rlm@46 5884 for (var i = 0; i < this.getMonth(); ++i) {
rlm@46 5885 num += Date.daysInMonth[i];
rlm@46 5886 }
rlm@46 5887 return num + this.getDate() - 1;
rlm@46 5888 };
rlm@46 5889
rlm@46 5890
rlm@46 5891 Date.prototype.getWeekOfYear = function() {
rlm@46 5892 var ms1d = 864e5; var ms7d = 7 * ms1d; var DC3 = Date.UTC(this.getFullYear(), this.getMonth(), this.getDate() + 3) / ms1d; var AWN = Math.floor(DC3 / 7); var Wyr = new Date(AWN * ms7d).getUTCFullYear();
rlm@46 5893 return AWN - Math.floor(Date.UTC(Wyr, 0, 7) / ms7d) + 1;
rlm@46 5894 };
rlm@46 5895
rlm@46 5896
rlm@46 5897 Date.prototype.isLeapYear = function() {
rlm@46 5898 var year = this.getFullYear();
rlm@46 5899 return !!((year & 3) == 0 && (year % 100 || (year % 400 == 0 && year)));
rlm@46 5900 };
rlm@46 5901
rlm@46 5902
rlm@46 5903 Date.prototype.getFirstDayOfMonth = function() {
rlm@46 5904 var day = (this.getDay() - (this.getDate() - 1)) % 7;
rlm@46 5905 return (day < 0) ? (day + 7) : day;
rlm@46 5906 };
rlm@46 5907
rlm@46 5908
rlm@46 5909 Date.prototype.getLastDayOfMonth = function() {
rlm@46 5910 var day = (this.getDay() + (Date.daysInMonth[this.getMonth()] - this.getDate())) % 7;
rlm@46 5911 return (day < 0) ? (day + 7) : day;
rlm@46 5912 };
rlm@46 5913
rlm@46 5914
rlm@46 5915
rlm@46 5916 Date.prototype.getFirstDateOfMonth = function() {
rlm@46 5917 return new Date(this.getFullYear(), this.getMonth(), 1);
rlm@46 5918 };
rlm@46 5919
rlm@46 5920
rlm@46 5921 Date.prototype.getLastDateOfMonth = function() {
rlm@46 5922 return new Date(this.getFullYear(), this.getMonth(), this.getDaysInMonth());
rlm@46 5923 };
rlm@46 5924
rlm@46 5925 Date.prototype.getDaysInMonth = function() {
rlm@46 5926 Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
rlm@46 5927 return Date.daysInMonth[this.getMonth()];
rlm@46 5928 };
rlm@46 5929
rlm@46 5930
rlm@46 5931 Date.prototype.getSuffix = function() {
rlm@46 5932 switch (this.getDate()) {
rlm@46 5933 case 1:
rlm@46 5934 case 21:
rlm@46 5935 case 31:
rlm@46 5936 return "st";
rlm@46 5937 case 2:
rlm@46 5938 case 22:
rlm@46 5939 return "nd";
rlm@46 5940 case 3:
rlm@46 5941 case 23:
rlm@46 5942 return "rd";
rlm@46 5943 default:
rlm@46 5944 return "th";
rlm@46 5945 }
rlm@46 5946 };
rlm@46 5947
rlm@46 5948 Date.daysInMonth = [31,28,31,30,31,30,31,31,30,31,30,31];
rlm@46 5949
rlm@46 5950
rlm@46 5951 Date.monthNames = [
rlm@46 5952 "January",
rlm@46 5953 "February",
rlm@46 5954 "March",
rlm@46 5955 "April",
rlm@46 5956 "May",
rlm@46 5957 "June",
rlm@46 5958 "July",
rlm@46 5959 "August",
rlm@46 5960 "September",
rlm@46 5961 "October",
rlm@46 5962 "November",
rlm@46 5963 "December"
rlm@46 5964 ];
rlm@46 5965
rlm@46 5966
rlm@46 5967 Date.getShortMonthName = function(month) {
rlm@46 5968 return Date.monthNames[month].substring(0, 3);
rlm@46 5969 }
rlm@46 5970
rlm@46 5971
rlm@46 5972 Date.dayNames = [
rlm@46 5973 "Sunday",
rlm@46 5974 "Monday",
rlm@46 5975 "Tuesday",
rlm@46 5976 "Wednesday",
rlm@46 5977 "Thursday",
rlm@46 5978 "Friday",
rlm@46 5979 "Saturday"
rlm@46 5980 ];
rlm@46 5981
rlm@46 5982
rlm@46 5983 Date.getShortDayName = function(day) {
rlm@46 5984 return Date.dayNames[day].substring(0, 3);
rlm@46 5985 }
rlm@46 5986
rlm@46 5987 Date.y2kYear = 50;
rlm@46 5988
rlm@46 5989
rlm@46 5990 Date.monthNumbers = {
rlm@46 5991 Jan:0,
rlm@46 5992 Feb:1,
rlm@46 5993 Mar:2,
rlm@46 5994 Apr:3,
rlm@46 5995 May:4,
rlm@46 5996 Jun:5,
rlm@46 5997 Jul:6,
rlm@46 5998 Aug:7,
rlm@46 5999 Sep:8,
rlm@46 6000 Oct:9,
rlm@46 6001 Nov:10,
rlm@46 6002 Dec:11
rlm@46 6003 };
rlm@46 6004
rlm@46 6005
rlm@46 6006 Date.getMonthNumber = function(name) {
rlm@46 6007 return Date.monthNumbers[name.substring(0, 1).toUpperCase() + name.substring(1, 3).toLowerCase()];
rlm@46 6008 }
rlm@46 6009
rlm@46 6010
rlm@46 6011 Date.prototype.clone = function() {
rlm@46 6012 return new Date(this.getTime());
rlm@46 6013 };
rlm@46 6014
rlm@46 6015
rlm@46 6016 Date.prototype.clearTime = function(clone){
rlm@46 6017 if(clone){
rlm@46 6018 return this.clone().clearTime();
rlm@46 6019 }
rlm@46 6020 this.setHours(0);
rlm@46 6021 this.setMinutes(0);
rlm@46 6022 this.setSeconds(0);
rlm@46 6023 this.setMilliseconds(0);
rlm@46 6024 return this;
rlm@46 6025 };
rlm@46 6026
rlm@46 6027 if(Ext.isSafari){
rlm@46 6028 Date.brokenSetMonth = Date.prototype.setMonth;
rlm@46 6029 Date.prototype.setMonth = function(num){
rlm@46 6030 if(num <= -1){
rlm@46 6031 var n = Math.ceil(-num);
rlm@46 6032 var back_year = Math.ceil(n/12);
rlm@46 6033 var month = (n % 12) ? 12 - n % 12 : 0 ;
rlm@46 6034 this.setFullYear(this.getFullYear() - back_year);
rlm@46 6035 return Date.brokenSetMonth.call(this, month);
rlm@46 6036 } else {
rlm@46 6037 return Date.brokenSetMonth.apply(this, arguments);
rlm@46 6038 }
rlm@46 6039 };
rlm@46 6040 }
rlm@46 6041
rlm@46 6042
rlm@46 6043 Date.MILLI = "ms";
rlm@46 6044
rlm@46 6045 Date.SECOND = "s";
rlm@46 6046
rlm@46 6047 Date.MINUTE = "mi";
rlm@46 6048
rlm@46 6049 Date.HOUR = "h";
rlm@46 6050
rlm@46 6051 Date.DAY = "d";
rlm@46 6052
rlm@46 6053 Date.MONTH = "mo";
rlm@46 6054
rlm@46 6055 Date.YEAR = "y";
rlm@46 6056
rlm@46 6057
rlm@46 6058 Date.prototype.add = function(interval, value){
rlm@46 6059 var d = this.clone();
rlm@46 6060 if (!interval || value === 0) return d;
rlm@46 6061 switch(interval.toLowerCase()){
rlm@46 6062 case Date.MILLI:
rlm@46 6063 d.setMilliseconds(this.getMilliseconds() + value);
rlm@46 6064 break;
rlm@46 6065 case Date.SECOND:
rlm@46 6066 d.setSeconds(this.getSeconds() + value);
rlm@46 6067 break;
rlm@46 6068 case Date.MINUTE:
rlm@46 6069 d.setMinutes(this.getMinutes() + value);
rlm@46 6070 break;
rlm@46 6071 case Date.HOUR:
rlm@46 6072 d.setHours(this.getHours() + value);
rlm@46 6073 break;
rlm@46 6074 case Date.DAY:
rlm@46 6075 d.setDate(this.getDate() + value);
rlm@46 6076 break;
rlm@46 6077 case Date.MONTH:
rlm@46 6078 var day = this.getDate();
rlm@46 6079 if(day > 28){
rlm@46 6080 day = Math.min(day, this.getFirstDateOfMonth().add('mo', value).getLastDateOfMonth().getDate());
rlm@46 6081 }
rlm@46 6082 d.setDate(day);
rlm@46 6083 d.setMonth(this.getMonth() + value);
rlm@46 6084 break;
rlm@46 6085 case Date.YEAR:
rlm@46 6086 d.setFullYear(this.getFullYear() + value);
rlm@46 6087 break;
rlm@46 6088 }
rlm@46 6089 return d;
rlm@46 6090 };
rlm@46 6091
rlm@46 6092
rlm@46 6093 Date.prototype.between = function(start, end){
rlm@46 6094 var t = this.getTime();
rlm@46 6095 return start.getTime() <= t && t <= end.getTime();
rlm@46 6096 }
rlm@46 6097
rlm@46 6098 Ext.util.DelayedTask = function(fn, scope, args){
rlm@46 6099 var id = null, d, t;
rlm@46 6100
rlm@46 6101 var call = function(){
rlm@46 6102 var now = new Date().getTime();
rlm@46 6103 if(now - t >= d){
rlm@46 6104 clearInterval(id);
rlm@46 6105 id = null;
rlm@46 6106 fn.apply(scope, args || []);
rlm@46 6107 }
rlm@46 6108 };
rlm@46 6109
rlm@46 6110 this.delay = function(delay, newFn, newScope, newArgs){
rlm@46 6111 if(id && delay != d){
rlm@46 6112 this.cancel();
rlm@46 6113 }
rlm@46 6114 d = delay;
rlm@46 6115 t = new Date().getTime();
rlm@46 6116 fn = newFn || fn;
rlm@46 6117 scope = newScope || scope;
rlm@46 6118 args = newArgs || args;
rlm@46 6119 if(!id){
rlm@46 6120 id = setInterval(call, d);
rlm@46 6121 }
rlm@46 6122 };
rlm@46 6123
rlm@46 6124
rlm@46 6125 this.cancel = function(){
rlm@46 6126 if(id){
rlm@46 6127 clearInterval(id);
rlm@46 6128 id = null;
rlm@46 6129 }
rlm@46 6130 };
rlm@46 6131 };
rlm@46 6132
rlm@46 6133 Ext.util.TaskRunner = function(interval){
rlm@46 6134 interval = interval || 10;
rlm@46 6135 var tasks = [], removeQueue = [];
rlm@46 6136 var id = 0;
rlm@46 6137 var running = false;
rlm@46 6138
rlm@46 6139 var stopThread = function(){
rlm@46 6140 running = false;
rlm@46 6141 clearInterval(id);
rlm@46 6142 id = 0;
rlm@46 6143 };
rlm@46 6144
rlm@46 6145 var startThread = function(){
rlm@46 6146 if(!running){
rlm@46 6147 running = true;
rlm@46 6148 id = setInterval(runTasks, interval);
rlm@46 6149 }
rlm@46 6150 };
rlm@46 6151
rlm@46 6152 var removeTask = function(t){
rlm@46 6153 removeQueue.push(t);
rlm@46 6154 if(t.onStop){
rlm@46 6155 t.onStop.apply(t.scope || t);
rlm@46 6156 }
rlm@46 6157 };
rlm@46 6158
rlm@46 6159 var runTasks = function(){
rlm@46 6160 if(removeQueue.length > 0){
rlm@46 6161 for(var i = 0, len = removeQueue.length; i < len; i++){
rlm@46 6162 tasks.remove(removeQueue[i]);
rlm@46 6163 }
rlm@46 6164 removeQueue = [];
rlm@46 6165 if(tasks.length < 1){
rlm@46 6166 stopThread();
rlm@46 6167 return;
rlm@46 6168 }
rlm@46 6169 }
rlm@46 6170 var now = new Date().getTime();
rlm@46 6171 for(var i = 0, len = tasks.length; i < len; ++i){
rlm@46 6172 var t = tasks[i];
rlm@46 6173 var itime = now - t.taskRunTime;
rlm@46 6174 if(t.interval <= itime){
rlm@46 6175 var rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]);
rlm@46 6176 t.taskRunTime = now;
rlm@46 6177 if(rt === false || t.taskRunCount === t.repeat){
rlm@46 6178 removeTask(t);
rlm@46 6179 return;
rlm@46 6180 }
rlm@46 6181 }
rlm@46 6182 if(t.duration && t.duration <= (now - t.taskStartTime)){
rlm@46 6183 removeTask(t);
rlm@46 6184 }
rlm@46 6185 }
rlm@46 6186 };
rlm@46 6187
rlm@46 6188
rlm@46 6189 this.start = function(task){
rlm@46 6190 tasks.push(task);
rlm@46 6191 task.taskStartTime = new Date().getTime();
rlm@46 6192 task.taskRunTime = 0;
rlm@46 6193 task.taskRunCount = 0;
rlm@46 6194 startThread();
rlm@46 6195 return task;
rlm@46 6196 };
rlm@46 6197
rlm@46 6198
rlm@46 6199 this.stop = function(task){
rlm@46 6200 removeTask(task);
rlm@46 6201 return task;
rlm@46 6202 };
rlm@46 6203
rlm@46 6204
rlm@46 6205 this.stopAll = function(){
rlm@46 6206 stopThread();
rlm@46 6207 for(var i = 0, len = tasks.length; i < len; i++){
rlm@46 6208 if(tasks[i].onStop){
rlm@46 6209 tasks[i].onStop();
rlm@46 6210 }
rlm@46 6211 }
rlm@46 6212 tasks = [];
rlm@46 6213 removeQueue = [];
rlm@46 6214 };
rlm@46 6215 };
rlm@46 6216
rlm@46 6217
rlm@46 6218 Ext.TaskMgr = new Ext.util.TaskRunner();
rlm@46 6219
rlm@46 6220 Ext.util.MixedCollection = function(allowFunctions, keyFn){
rlm@46 6221 this.items = [];
rlm@46 6222 this.map = {};
rlm@46 6223 this.keys = [];
rlm@46 6224 this.length = 0;
rlm@46 6225 this.addEvents(
rlm@46 6226
rlm@46 6227 "clear",
rlm@46 6228
rlm@46 6229 "add",
rlm@46 6230
rlm@46 6231 "replace",
rlm@46 6232
rlm@46 6233 "remove",
rlm@46 6234 "sort"
rlm@46 6235 );
rlm@46 6236 this.allowFunctions = allowFunctions === true;
rlm@46 6237 if(keyFn){
rlm@46 6238 this.getKey = keyFn;
rlm@46 6239 }
rlm@46 6240 Ext.util.MixedCollection.superclass.constructor.call(this);
rlm@46 6241 };
rlm@46 6242
rlm@46 6243 Ext.extend(Ext.util.MixedCollection, Ext.util.Observable, {
rlm@46 6244 allowFunctions : false,
rlm@46 6245
rlm@46 6246
rlm@46 6247 add : function(key, o){
rlm@46 6248 if(arguments.length == 1){
rlm@46 6249 o = arguments[0];
rlm@46 6250 key = this.getKey(o);
rlm@46 6251 }
rlm@46 6252 if(typeof key == "undefined" || key === null){
rlm@46 6253 this.length++;
rlm@46 6254 this.items.push(o);
rlm@46 6255 this.keys.push(null);
rlm@46 6256 }else{
rlm@46 6257 var old = this.map[key];
rlm@46 6258 if(old){
rlm@46 6259 return this.replace(key, o);
rlm@46 6260 }
rlm@46 6261 this.length++;
rlm@46 6262 this.items.push(o);
rlm@46 6263 this.map[key] = o;
rlm@46 6264 this.keys.push(key);
rlm@46 6265 }
rlm@46 6266 this.fireEvent("add", this.length-1, o, key);
rlm@46 6267 return o;
rlm@46 6268 },
rlm@46 6269
rlm@46 6270
rlm@46 6271 getKey : function(o){
rlm@46 6272 return o.id;
rlm@46 6273 },
rlm@46 6274
rlm@46 6275
rlm@46 6276 replace : function(key, o){
rlm@46 6277 if(arguments.length == 1){
rlm@46 6278 o = arguments[0];
rlm@46 6279 key = this.getKey(o);
rlm@46 6280 }
rlm@46 6281 var old = this.item(key);
rlm@46 6282 if(typeof key == "undefined" || key === null || typeof old == "undefined"){
rlm@46 6283 return this.add(key, o);
rlm@46 6284 }
rlm@46 6285 var index = this.indexOfKey(key);
rlm@46 6286 this.items[index] = o;
rlm@46 6287 this.map[key] = o;
rlm@46 6288 this.fireEvent("replace", key, old, o);
rlm@46 6289 return o;
rlm@46 6290 },
rlm@46 6291
rlm@46 6292
rlm@46 6293 addAll : function(objs){
rlm@46 6294 if(arguments.length > 1 || Ext.isArray(objs)){
rlm@46 6295 var args = arguments.length > 1 ? arguments : objs;
rlm@46 6296 for(var i = 0, len = args.length; i < len; i++){
rlm@46 6297 this.add(args[i]);
rlm@46 6298 }
rlm@46 6299 }else{
rlm@46 6300 for(var key in objs){
rlm@46 6301 if(this.allowFunctions || typeof objs[key] != "function"){
rlm@46 6302 this.add(key, objs[key]);
rlm@46 6303 }
rlm@46 6304 }
rlm@46 6305 }
rlm@46 6306 },
rlm@46 6307
rlm@46 6308
rlm@46 6309 each : function(fn, scope){
rlm@46 6310 var items = [].concat(this.items);
rlm@46 6311 for(var i = 0, len = items.length; i < len; i++){
rlm@46 6312 if(fn.call(scope || items[i], items[i], i, len) === false){
rlm@46 6313 break;
rlm@46 6314 }
rlm@46 6315 }
rlm@46 6316 },
rlm@46 6317
rlm@46 6318
rlm@46 6319 eachKey : function(fn, scope){
rlm@46 6320 for(var i = 0, len = this.keys.length; i < len; i++){
rlm@46 6321 fn.call(scope || window, this.keys[i], this.items[i], i, len);
rlm@46 6322 }
rlm@46 6323 },
rlm@46 6324
rlm@46 6325
rlm@46 6326 find : function(fn, scope){
rlm@46 6327 for(var i = 0, len = this.items.length; i < len; i++){
rlm@46 6328 if(fn.call(scope || window, this.items[i], this.keys[i])){
rlm@46 6329 return this.items[i];
rlm@46 6330 }
rlm@46 6331 }
rlm@46 6332 return null;
rlm@46 6333 },
rlm@46 6334
rlm@46 6335
rlm@46 6336 insert : function(index, key, o){
rlm@46 6337 if(arguments.length == 2){
rlm@46 6338 o = arguments[1];
rlm@46 6339 key = this.getKey(o);
rlm@46 6340 }
rlm@46 6341 if(index >= this.length){
rlm@46 6342 return this.add(key, o);
rlm@46 6343 }
rlm@46 6344 this.length++;
rlm@46 6345 this.items.splice(index, 0, o);
rlm@46 6346 if(typeof key != "undefined" && key != null){
rlm@46 6347 this.map[key] = o;
rlm@46 6348 }
rlm@46 6349 this.keys.splice(index, 0, key);
rlm@46 6350 this.fireEvent("add", index, o, key);
rlm@46 6351 return o;
rlm@46 6352 },
rlm@46 6353
rlm@46 6354
rlm@46 6355 remove : function(o){
rlm@46 6356 return this.removeAt(this.indexOf(o));
rlm@46 6357 },
rlm@46 6358
rlm@46 6359
rlm@46 6360 removeAt : function(index){
rlm@46 6361 if(index < this.length && index >= 0){
rlm@46 6362 this.length--;
rlm@46 6363 var o = this.items[index];
rlm@46 6364 this.items.splice(index, 1);
rlm@46 6365 var key = this.keys[index];
rlm@46 6366 if(typeof key != "undefined"){
rlm@46 6367 delete this.map[key];
rlm@46 6368 }
rlm@46 6369 this.keys.splice(index, 1);
rlm@46 6370 this.fireEvent("remove", o, key);
rlm@46 6371 return o;
rlm@46 6372 }
rlm@46 6373 return false;
rlm@46 6374 },
rlm@46 6375
rlm@46 6376
rlm@46 6377 removeKey : function(key){
rlm@46 6378 return this.removeAt(this.indexOfKey(key));
rlm@46 6379 },
rlm@46 6380
rlm@46 6381
rlm@46 6382 getCount : function(){
rlm@46 6383 return this.length;
rlm@46 6384 },
rlm@46 6385
rlm@46 6386
rlm@46 6387 indexOf : function(o){
rlm@46 6388 return this.items.indexOf(o);
rlm@46 6389 },
rlm@46 6390
rlm@46 6391
rlm@46 6392 indexOfKey : function(key){
rlm@46 6393 return this.keys.indexOf(key);
rlm@46 6394 },
rlm@46 6395
rlm@46 6396
rlm@46 6397 item : function(key){
rlm@46 6398 var item = typeof this.map[key] != "undefined" ? this.map[key] : this.items[key];
rlm@46 6399 return typeof item != 'function' || this.allowFunctions ? item : null;
rlm@46 6400 },
rlm@46 6401
rlm@46 6402
rlm@46 6403 itemAt : function(index){
rlm@46 6404 return this.items[index];
rlm@46 6405 },
rlm@46 6406
rlm@46 6407
rlm@46 6408 key : function(key){
rlm@46 6409 return this.map[key];
rlm@46 6410 },
rlm@46 6411
rlm@46 6412
rlm@46 6413 contains : function(o){
rlm@46 6414 return this.indexOf(o) != -1;
rlm@46 6415 },
rlm@46 6416
rlm@46 6417
rlm@46 6418 containsKey : function(key){
rlm@46 6419 return typeof this.map[key] != "undefined";
rlm@46 6420 },
rlm@46 6421
rlm@46 6422
rlm@46 6423 clear : function(){
rlm@46 6424 this.length = 0;
rlm@46 6425 this.items = [];
rlm@46 6426 this.keys = [];
rlm@46 6427 this.map = {};
rlm@46 6428 this.fireEvent("clear");
rlm@46 6429 },
rlm@46 6430
rlm@46 6431
rlm@46 6432 first : function(){
rlm@46 6433 return this.items[0];
rlm@46 6434 },
rlm@46 6435
rlm@46 6436
rlm@46 6437 last : function(){
rlm@46 6438 return this.items[this.length-1];
rlm@46 6439 },
rlm@46 6440
rlm@46 6441
rlm@46 6442 _sort : function(property, dir, fn){
rlm@46 6443 var dsc = String(dir).toUpperCase() == "DESC" ? -1 : 1;
rlm@46 6444 fn = fn || function(a, b){
rlm@46 6445 return a-b;
rlm@46 6446 };
rlm@46 6447 var c = [], k = this.keys, items = this.items;
rlm@46 6448 for(var i = 0, len = items.length; i < len; i++){
rlm@46 6449 c[c.length] = {key: k[i], value: items[i], index: i};
rlm@46 6450 }
rlm@46 6451 c.sort(function(a, b){
rlm@46 6452 var v = fn(a[property], b[property]) * dsc;
rlm@46 6453 if(v == 0){
rlm@46 6454 v = (a.index < b.index ? -1 : 1);
rlm@46 6455 }
rlm@46 6456 return v;
rlm@46 6457 });
rlm@46 6458 for(var i = 0, len = c.length; i < len; i++){
rlm@46 6459 items[i] = c[i].value;
rlm@46 6460 k[i] = c[i].key;
rlm@46 6461 }
rlm@46 6462 this.fireEvent("sort", this);
rlm@46 6463 },
rlm@46 6464
rlm@46 6465
rlm@46 6466 sort : function(dir, fn){
rlm@46 6467 this._sort("value", dir, fn);
rlm@46 6468 },
rlm@46 6469
rlm@46 6470
rlm@46 6471 keySort : function(dir, fn){
rlm@46 6472 this._sort("key", dir, fn || function(a, b){
rlm@46 6473 return String(a).toUpperCase()-String(b).toUpperCase();
rlm@46 6474 });
rlm@46 6475 },
rlm@46 6476
rlm@46 6477
rlm@46 6478 getRange : function(start, end){
rlm@46 6479 var items = this.items;
rlm@46 6480 if(items.length < 1){
rlm@46 6481 return [];
rlm@46 6482 }
rlm@46 6483 start = start || 0;
rlm@46 6484 end = Math.min(typeof end == "undefined" ? this.length-1 : end, this.length-1);
rlm@46 6485 var r = [];
rlm@46 6486 if(start <= end){
rlm@46 6487 for(var i = start; i <= end; i++) {
rlm@46 6488 r[r.length] = items[i];
rlm@46 6489 }
rlm@46 6490 }else{
rlm@46 6491 for(var i = start; i >= end; i--) {
rlm@46 6492 r[r.length] = items[i];
rlm@46 6493 }
rlm@46 6494 }
rlm@46 6495 return r;
rlm@46 6496 },
rlm@46 6497
rlm@46 6498
rlm@46 6499 filter : function(property, value, anyMatch, caseSensitive){
rlm@46 6500 if(Ext.isEmpty(value, false)){
rlm@46 6501 return this.clone();
rlm@46 6502 }
rlm@46 6503 value = this.createValueMatcher(value, anyMatch, caseSensitive);
rlm@46 6504 return this.filterBy(function(o){
rlm@46 6505 return o && value.test(o[property]);
rlm@46 6506 });
rlm@46 6507 },
rlm@46 6508
rlm@46 6509
rlm@46 6510 filterBy : function(fn, scope){
rlm@46 6511 var r = new Ext.util.MixedCollection();
rlm@46 6512 r.getKey = this.getKey;
rlm@46 6513 var k = this.keys, it = this.items;
rlm@46 6514 for(var i = 0, len = it.length; i < len; i++){
rlm@46 6515 if(fn.call(scope||this, it[i], k[i])){
rlm@46 6516 r.add(k[i], it[i]);
rlm@46 6517 }
rlm@46 6518 }
rlm@46 6519 return r;
rlm@46 6520 },
rlm@46 6521
rlm@46 6522
rlm@46 6523 findIndex : function(property, value, start, anyMatch, caseSensitive){
rlm@46 6524 if(Ext.isEmpty(value, false)){
rlm@46 6525 return -1;
rlm@46 6526 }
rlm@46 6527 value = this.createValueMatcher(value, anyMatch, caseSensitive);
rlm@46 6528 return this.findIndexBy(function(o){
rlm@46 6529 return o && value.test(o[property]);
rlm@46 6530 }, null, start);
rlm@46 6531 },
rlm@46 6532
rlm@46 6533
rlm@46 6534 findIndexBy : function(fn, scope, start){
rlm@46 6535 var k = this.keys, it = this.items;
rlm@46 6536 for(var i = (start||0), len = it.length; i < len; i++){
rlm@46 6537 if(fn.call(scope||this, it[i], k[i])){
rlm@46 6538 return i;
rlm@46 6539 }
rlm@46 6540 }
rlm@46 6541 if(typeof start == 'number' && start > 0){
rlm@46 6542 for(var i = 0; i < start; i++){
rlm@46 6543 if(fn.call(scope||this, it[i], k[i])){
rlm@46 6544 return i;
rlm@46 6545 }
rlm@46 6546 }
rlm@46 6547 }
rlm@46 6548 return -1;
rlm@46 6549 },
rlm@46 6550
rlm@46 6551
rlm@46 6552 createValueMatcher : function(value, anyMatch, caseSensitive){
rlm@46 6553 if(!value.exec){
rlm@46 6554 value = String(value);
rlm@46 6555 value = new RegExp((anyMatch === true ? '' : '^') + Ext.escapeRe(value), caseSensitive ? '' : 'i');
rlm@46 6556 }
rlm@46 6557 return value;
rlm@46 6558 },
rlm@46 6559
rlm@46 6560
rlm@46 6561 clone : function(){
rlm@46 6562 var r = new Ext.util.MixedCollection();
rlm@46 6563 var k = this.keys, it = this.items;
rlm@46 6564 for(var i = 0, len = it.length; i < len; i++){
rlm@46 6565 r.add(k[i], it[i]);
rlm@46 6566 }
rlm@46 6567 r.getKey = this.getKey;
rlm@46 6568 return r;
rlm@46 6569 }
rlm@46 6570 });
rlm@46 6571
rlm@46 6572 Ext.util.MixedCollection.prototype.get = Ext.util.MixedCollection.prototype.item;
rlm@46 6573
rlm@46 6574 Ext.util.JSON = new (function(){
rlm@46 6575 var useHasOwn = !!{}.hasOwnProperty;
rlm@46 6576
rlm@46 6577
rlm@46 6578 var pad = function(n) {
rlm@46 6579 return n < 10 ? "0" + n : n;
rlm@46 6580 };
rlm@46 6581
rlm@46 6582 var m = {
rlm@46 6583 "\b": '\\b',
rlm@46 6584 "\t": '\\t',
rlm@46 6585 "\n": '\\n',
rlm@46 6586 "\f": '\\f',
rlm@46 6587 "\r": '\\r',
rlm@46 6588 '"' : '\\"',
rlm@46 6589 "\\": '\\\\'
rlm@46 6590 };
rlm@46 6591
rlm@46 6592 var encodeString = function(s){
rlm@46 6593 if (/["\\\x00-\x1f]/.test(s)) {
rlm@46 6594 return '"' + s.replace(/([\x00-\x1f\\"])/g, function(a, b) {
rlm@46 6595 var c = m[b];
rlm@46 6596 if(c){
rlm@46 6597 return c;
rlm@46 6598 }
rlm@46 6599 c = b.charCodeAt();
rlm@46 6600 return "\\u00" +
rlm@46 6601 Math.floor(c / 16).toString(16) +
rlm@46 6602 (c % 16).toString(16);
rlm@46 6603 }) + '"';
rlm@46 6604 }
rlm@46 6605 return '"' + s + '"';
rlm@46 6606 };
rlm@46 6607
rlm@46 6608 var encodeArray = function(o){
rlm@46 6609 var a = ["["], b, i, l = o.length, v;
rlm@46 6610 for (i = 0; i < l; i += 1) {
rlm@46 6611 v = o[i];
rlm@46 6612 switch (typeof v) {
rlm@46 6613 case "undefined":
rlm@46 6614 case "function":
rlm@46 6615 case "unknown":
rlm@46 6616 break;
rlm@46 6617 default:
rlm@46 6618 if (b) {
rlm@46 6619 a.push(',');
rlm@46 6620 }
rlm@46 6621 a.push(v === null ? "null" : Ext.util.JSON.encode(v));
rlm@46 6622 b = true;
rlm@46 6623 }
rlm@46 6624 }
rlm@46 6625 a.push("]");
rlm@46 6626 return a.join("");
rlm@46 6627 };
rlm@46 6628
rlm@46 6629 this.encodeDate = function(o){
rlm@46 6630 return '"' + o.getFullYear() + "-" +
rlm@46 6631 pad(o.getMonth() + 1) + "-" +
rlm@46 6632 pad(o.getDate()) + "T" +
rlm@46 6633 pad(o.getHours()) + ":" +
rlm@46 6634 pad(o.getMinutes()) + ":" +
rlm@46 6635 pad(o.getSeconds()) + '"';
rlm@46 6636 };
rlm@46 6637
rlm@46 6638
rlm@46 6639 this.encode = function(o){
rlm@46 6640 if(typeof o == "undefined" || o === null){
rlm@46 6641 return "null";
rlm@46 6642 }else if(Ext.isArray(o)){
rlm@46 6643 return encodeArray(o);
rlm@46 6644 }else if(Ext.isDate(o)){
rlm@46 6645 return Ext.util.JSON.encodeDate(o);
rlm@46 6646 }else if(typeof o == "string"){
rlm@46 6647 return encodeString(o);
rlm@46 6648 }else if(typeof o == "number"){
rlm@46 6649 return isFinite(o) ? String(o) : "null";
rlm@46 6650 }else if(typeof o == "boolean"){
rlm@46 6651 return String(o);
rlm@46 6652 }else {
rlm@46 6653 var a = ["{"], b, i, v;
rlm@46 6654 for (i in o) {
rlm@46 6655 if(!useHasOwn || o.hasOwnProperty(i)) {
rlm@46 6656 v = o[i];
rlm@46 6657 switch (typeof v) {
rlm@46 6658 case "undefined":
rlm@46 6659 case "function":
rlm@46 6660 case "unknown":
rlm@46 6661 break;
rlm@46 6662 default:
rlm@46 6663 if(b){
rlm@46 6664 a.push(',');
rlm@46 6665 }
rlm@46 6666 a.push(this.encode(i), ":",
rlm@46 6667 v === null ? "null" : this.encode(v));
rlm@46 6668 b = true;
rlm@46 6669 }
rlm@46 6670 }
rlm@46 6671 }
rlm@46 6672 a.push("}");
rlm@46 6673 return a.join("");
rlm@46 6674 }
rlm@46 6675 };
rlm@46 6676
rlm@46 6677
rlm@46 6678 this.decode = function(json){
rlm@46 6679 return eval("(" + json + ')');
rlm@46 6680 };
rlm@46 6681 })();
rlm@46 6682
rlm@46 6683 Ext.encode = Ext.util.JSON.encode;
rlm@46 6684
rlm@46 6685 Ext.decode = Ext.util.JSON.decode;
rlm@46 6686
rlm@46 6687
rlm@46 6688 Ext.util.Format = function(){
rlm@46 6689 var trimRe = /^\s+|\s+$/g;
rlm@46 6690 return {
rlm@46 6691
rlm@46 6692 ellipsis : function(value, len){
rlm@46 6693 if(value && value.length > len){
rlm@46 6694 return value.substr(0, len-3)+"...";
rlm@46 6695 }
rlm@46 6696 return value;
rlm@46 6697 },
rlm@46 6698
rlm@46 6699
rlm@46 6700 undef : function(value){
rlm@46 6701 return value !== undefined ? value : "";
rlm@46 6702 },
rlm@46 6703
rlm@46 6704
rlm@46 6705 defaultValue : function(value, defaultValue){
rlm@46 6706 return value !== undefined && value !== '' ? value : defaultValue;
rlm@46 6707 },
rlm@46 6708
rlm@46 6709
rlm@46 6710 htmlEncode : function(value){
rlm@46 6711 return !value ? value : String(value).replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
rlm@46 6712 },
rlm@46 6713
rlm@46 6714
rlm@46 6715 htmlDecode : function(value){
rlm@46 6716 return !value ? value : String(value).replace(/&amp;/g, "&").replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&quot;/g, '"');
rlm@46 6717 },
rlm@46 6718
rlm@46 6719
rlm@46 6720 trim : function(value){
rlm@46 6721 return String(value).replace(trimRe, "");
rlm@46 6722 },
rlm@46 6723
rlm@46 6724
rlm@46 6725 substr : function(value, start, length){
rlm@46 6726 return String(value).substr(start, length);
rlm@46 6727 },
rlm@46 6728
rlm@46 6729
rlm@46 6730 lowercase : function(value){
rlm@46 6731 return String(value).toLowerCase();
rlm@46 6732 },
rlm@46 6733
rlm@46 6734
rlm@46 6735 uppercase : function(value){
rlm@46 6736 return String(value).toUpperCase();
rlm@46 6737 },
rlm@46 6738
rlm@46 6739
rlm@46 6740 capitalize : function(value){
rlm@46 6741 return !value ? value : value.charAt(0).toUpperCase() + value.substr(1).toLowerCase();
rlm@46 6742 },
rlm@46 6743
rlm@46 6744
rlm@46 6745 call : function(value, fn){
rlm@46 6746 if(arguments.length > 2){
rlm@46 6747 var args = Array.prototype.slice.call(arguments, 2);
rlm@46 6748 args.unshift(value);
rlm@46 6749 return eval(fn).apply(window, args);
rlm@46 6750 }else{
rlm@46 6751 return eval(fn).call(window, value);
rlm@46 6752 }
rlm@46 6753 },
rlm@46 6754
rlm@46 6755
rlm@46 6756 usMoney : function(v){
rlm@46 6757 v = (Math.round((v-0)*100))/100;
rlm@46 6758 v = (v == Math.floor(v)) ? v + ".00" : ((v*10 == Math.floor(v*10)) ? v + "0" : v);
rlm@46 6759 v = String(v);
rlm@46 6760 var ps = v.split('.');
rlm@46 6761 var whole = ps[0];
rlm@46 6762 var sub = ps[1] ? '.'+ ps[1] : '.00';
rlm@46 6763 var r = /(\d+)(\d{3})/;
rlm@46 6764 while (r.test(whole)) {
rlm@46 6765 whole = whole.replace(r, '$1' + ',' + '$2');
rlm@46 6766 }
rlm@46 6767 v = whole + sub;
rlm@46 6768 if(v.charAt(0) == '-'){
rlm@46 6769 return '-$' + v.substr(1);
rlm@46 6770 }
rlm@46 6771 return "$" + v;
rlm@46 6772 },
rlm@46 6773
rlm@46 6774
rlm@46 6775 date : function(v, format){
rlm@46 6776 if(!v){
rlm@46 6777 return "";
rlm@46 6778 }
rlm@46 6779 if(!Ext.isDate(v)){
rlm@46 6780 v = new Date(Date.parse(v));
rlm@46 6781 }
rlm@46 6782 return v.dateFormat(format || "m/d/Y");
rlm@46 6783 },
rlm@46 6784
rlm@46 6785
rlm@46 6786 dateRenderer : function(format){
rlm@46 6787 return function(v){
rlm@46 6788 return Ext.util.Format.date(v, format);
rlm@46 6789 };
rlm@46 6790 },
rlm@46 6791
rlm@46 6792
rlm@46 6793 stripTagsRE : /<\/?[^>]+>/gi,
rlm@46 6794
rlm@46 6795
rlm@46 6796 stripTags : function(v){
rlm@46 6797 return !v ? v : String(v).replace(this.stripTagsRE, "");
rlm@46 6798 },
rlm@46 6799
rlm@46 6800 stripScriptsRe : /(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig,
rlm@46 6801
rlm@46 6802
rlm@46 6803 stripScripts : function(v){
rlm@46 6804 return !v ? v : String(v).replace(this.stripScriptsRe, "");
rlm@46 6805 },
rlm@46 6806
rlm@46 6807
rlm@46 6808 fileSize : function(size){
rlm@46 6809 if(size < 1024) {
rlm@46 6810 return size + " bytes";
rlm@46 6811 } else if(size < 1048576) {
rlm@46 6812 return (Math.round(((size*10) / 1024))/10) + " KB";
rlm@46 6813 } else {
rlm@46 6814 return (Math.round(((size*10) / 1048576))/10) + " MB";
rlm@46 6815 }
rlm@46 6816 },
rlm@46 6817
rlm@46 6818 math : function(){
rlm@46 6819 var fns = {};
rlm@46 6820 return function(v, a){
rlm@46 6821 if(!fns[a]){
rlm@46 6822 fns[a] = new Function('v', 'return v ' + a + ';');
rlm@46 6823 }
rlm@46 6824 return fns[a](v);
rlm@46 6825 }
rlm@46 6826 }()
rlm@46 6827 };
rlm@46 6828 }();
rlm@46 6829
rlm@46 6830 Ext.XTemplate = function(){
rlm@46 6831 Ext.XTemplate.superclass.constructor.apply(this, arguments);
rlm@46 6832 var s = this.html;
rlm@46 6833
rlm@46 6834 s = ['<tpl>', s, '</tpl>'].join('');
rlm@46 6835
rlm@46 6836 var re = /<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;
rlm@46 6837
rlm@46 6838 var nameRe = /^<tpl\b[^>]*?for="(.*?)"/;
rlm@46 6839 var ifRe = /^<tpl\b[^>]*?if="(.*?)"/;
rlm@46 6840 var execRe = /^<tpl\b[^>]*?exec="(.*?)"/;
rlm@46 6841 var m, id = 0;
rlm@46 6842 var tpls = [];
rlm@46 6843
rlm@46 6844 while(m = s.match(re)){
rlm@46 6845 var m2 = m[0].match(nameRe);
rlm@46 6846 var m3 = m[0].match(ifRe);
rlm@46 6847 var m4 = m[0].match(execRe);
rlm@46 6848 var exp = null, fn = null, exec = null;
rlm@46 6849 var name = m2 && m2[1] ? m2[1] : '';
rlm@46 6850 if(m3){
rlm@46 6851 exp = m3 && m3[1] ? m3[1] : null;
rlm@46 6852 if(exp){
rlm@46 6853 fn = new Function('values', 'parent', 'xindex', 'xcount', 'with(values){ return '+(Ext.util.Format.htmlDecode(exp))+'; }');
rlm@46 6854 }
rlm@46 6855 }
rlm@46 6856 if(m4){
rlm@46 6857 exp = m4 && m4[1] ? m4[1] : null;
rlm@46 6858 if(exp){
rlm@46 6859 exec = new Function('values', 'parent', 'xindex', 'xcount', 'with(values){ '+(Ext.util.Format.htmlDecode(exp))+'; }');
rlm@46 6860 }
rlm@46 6861 }
rlm@46 6862 if(name){
rlm@46 6863 switch(name){
rlm@46 6864 case '.': name = new Function('values', 'parent', 'with(values){ return values; }'); break;
rlm@46 6865 case '..': name = new Function('values', 'parent', 'with(values){ return parent; }'); break;
rlm@46 6866 default: name = new Function('values', 'parent', 'with(values){ return '+name+'; }');
rlm@46 6867 }
rlm@46 6868 }
rlm@46 6869 tpls.push({
rlm@46 6870 id: id,
rlm@46 6871 target: name,
rlm@46 6872 exec: exec,
rlm@46 6873 test: fn,
rlm@46 6874 body: m[1]||''
rlm@46 6875 });
rlm@46 6876 s = s.replace(m[0], '{xtpl'+ id + '}');
rlm@46 6877 ++id;
rlm@46 6878 }
rlm@46 6879 for(var i = tpls.length-1; i >= 0; --i){
rlm@46 6880 this.compileTpl(tpls[i]);
rlm@46 6881 }
rlm@46 6882 this.master = tpls[tpls.length-1];
rlm@46 6883 this.tpls = tpls;
rlm@46 6884 };
rlm@46 6885 Ext.extend(Ext.XTemplate, Ext.Template, {
rlm@46 6886 re : /\{([\w-\.\#]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?(\s?[\+\-\*\\]\s?[\d\.\+\-\*\\\(\)]+)?\}/g,
rlm@46 6887 codeRe : /\{\[((?:\\\]|.|\n)*?)\]\}/g,
rlm@46 6888
rlm@46 6889 applySubTemplate : function(id, values, parent, xindex, xcount){
rlm@46 6890 var t = this.tpls[id];
rlm@46 6891 if(t.test && !t.test.call(this, values, parent, xindex, xcount)){
rlm@46 6892 return '';
rlm@46 6893 }
rlm@46 6894 if(t.exec && t.exec.call(this, values, parent, xindex, xcount)){
rlm@46 6895 return '';
rlm@46 6896 }
rlm@46 6897 var vs = t.target ? t.target.call(this, values, parent) : values;
rlm@46 6898 parent = t.target ? values : parent;
rlm@46 6899 if(t.target && Ext.isArray(vs)){
rlm@46 6900 var buf = [];
rlm@46 6901 for(var i = 0, len = vs.length; i < len; i++){
rlm@46 6902 buf[buf.length] = t.compiled.call(this, vs[i], parent, i+1, len);
rlm@46 6903 }
rlm@46 6904 return buf.join('');
rlm@46 6905 }
rlm@46 6906 return t.compiled.call(this, vs, parent, xindex, xcount);
rlm@46 6907 },
rlm@46 6908
rlm@46 6909 compileTpl : function(tpl){
rlm@46 6910 var fm = Ext.util.Format;
rlm@46 6911 var useF = this.disableFormats !== true;
rlm@46 6912 var sep = Ext.isGecko ? "+" : ",";
rlm@46 6913 var fn = function(m, name, format, args, math){
rlm@46 6914 if(name.substr(0, 4) == 'xtpl'){
rlm@46 6915 return "'"+ sep +'this.applySubTemplate('+name.substr(4)+', values, parent, xindex, xcount)'+sep+"'";
rlm@46 6916 }
rlm@46 6917 var v;
rlm@46 6918 if(name === '.'){
rlm@46 6919 v = 'values';
rlm@46 6920 }else if(name === '#'){
rlm@46 6921 v = 'xindex';
rlm@46 6922 }else if(name.indexOf('.') != -1){
rlm@46 6923 v = name;
rlm@46 6924 }else{
rlm@46 6925 v = "values['" + name + "']";
rlm@46 6926 }
rlm@46 6927 if(math){
rlm@46 6928 v = '(' + v + math + ')';
rlm@46 6929 }
rlm@46 6930 if(format && useF){
rlm@46 6931 args = args ? ',' + args : "";
rlm@46 6932 if(format.substr(0, 5) != "this."){
rlm@46 6933 format = "fm." + format + '(';
rlm@46 6934 }else{
rlm@46 6935 format = 'this.call("'+ format.substr(5) + '", ';
rlm@46 6936 args = ", values";
rlm@46 6937 }
rlm@46 6938 }else{
rlm@46 6939 args= ''; format = "("+v+" === undefined ? '' : ";
rlm@46 6940 }
rlm@46 6941 return "'"+ sep + format + v + args + ")"+sep+"'";
rlm@46 6942 };
rlm@46 6943 var codeFn = function(m, code){
rlm@46 6944 return "'"+ sep +'('+code+')'+sep+"'";
rlm@46 6945 };
rlm@46 6946
rlm@46 6947 var body;
rlm@46 6948 if(Ext.isGecko){
rlm@46 6949 body = "tpl.compiled = function(values, parent, xindex, xcount){ return '" +
rlm@46 6950 tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn).replace(this.codeRe, codeFn) +
rlm@46 6951 "';};";
rlm@46 6952 }else{
rlm@46 6953 body = ["tpl.compiled = function(values, parent, xindex, xcount){ return ['"];
rlm@46 6954 body.push(tpl.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn).replace(this.codeRe, codeFn));
rlm@46 6955 body.push("'].join('');};");
rlm@46 6956 body = body.join('');
rlm@46 6957 }
rlm@46 6958 eval(body);
rlm@46 6959 return this;
rlm@46 6960 },
rlm@46 6961
rlm@46 6962
rlm@46 6963 applyTemplate : function(values){
rlm@46 6964 return this.master.compiled.call(this, values, {}, 1, 1);
rlm@46 6965 },
rlm@46 6966
rlm@46 6967
rlm@46 6968 compile : function(){return this;}
rlm@46 6969
rlm@46 6970
rlm@46 6971
rlm@46 6972
rlm@46 6973
rlm@46 6974 });
rlm@46 6975
rlm@46 6976 Ext.XTemplate.prototype.apply = Ext.XTemplate.prototype.applyTemplate;
rlm@46 6977
rlm@46 6978
rlm@46 6979 Ext.XTemplate.from = function(el){
rlm@46 6980 el = Ext.getDom(el);
rlm@46 6981 return new Ext.XTemplate(el.value || el.innerHTML);
rlm@46 6982 };
rlm@46 6983
rlm@46 6984 Ext.util.CSS = function(){
rlm@46 6985 var rules = null;
rlm@46 6986 var doc = document;
rlm@46 6987
rlm@46 6988 var camelRe = /(-[a-z])/gi;
rlm@46 6989 var camelFn = function(m, a){ return a.charAt(1).toUpperCase(); };
rlm@46 6990
rlm@46 6991 return {
rlm@46 6992
rlm@46 6993 createStyleSheet : function(cssText, id){
rlm@46 6994 var ss;
rlm@46 6995 var head = doc.getElementsByTagName("head")[0];
rlm@46 6996 var rules = doc.createElement("style");
rlm@46 6997 rules.setAttribute("type", "text/css");
rlm@46 6998 if(id){
rlm@46 6999 rules.setAttribute("id", id);
rlm@46 7000 }
rlm@46 7001 if(Ext.isIE){
rlm@46 7002 head.appendChild(rules);
rlm@46 7003 ss = rules.styleSheet;
rlm@46 7004 ss.cssText = cssText;
rlm@46 7005 }else{
rlm@46 7006 try{
rlm@46 7007 rules.appendChild(doc.createTextNode(cssText));
rlm@46 7008 }catch(e){
rlm@46 7009 rules.cssText = cssText;
rlm@46 7010 }
rlm@46 7011 head.appendChild(rules);
rlm@46 7012 ss = rules.styleSheet ? rules.styleSheet : (rules.sheet || doc.styleSheets[doc.styleSheets.length-1]);
rlm@46 7013 }
rlm@46 7014 this.cacheStyleSheet(ss);
rlm@46 7015 return ss;
rlm@46 7016 },
rlm@46 7017
rlm@46 7018
rlm@46 7019 removeStyleSheet : function(id){
rlm@46 7020 var existing = doc.getElementById(id);
rlm@46 7021 if(existing){
rlm@46 7022 existing.parentNode.removeChild(existing);
rlm@46 7023 }
rlm@46 7024 },
rlm@46 7025
rlm@46 7026
rlm@46 7027 swapStyleSheet : function(id, url){
rlm@46 7028 this.removeStyleSheet(id);
rlm@46 7029 var ss = doc.createElement("link");
rlm@46 7030 ss.setAttribute("rel", "stylesheet");
rlm@46 7031 ss.setAttribute("type", "text/css");
rlm@46 7032 ss.setAttribute("id", id);
rlm@46 7033 ss.setAttribute("href", url);
rlm@46 7034 doc.getElementsByTagName("head")[0].appendChild(ss);
rlm@46 7035 },
rlm@46 7036
rlm@46 7037
rlm@46 7038 refreshCache : function(){
rlm@46 7039 return this.getRules(true);
rlm@46 7040 },
rlm@46 7041
rlm@46 7042
rlm@46 7043 cacheStyleSheet : function(ss){
rlm@46 7044 if(!rules){
rlm@46 7045 rules = {};
rlm@46 7046 }
rlm@46 7047 try{
rlm@46 7048 var ssRules = ss.cssRules || ss.rules;
rlm@46 7049 for(var j = ssRules.length-1; j >= 0; --j){
rlm@46 7050 rules[ssRules[j].selectorText] = ssRules[j];
rlm@46 7051 }
rlm@46 7052 }catch(e){}
rlm@46 7053 },
rlm@46 7054
rlm@46 7055
rlm@46 7056 getRules : function(refreshCache){
rlm@46 7057 if(rules == null || refreshCache){
rlm@46 7058 rules = {};
rlm@46 7059 var ds = doc.styleSheets;
rlm@46 7060 for(var i =0, len = ds.length; i < len; i++){
rlm@46 7061 try{
rlm@46 7062 this.cacheStyleSheet(ds[i]);
rlm@46 7063 }catch(e){}
rlm@46 7064 }
rlm@46 7065 }
rlm@46 7066 return rules;
rlm@46 7067 },
rlm@46 7068
rlm@46 7069
rlm@46 7070 getRule : function(selector, refreshCache){
rlm@46 7071 var rs = this.getRules(refreshCache);
rlm@46 7072 if(!Ext.isArray(selector)){
rlm@46 7073 return rs[selector];
rlm@46 7074 }
rlm@46 7075 for(var i = 0; i < selector.length; i++){
rlm@46 7076 if(rs[selector[i]]){
rlm@46 7077 return rs[selector[i]];
rlm@46 7078 }
rlm@46 7079 }
rlm@46 7080 return null;
rlm@46 7081 },
rlm@46 7082
rlm@46 7083
rlm@46 7084
rlm@46 7085 updateRule : function(selector, property, value){
rlm@46 7086 if(!Ext.isArray(selector)){
rlm@46 7087 var rule = this.getRule(selector);
rlm@46 7088 if(rule){
rlm@46 7089 rule.style[property.replace(camelRe, camelFn)] = value;
rlm@46 7090 return true;
rlm@46 7091 }
rlm@46 7092 }else{
rlm@46 7093 for(var i = 0; i < selector.length; i++){
rlm@46 7094 if(this.updateRule(selector[i], property, value)){
rlm@46 7095 return true;
rlm@46 7096 }
rlm@46 7097 }
rlm@46 7098 }
rlm@46 7099 return false;
rlm@46 7100 }
rlm@46 7101 };
rlm@46 7102 }();
rlm@46 7103
rlm@46 7104 Ext.util.ClickRepeater = function(el, config)
rlm@46 7105 {
rlm@46 7106 this.el = Ext.get(el);
rlm@46 7107 this.el.unselectable();
rlm@46 7108
rlm@46 7109 Ext.apply(this, config);
rlm@46 7110
rlm@46 7111 this.addEvents(
rlm@46 7112
rlm@46 7113 "mousedown",
rlm@46 7114
rlm@46 7115 "click",
rlm@46 7116
rlm@46 7117 "mouseup"
rlm@46 7118 );
rlm@46 7119
rlm@46 7120 this.el.on("mousedown", this.handleMouseDown, this);
rlm@46 7121 if(this.preventDefault || this.stopDefault){
rlm@46 7122 this.el.on("click", function(e){
rlm@46 7123 if(this.preventDefault){
rlm@46 7124 e.preventDefault();
rlm@46 7125 }
rlm@46 7126 if(this.stopDefault){
rlm@46 7127 e.stopEvent();
rlm@46 7128 }
rlm@46 7129 }, this);
rlm@46 7130 }
rlm@46 7131
rlm@46 7132 if(this.handler){
rlm@46 7133 this.on("click", this.handler, this.scope || this);
rlm@46 7134 }
rlm@46 7135
rlm@46 7136 Ext.util.ClickRepeater.superclass.constructor.call(this);
rlm@46 7137 };
rlm@46 7138
rlm@46 7139 Ext.extend(Ext.util.ClickRepeater, Ext.util.Observable, {
rlm@46 7140 interval : 20,
rlm@46 7141 delay: 250,
rlm@46 7142 preventDefault : true,
rlm@46 7143 stopDefault : false,
rlm@46 7144 timer : 0,
rlm@46 7145
rlm@46 7146 handleMouseDown : function(){
rlm@46 7147 clearTimeout(this.timer);
rlm@46 7148 this.el.blur();
rlm@46 7149 if(this.pressClass){
rlm@46 7150 this.el.addClass(this.pressClass);
rlm@46 7151 }
rlm@46 7152 this.mousedownTime = new Date();
rlm@46 7153
rlm@46 7154 Ext.getDoc().on("mouseup", this.handleMouseUp, this);
rlm@46 7155 this.el.on("mouseout", this.handleMouseOut, this);
rlm@46 7156
rlm@46 7157 this.fireEvent("mousedown", this);
rlm@46 7158 this.fireEvent("click", this);
rlm@46 7159
rlm@46 7160 if (this.accelerate) {
rlm@46 7161 this.delay = 400;
rlm@46 7162 }
rlm@46 7163 this.timer = this.click.defer(this.delay || this.interval, this);
rlm@46 7164 },
rlm@46 7165
rlm@46 7166 click : function(){
rlm@46 7167 this.fireEvent("click", this);
rlm@46 7168 this.timer = this.click.defer(this.accelerate ?
rlm@46 7169 this.easeOutExpo(this.mousedownTime.getElapsed(),
rlm@46 7170 400,
rlm@46 7171 -390,
rlm@46 7172 12000) :
rlm@46 7173 this.interval, this);
rlm@46 7174 },
rlm@46 7175
rlm@46 7176 easeOutExpo : function (t, b, c, d) {
rlm@46 7177 return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
rlm@46 7178 },
rlm@46 7179
rlm@46 7180 handleMouseOut : function(){
rlm@46 7181 clearTimeout(this.timer);
rlm@46 7182 if(this.pressClass){
rlm@46 7183 this.el.removeClass(this.pressClass);
rlm@46 7184 }
rlm@46 7185 this.el.on("mouseover", this.handleMouseReturn, this);
rlm@46 7186 },
rlm@46 7187
rlm@46 7188 handleMouseReturn : function(){
rlm@46 7189 this.el.un("mouseover", this.handleMouseReturn);
rlm@46 7190 if(this.pressClass){
rlm@46 7191 this.el.addClass(this.pressClass);
rlm@46 7192 }
rlm@46 7193 this.click();
rlm@46 7194 },
rlm@46 7195
rlm@46 7196 handleMouseUp : function(){
rlm@46 7197 clearTimeout(this.timer);
rlm@46 7198 this.el.un("mouseover", this.handleMouseReturn);
rlm@46 7199 this.el.un("mouseout", this.handleMouseOut);
rlm@46 7200 Ext.getDoc().un("mouseup", this.handleMouseUp);
rlm@46 7201 this.el.removeClass(this.pressClass);
rlm@46 7202 this.fireEvent("mouseup", this);
rlm@46 7203 }
rlm@46 7204 });
rlm@46 7205
rlm@46 7206 Ext.KeyNav = function(el, config){
rlm@46 7207 this.el = Ext.get(el);
rlm@46 7208 Ext.apply(this, config);
rlm@46 7209 if(!this.disabled){
rlm@46 7210 this.disabled = true;
rlm@46 7211 this.enable();
rlm@46 7212 }
rlm@46 7213 };
rlm@46 7214
rlm@46 7215 Ext.KeyNav.prototype = {
rlm@46 7216
rlm@46 7217 disabled : false,
rlm@46 7218
rlm@46 7219 defaultEventAction: "stopEvent",
rlm@46 7220
rlm@46 7221 forceKeyDown : false,
rlm@46 7222
rlm@46 7223 prepareEvent : function(e){
rlm@46 7224 var k = e.getKey();
rlm@46 7225 var h = this.keyToHandler[k];
rlm@46 7226 if(Ext.isSafari2 && h && k >= 37 && k <= 40){
rlm@46 7227 e.stopEvent();
rlm@46 7228 }
rlm@46 7229 },
rlm@46 7230
rlm@46 7231 relay : function(e){
rlm@46 7232 var k = e.getKey();
rlm@46 7233 var h = this.keyToHandler[k];
rlm@46 7234 if(h && this[h]){
rlm@46 7235 if(this.doRelay(e, this[h], h) !== true){
rlm@46 7236 e[this.defaultEventAction]();
rlm@46 7237 }
rlm@46 7238 }
rlm@46 7239 },
rlm@46 7240
rlm@46 7241 doRelay : function(e, h, hname){
rlm@46 7242 return h.call(this.scope || this, e);
rlm@46 7243 },
rlm@46 7244
rlm@46 7245 enter : false,
rlm@46 7246 left : false,
rlm@46 7247 right : false,
rlm@46 7248 up : false,
rlm@46 7249 down : false,
rlm@46 7250 tab : false,
rlm@46 7251 esc : false,
rlm@46 7252 pageUp : false,
rlm@46 7253 pageDown : false,
rlm@46 7254 del : false,
rlm@46 7255 home : false,
rlm@46 7256 end : false,
rlm@46 7257
rlm@46 7258 keyToHandler : {
rlm@46 7259 37 : "left",
rlm@46 7260 39 : "right",
rlm@46 7261 38 : "up",
rlm@46 7262 40 : "down",
rlm@46 7263 33 : "pageUp",
rlm@46 7264 34 : "pageDown",
rlm@46 7265 46 : "del",
rlm@46 7266 36 : "home",
rlm@46 7267 35 : "end",
rlm@46 7268 13 : "enter",
rlm@46 7269 27 : "esc",
rlm@46 7270 9 : "tab"
rlm@46 7271 },
rlm@46 7272
rlm@46 7273
rlm@46 7274 enable: function(){
rlm@46 7275 if(this.disabled){
rlm@46 7276 if(this.forceKeyDown || Ext.isIE || Ext.isSafari3 || Ext.isAir){
rlm@46 7277 this.el.on("keydown", this.relay, this);
rlm@46 7278 }else{
rlm@46 7279 this.el.on("keydown", this.prepareEvent, this);
rlm@46 7280 this.el.on("keypress", this.relay, this);
rlm@46 7281 }
rlm@46 7282 this.disabled = false;
rlm@46 7283 }
rlm@46 7284 },
rlm@46 7285
rlm@46 7286
rlm@46 7287 disable: function(){
rlm@46 7288 if(!this.disabled){
rlm@46 7289 if(this.forceKeyDown || Ext.isIE || Ext.isSafari3 || Ext.isAir){
rlm@46 7290 this.el.un("keydown", this.relay);
rlm@46 7291 }else{
rlm@46 7292 this.el.un("keydown", this.prepareEvent);
rlm@46 7293 this.el.un("keypress", this.relay);
rlm@46 7294 }
rlm@46 7295 this.disabled = true;
rlm@46 7296 }
rlm@46 7297 }
rlm@46 7298 };
rlm@46 7299
rlm@46 7300 Ext.KeyMap = function(el, config, eventName){
rlm@46 7301 this.el = Ext.get(el);
rlm@46 7302 this.eventName = eventName || "keydown";
rlm@46 7303 this.bindings = [];
rlm@46 7304 if(config){
rlm@46 7305 this.addBinding(config);
rlm@46 7306 }
rlm@46 7307 this.enable();
rlm@46 7308 };
rlm@46 7309
rlm@46 7310 Ext.KeyMap.prototype = {
rlm@46 7311
rlm@46 7312 stopEvent : false,
rlm@46 7313
rlm@46 7314
rlm@46 7315 addBinding : function(config){
rlm@46 7316 if(Ext.isArray(config)){
rlm@46 7317 for(var i = 0, len = config.length; i < len; i++){
rlm@46 7318 this.addBinding(config[i]);
rlm@46 7319 }
rlm@46 7320 return;
rlm@46 7321 }
rlm@46 7322 var keyCode = config.key,
rlm@46 7323 shift = config.shift,
rlm@46 7324 ctrl = config.ctrl,
rlm@46 7325 alt = config.alt,
rlm@46 7326 fn = config.fn || config.handler,
rlm@46 7327 scope = config.scope;
rlm@46 7328
rlm@46 7329 if(typeof keyCode == "string"){
rlm@46 7330 var ks = [];
rlm@46 7331 var keyString = keyCode.toUpperCase();
rlm@46 7332 for(var j = 0, len = keyString.length; j < len; j++){
rlm@46 7333 ks.push(keyString.charCodeAt(j));
rlm@46 7334 }
rlm@46 7335 keyCode = ks;
rlm@46 7336 }
rlm@46 7337 var keyArray = Ext.isArray(keyCode);
rlm@46 7338
rlm@46 7339 var handler = function(e){
rlm@46 7340 if((!shift || e.shiftKey) && (!ctrl || e.ctrlKey) && (!alt || e.altKey)){
rlm@46 7341 var k = e.getKey();
rlm@46 7342 if(keyArray){
rlm@46 7343 for(var i = 0, len = keyCode.length; i < len; i++){
rlm@46 7344 if(keyCode[i] == k){
rlm@46 7345 if(this.stopEvent){
rlm@46 7346 e.stopEvent();
rlm@46 7347 }
rlm@46 7348 fn.call(scope || window, k, e);
rlm@46 7349 return;
rlm@46 7350 }
rlm@46 7351 }
rlm@46 7352 }else{
rlm@46 7353 if(k == keyCode){
rlm@46 7354 if(this.stopEvent){
rlm@46 7355 e.stopEvent();
rlm@46 7356 }
rlm@46 7357 fn.call(scope || window, k, e);
rlm@46 7358 }
rlm@46 7359 }
rlm@46 7360 }
rlm@46 7361 };
rlm@46 7362 this.bindings.push(handler);
rlm@46 7363 },
rlm@46 7364
rlm@46 7365
rlm@46 7366 on : function(key, fn, scope){
rlm@46 7367 var keyCode, shift, ctrl, alt;
rlm@46 7368 if(typeof key == "object" && !Ext.isArray(key)){
rlm@46 7369 keyCode = key.key;
rlm@46 7370 shift = key.shift;
rlm@46 7371 ctrl = key.ctrl;
rlm@46 7372 alt = key.alt;
rlm@46 7373 }else{
rlm@46 7374 keyCode = key;
rlm@46 7375 }
rlm@46 7376 this.addBinding({
rlm@46 7377 key: keyCode,
rlm@46 7378 shift: shift,
rlm@46 7379 ctrl: ctrl,
rlm@46 7380 alt: alt,
rlm@46 7381 fn: fn,
rlm@46 7382 scope: scope
rlm@46 7383 })
rlm@46 7384 },
rlm@46 7385
rlm@46 7386
rlm@46 7387 handleKeyDown : function(e){
rlm@46 7388 if(this.enabled){
rlm@46 7389 var b = this.bindings;
rlm@46 7390 for(var i = 0, len = b.length; i < len; i++){
rlm@46 7391 b[i].call(this, e);
rlm@46 7392 }
rlm@46 7393 }
rlm@46 7394 },
rlm@46 7395
rlm@46 7396
rlm@46 7397 isEnabled : function(){
rlm@46 7398 return this.enabled;
rlm@46 7399 },
rlm@46 7400
rlm@46 7401
rlm@46 7402 enable: function(){
rlm@46 7403 if(!this.enabled){
rlm@46 7404 this.el.on(this.eventName, this.handleKeyDown, this);
rlm@46 7405 this.enabled = true;
rlm@46 7406 }
rlm@46 7407 },
rlm@46 7408
rlm@46 7409
rlm@46 7410 disable: function(){
rlm@46 7411 if(this.enabled){
rlm@46 7412 this.el.removeListener(this.eventName, this.handleKeyDown, this);
rlm@46 7413 this.enabled = false;
rlm@46 7414 }
rlm@46 7415 }
rlm@46 7416 };
rlm@46 7417
rlm@46 7418 Ext.util.TextMetrics = function(){
rlm@46 7419 var shared;
rlm@46 7420 return {
rlm@46 7421
rlm@46 7422 measure : function(el, text, fixedWidth){
rlm@46 7423 if(!shared){
rlm@46 7424 shared = Ext.util.TextMetrics.Instance(el, fixedWidth);
rlm@46 7425 }
rlm@46 7426 shared.bind(el);
rlm@46 7427 shared.setFixedWidth(fixedWidth || 'auto');
rlm@46 7428 return shared.getSize(text);
rlm@46 7429 },
rlm@46 7430
rlm@46 7431
rlm@46 7432 createInstance : function(el, fixedWidth){
rlm@46 7433 return Ext.util.TextMetrics.Instance(el, fixedWidth);
rlm@46 7434 }
rlm@46 7435 };
rlm@46 7436 }();
rlm@46 7437
rlm@46 7438 Ext.util.TextMetrics.Instance = function(bindTo, fixedWidth){
rlm@46 7439 var ml = new Ext.Element(document.createElement('div'));
rlm@46 7440 document.body.appendChild(ml.dom);
rlm@46 7441 ml.position('absolute');
rlm@46 7442 ml.setLeftTop(-1000, -1000);
rlm@46 7443 ml.hide();
rlm@46 7444
rlm@46 7445 if(fixedWidth){
rlm@46 7446 ml.setWidth(fixedWidth);
rlm@46 7447 }
rlm@46 7448
rlm@46 7449 var instance = {
rlm@46 7450
rlm@46 7451 getSize : function(text){
rlm@46 7452 ml.update(text);
rlm@46 7453 var s = ml.getSize();
rlm@46 7454 ml.update('');
rlm@46 7455 return s;
rlm@46 7456 },
rlm@46 7457
rlm@46 7458
rlm@46 7459 bind : function(el){
rlm@46 7460 ml.setStyle(
rlm@46 7461 Ext.fly(el).getStyles('font-size','font-style', 'font-weight', 'font-family','line-height', 'text-transform', 'letter-spacing')
rlm@46 7462 );
rlm@46 7463 },
rlm@46 7464
rlm@46 7465
rlm@46 7466 setFixedWidth : function(width){
rlm@46 7467 ml.setWidth(width);
rlm@46 7468 },
rlm@46 7469
rlm@46 7470
rlm@46 7471 getWidth : function(text){
rlm@46 7472 ml.dom.style.width = 'auto';
rlm@46 7473 return this.getSize(text).width;
rlm@46 7474 },
rlm@46 7475
rlm@46 7476
rlm@46 7477 getHeight : function(text){
rlm@46 7478 return this.getSize(text).height;
rlm@46 7479 }
rlm@46 7480 };
rlm@46 7481
rlm@46 7482 instance.bind(bindTo);
rlm@46 7483
rlm@46 7484 return instance;
rlm@46 7485 };
rlm@46 7486
rlm@46 7487 Ext.Element.measureText = Ext.util.TextMetrics.measure;
rlm@46 7488
rlm@46 7489
rlm@46 7490 (function() {
rlm@46 7491
rlm@46 7492 var Event=Ext.EventManager;
rlm@46 7493 var Dom=Ext.lib.Dom;
rlm@46 7494
rlm@46 7495
rlm@46 7496 Ext.dd.DragDrop = function(id, sGroup, config) {
rlm@46 7497 if(id) {
rlm@46 7498 this.init(id, sGroup, config);
rlm@46 7499 }
rlm@46 7500 };
rlm@46 7501
rlm@46 7502 Ext.dd.DragDrop.prototype = {
rlm@46 7503
rlm@46 7504
rlm@46 7505 id: null,
rlm@46 7506
rlm@46 7507
rlm@46 7508 config: null,
rlm@46 7509
rlm@46 7510
rlm@46 7511 dragElId: null,
rlm@46 7512
rlm@46 7513
rlm@46 7514 handleElId: null,
rlm@46 7515
rlm@46 7516
rlm@46 7517 invalidHandleTypes: null,
rlm@46 7518
rlm@46 7519
rlm@46 7520 invalidHandleIds: null,
rlm@46 7521
rlm@46 7522
rlm@46 7523 invalidHandleClasses: null,
rlm@46 7524
rlm@46 7525
rlm@46 7526 startPageX: 0,
rlm@46 7527
rlm@46 7528
rlm@46 7529 startPageY: 0,
rlm@46 7530
rlm@46 7531
rlm@46 7532 groups: null,
rlm@46 7533
rlm@46 7534
rlm@46 7535 locked: false,
rlm@46 7536
rlm@46 7537
rlm@46 7538 lock: function() { this.locked = true; },
rlm@46 7539
rlm@46 7540
rlm@46 7541 unlock: function() { this.locked = false; },
rlm@46 7542
rlm@46 7543
rlm@46 7544 isTarget: true,
rlm@46 7545
rlm@46 7546
rlm@46 7547 padding: null,
rlm@46 7548
rlm@46 7549
rlm@46 7550 _domRef: null,
rlm@46 7551
rlm@46 7552
rlm@46 7553 __ygDragDrop: true,
rlm@46 7554
rlm@46 7555
rlm@46 7556 constrainX: false,
rlm@46 7557
rlm@46 7558
rlm@46 7559 constrainY: false,
rlm@46 7560
rlm@46 7561
rlm@46 7562 minX: 0,
rlm@46 7563
rlm@46 7564
rlm@46 7565 maxX: 0,
rlm@46 7566
rlm@46 7567
rlm@46 7568 minY: 0,
rlm@46 7569
rlm@46 7570
rlm@46 7571 maxY: 0,
rlm@46 7572
rlm@46 7573
rlm@46 7574 maintainOffset: false,
rlm@46 7575
rlm@46 7576
rlm@46 7577 xTicks: null,
rlm@46 7578
rlm@46 7579
rlm@46 7580 yTicks: null,
rlm@46 7581
rlm@46 7582
rlm@46 7583 primaryButtonOnly: true,
rlm@46 7584
rlm@46 7585
rlm@46 7586 available: false,
rlm@46 7587
rlm@46 7588
rlm@46 7589 hasOuterHandles: false,
rlm@46 7590
rlm@46 7591
rlm@46 7592 b4StartDrag: function(x, y) { },
rlm@46 7593
rlm@46 7594
rlm@46 7595 startDrag: function(x, y) { },
rlm@46 7596
rlm@46 7597
rlm@46 7598 b4Drag: function(e) { },
rlm@46 7599
rlm@46 7600
rlm@46 7601 onDrag: function(e) { },
rlm@46 7602
rlm@46 7603
rlm@46 7604 onDragEnter: function(e, id) { },
rlm@46 7605
rlm@46 7606
rlm@46 7607 b4DragOver: function(e) { },
rlm@46 7608
rlm@46 7609
rlm@46 7610 onDragOver: function(e, id) { },
rlm@46 7611
rlm@46 7612
rlm@46 7613 b4DragOut: function(e) { },
rlm@46 7614
rlm@46 7615
rlm@46 7616 onDragOut: function(e, id) { },
rlm@46 7617
rlm@46 7618
rlm@46 7619 b4DragDrop: function(e) { },
rlm@46 7620
rlm@46 7621
rlm@46 7622 onDragDrop: function(e, id) { },
rlm@46 7623
rlm@46 7624
rlm@46 7625 onInvalidDrop: function(e) { },
rlm@46 7626
rlm@46 7627
rlm@46 7628 b4EndDrag: function(e) { },
rlm@46 7629
rlm@46 7630
rlm@46 7631 endDrag: function(e) { },
rlm@46 7632
rlm@46 7633
rlm@46 7634 b4MouseDown: function(e) { },
rlm@46 7635
rlm@46 7636
rlm@46 7637 onMouseDown: function(e) { },
rlm@46 7638
rlm@46 7639
rlm@46 7640 onMouseUp: function(e) { },
rlm@46 7641
rlm@46 7642
rlm@46 7643 onAvailable: function () {
rlm@46 7644 },
rlm@46 7645
rlm@46 7646
rlm@46 7647 defaultPadding : {left:0, right:0, top:0, bottom:0},
rlm@46 7648
rlm@46 7649
rlm@46 7650 constrainTo : function(constrainTo, pad, inContent){
rlm@46 7651 if(typeof pad == "number"){
rlm@46 7652 pad = {left: pad, right:pad, top:pad, bottom:pad};
rlm@46 7653 }
rlm@46 7654 pad = pad || this.defaultPadding;
rlm@46 7655 var b = Ext.get(this.getEl()).getBox();
rlm@46 7656 var ce = Ext.get(constrainTo);
rlm@46 7657 var s = ce.getScroll();
rlm@46 7658 var c, cd = ce.dom;
rlm@46 7659 if(cd == document.body){
rlm@46 7660 c = { x: s.left, y: s.top, width: Ext.lib.Dom.getViewWidth(), height: Ext.lib.Dom.getViewHeight()};
rlm@46 7661 }else{
rlm@46 7662 var xy = ce.getXY();
rlm@46 7663 c = {x : xy[0]+s.left, y: xy[1]+s.top, width: cd.clientWidth, height: cd.clientHeight};
rlm@46 7664 }
rlm@46 7665
rlm@46 7666
rlm@46 7667 var topSpace = b.y - c.y;
rlm@46 7668 var leftSpace = b.x - c.x;
rlm@46 7669
rlm@46 7670 this.resetConstraints();
rlm@46 7671 this.setXConstraint(leftSpace - (pad.left||0),
rlm@46 7672 c.width - leftSpace - b.width - (pad.right||0),
rlm@46 7673 this.xTickSize
rlm@46 7674 );
rlm@46 7675 this.setYConstraint(topSpace - (pad.top||0),
rlm@46 7676 c.height - topSpace - b.height - (pad.bottom||0),
rlm@46 7677 this.yTickSize
rlm@46 7678 );
rlm@46 7679 },
rlm@46 7680
rlm@46 7681
rlm@46 7682 getEl: function() {
rlm@46 7683 if (!this._domRef) {
rlm@46 7684 this._domRef = Ext.getDom(this.id);
rlm@46 7685 }
rlm@46 7686
rlm@46 7687 return this._domRef;
rlm@46 7688 },
rlm@46 7689
rlm@46 7690
rlm@46 7691 getDragEl: function() {
rlm@46 7692 return Ext.getDom(this.dragElId);
rlm@46 7693 },
rlm@46 7694
rlm@46 7695
rlm@46 7696 init: function(id, sGroup, config) {
rlm@46 7697 this.initTarget(id, sGroup, config);
rlm@46 7698 Event.on(this.id, "mousedown", this.handleMouseDown, this);
rlm@46 7699
rlm@46 7700 },
rlm@46 7701
rlm@46 7702
rlm@46 7703 initTarget: function(id, sGroup, config) {
rlm@46 7704
rlm@46 7705
rlm@46 7706 this.config = config || {};
rlm@46 7707
rlm@46 7708
rlm@46 7709 this.DDM = Ext.dd.DDM;
rlm@46 7710
rlm@46 7711 this.groups = {};
rlm@46 7712
rlm@46 7713
rlm@46 7714
rlm@46 7715 if (typeof id !== "string") {
rlm@46 7716 id = Ext.id(id);
rlm@46 7717 }
rlm@46 7718
rlm@46 7719
rlm@46 7720 this.id = id;
rlm@46 7721
rlm@46 7722
rlm@46 7723 this.addToGroup((sGroup) ? sGroup : "default");
rlm@46 7724
rlm@46 7725
rlm@46 7726
rlm@46 7727 this.handleElId = id;
rlm@46 7728
rlm@46 7729
rlm@46 7730 this.setDragElId(id);
rlm@46 7731
rlm@46 7732
rlm@46 7733 this.invalidHandleTypes = { A: "A" };
rlm@46 7734 this.invalidHandleIds = {};
rlm@46 7735 this.invalidHandleClasses = [];
rlm@46 7736
rlm@46 7737 this.applyConfig();
rlm@46 7738
rlm@46 7739 this.handleOnAvailable();
rlm@46 7740 },
rlm@46 7741
rlm@46 7742
rlm@46 7743 applyConfig: function() {
rlm@46 7744
rlm@46 7745
rlm@46 7746
rlm@46 7747 this.padding = this.config.padding || [0, 0, 0, 0];
rlm@46 7748 this.isTarget = (this.config.isTarget !== false);
rlm@46 7749 this.maintainOffset = (this.config.maintainOffset);
rlm@46 7750 this.primaryButtonOnly = (this.config.primaryButtonOnly !== false);
rlm@46 7751
rlm@46 7752 },
rlm@46 7753
rlm@46 7754
rlm@46 7755 handleOnAvailable: function() {
rlm@46 7756 this.available = true;
rlm@46 7757 this.resetConstraints();
rlm@46 7758 this.onAvailable();
rlm@46 7759 },
rlm@46 7760
rlm@46 7761
rlm@46 7762 setPadding: function(iTop, iRight, iBot, iLeft) {
rlm@46 7763
rlm@46 7764 if (!iRight && 0 !== iRight) {
rlm@46 7765 this.padding = [iTop, iTop, iTop, iTop];
rlm@46 7766 } else if (!iBot && 0 !== iBot) {
rlm@46 7767 this.padding = [iTop, iRight, iTop, iRight];
rlm@46 7768 } else {
rlm@46 7769 this.padding = [iTop, iRight, iBot, iLeft];
rlm@46 7770 }
rlm@46 7771 },
rlm@46 7772
rlm@46 7773
rlm@46 7774 setInitPosition: function(diffX, diffY) {
rlm@46 7775 var el = this.getEl();
rlm@46 7776
rlm@46 7777 if (!this.DDM.verifyEl(el)) {
rlm@46 7778 return;
rlm@46 7779 }
rlm@46 7780
rlm@46 7781 var dx = diffX || 0;
rlm@46 7782 var dy = diffY || 0;
rlm@46 7783
rlm@46 7784 var p = Dom.getXY( el );
rlm@46 7785
rlm@46 7786 this.initPageX = p[0] - dx;
rlm@46 7787 this.initPageY = p[1] - dy;
rlm@46 7788
rlm@46 7789 this.lastPageX = p[0];
rlm@46 7790 this.lastPageY = p[1];
rlm@46 7791
rlm@46 7792
rlm@46 7793 this.setStartPosition(p);
rlm@46 7794 },
rlm@46 7795
rlm@46 7796
rlm@46 7797 setStartPosition: function(pos) {
rlm@46 7798 var p = pos || Dom.getXY( this.getEl() );
rlm@46 7799 this.deltaSetXY = null;
rlm@46 7800
rlm@46 7801 this.startPageX = p[0];
rlm@46 7802 this.startPageY = p[1];
rlm@46 7803 },
rlm@46 7804
rlm@46 7805
rlm@46 7806 addToGroup: function(sGroup) {
rlm@46 7807 this.groups[sGroup] = true;
rlm@46 7808 this.DDM.regDragDrop(this, sGroup);
rlm@46 7809 },
rlm@46 7810
rlm@46 7811
rlm@46 7812 removeFromGroup: function(sGroup) {
rlm@46 7813 if (this.groups[sGroup]) {
rlm@46 7814 delete this.groups[sGroup];
rlm@46 7815 }
rlm@46 7816
rlm@46 7817 this.DDM.removeDDFromGroup(this, sGroup);
rlm@46 7818 },
rlm@46 7819
rlm@46 7820
rlm@46 7821 setDragElId: function(id) {
rlm@46 7822 this.dragElId = id;
rlm@46 7823 },
rlm@46 7824
rlm@46 7825
rlm@46 7826 setHandleElId: function(id) {
rlm@46 7827 if (typeof id !== "string") {
rlm@46 7828 id = Ext.id(id);
rlm@46 7829 }
rlm@46 7830 this.handleElId = id;
rlm@46 7831 this.DDM.regHandle(this.id, id);
rlm@46 7832 },
rlm@46 7833
rlm@46 7834
rlm@46 7835 setOuterHandleElId: function(id) {
rlm@46 7836 if (typeof id !== "string") {
rlm@46 7837 id = Ext.id(id);
rlm@46 7838 }
rlm@46 7839 Event.on(id, "mousedown",
rlm@46 7840 this.handleMouseDown, this);
rlm@46 7841 this.setHandleElId(id);
rlm@46 7842
rlm@46 7843 this.hasOuterHandles = true;
rlm@46 7844 },
rlm@46 7845
rlm@46 7846
rlm@46 7847 unreg: function() {
rlm@46 7848 Event.un(this.id, "mousedown",
rlm@46 7849 this.handleMouseDown);
rlm@46 7850 this._domRef = null;
rlm@46 7851 this.DDM._remove(this);
rlm@46 7852 },
rlm@46 7853
rlm@46 7854 destroy : function(){
rlm@46 7855 this.unreg();
rlm@46 7856 },
rlm@46 7857
rlm@46 7858
rlm@46 7859 isLocked: function() {
rlm@46 7860 return (this.DDM.isLocked() || this.locked);
rlm@46 7861 },
rlm@46 7862
rlm@46 7863
rlm@46 7864 handleMouseDown: function(e, oDD){
rlm@46 7865 if (this.primaryButtonOnly && e.button != 0) {
rlm@46 7866 return;
rlm@46 7867 }
rlm@46 7868
rlm@46 7869 if (this.isLocked()) {
rlm@46 7870 return;
rlm@46 7871 }
rlm@46 7872
rlm@46 7873 this.DDM.refreshCache(this.groups);
rlm@46 7874
rlm@46 7875 var pt = new Ext.lib.Point(Ext.lib.Event.getPageX(e), Ext.lib.Event.getPageY(e));
rlm@46 7876 if (!this.hasOuterHandles && !this.DDM.isOverTarget(pt, this) ) {
rlm@46 7877 } else {
rlm@46 7878 if (this.clickValidator(e)) {
rlm@46 7879
rlm@46 7880
rlm@46 7881 this.setStartPosition();
rlm@46 7882
rlm@46 7883
rlm@46 7884 this.b4MouseDown(e);
rlm@46 7885 this.onMouseDown(e);
rlm@46 7886
rlm@46 7887 this.DDM.handleMouseDown(e, this);
rlm@46 7888
rlm@46 7889 this.DDM.stopEvent(e);
rlm@46 7890 } else {
rlm@46 7891
rlm@46 7892
rlm@46 7893 }
rlm@46 7894 }
rlm@46 7895 },
rlm@46 7896
rlm@46 7897 clickValidator: function(e) {
rlm@46 7898 var target = e.getTarget();
rlm@46 7899 return ( this.isValidHandleChild(target) &&
rlm@46 7900 (this.id == this.handleElId ||
rlm@46 7901 this.DDM.handleWasClicked(target, this.id)) );
rlm@46 7902 },
rlm@46 7903
rlm@46 7904
rlm@46 7905 addInvalidHandleType: function(tagName) {
rlm@46 7906 var type = tagName.toUpperCase();
rlm@46 7907 this.invalidHandleTypes[type] = type;
rlm@46 7908 },
rlm@46 7909
rlm@46 7910
rlm@46 7911 addInvalidHandleId: function(id) {
rlm@46 7912 if (typeof id !== "string") {
rlm@46 7913 id = Ext.id(id);
rlm@46 7914 }
rlm@46 7915 this.invalidHandleIds[id] = id;
rlm@46 7916 },
rlm@46 7917
rlm@46 7918
rlm@46 7919 addInvalidHandleClass: function(cssClass) {
rlm@46 7920 this.invalidHandleClasses.push(cssClass);
rlm@46 7921 },
rlm@46 7922
rlm@46 7923
rlm@46 7924 removeInvalidHandleType: function(tagName) {
rlm@46 7925 var type = tagName.toUpperCase();
rlm@46 7926
rlm@46 7927 delete this.invalidHandleTypes[type];
rlm@46 7928 },
rlm@46 7929
rlm@46 7930
rlm@46 7931 removeInvalidHandleId: function(id) {
rlm@46 7932 if (typeof id !== "string") {
rlm@46 7933 id = Ext.id(id);
rlm@46 7934 }
rlm@46 7935 delete this.invalidHandleIds[id];
rlm@46 7936 },
rlm@46 7937
rlm@46 7938
rlm@46 7939 removeInvalidHandleClass: function(cssClass) {
rlm@46 7940 for (var i=0, len=this.invalidHandleClasses.length; i<len; ++i) {
rlm@46 7941 if (this.invalidHandleClasses[i] == cssClass) {
rlm@46 7942 delete this.invalidHandleClasses[i];
rlm@46 7943 }
rlm@46 7944 }
rlm@46 7945 },
rlm@46 7946
rlm@46 7947
rlm@46 7948 isValidHandleChild: function(node) {
rlm@46 7949
rlm@46 7950 var valid = true;
rlm@46 7951
rlm@46 7952 var nodeName;
rlm@46 7953 try {
rlm@46 7954 nodeName = node.nodeName.toUpperCase();
rlm@46 7955 } catch(e) {
rlm@46 7956 nodeName = node.nodeName;
rlm@46 7957 }
rlm@46 7958 valid = valid && !this.invalidHandleTypes[nodeName];
rlm@46 7959 valid = valid && !this.invalidHandleIds[node.id];
rlm@46 7960
rlm@46 7961 for (var i=0, len=this.invalidHandleClasses.length; valid && i<len; ++i) {
rlm@46 7962 valid = !Dom.hasClass(node, this.invalidHandleClasses[i]);
rlm@46 7963 }
rlm@46 7964
rlm@46 7965
rlm@46 7966 return valid;
rlm@46 7967
rlm@46 7968 },
rlm@46 7969
rlm@46 7970
rlm@46 7971 setXTicks: function(iStartX, iTickSize) {
rlm@46 7972 this.xTicks = [];
rlm@46 7973 this.xTickSize = iTickSize;
rlm@46 7974
rlm@46 7975 var tickMap = {};
rlm@46 7976
rlm@46 7977 for (var i = this.initPageX; i >= this.minX; i = i - iTickSize) {
rlm@46 7978 if (!tickMap[i]) {
rlm@46 7979 this.xTicks[this.xTicks.length] = i;
rlm@46 7980 tickMap[i] = true;
rlm@46 7981 }
rlm@46 7982 }
rlm@46 7983
rlm@46 7984 for (i = this.initPageX; i <= this.maxX; i = i + iTickSize) {
rlm@46 7985 if (!tickMap[i]) {
rlm@46 7986 this.xTicks[this.xTicks.length] = i;
rlm@46 7987 tickMap[i] = true;
rlm@46 7988 }
rlm@46 7989 }
rlm@46 7990
rlm@46 7991 this.xTicks.sort(this.DDM.numericSort) ;
rlm@46 7992 },
rlm@46 7993
rlm@46 7994
rlm@46 7995 setYTicks: function(iStartY, iTickSize) {
rlm@46 7996 this.yTicks = [];
rlm@46 7997 this.yTickSize = iTickSize;
rlm@46 7998
rlm@46 7999 var tickMap = {};
rlm@46 8000
rlm@46 8001 for (var i = this.initPageY; i >= this.minY; i = i - iTickSize) {
rlm@46 8002 if (!tickMap[i]) {
rlm@46 8003 this.yTicks[this.yTicks.length] = i;
rlm@46 8004 tickMap[i] = true;
rlm@46 8005 }
rlm@46 8006 }
rlm@46 8007
rlm@46 8008 for (i = this.initPageY; i <= this.maxY; i = i + iTickSize) {
rlm@46 8009 if (!tickMap[i]) {
rlm@46 8010 this.yTicks[this.yTicks.length] = i;
rlm@46 8011 tickMap[i] = true;
rlm@46 8012 }
rlm@46 8013 }
rlm@46 8014
rlm@46 8015 this.yTicks.sort(this.DDM.numericSort) ;
rlm@46 8016 },
rlm@46 8017
rlm@46 8018
rlm@46 8019 setXConstraint: function(iLeft, iRight, iTickSize) {
rlm@46 8020 this.leftConstraint = iLeft;
rlm@46 8021 this.rightConstraint = iRight;
rlm@46 8022
rlm@46 8023 this.minX = this.initPageX - iLeft;
rlm@46 8024 this.maxX = this.initPageX + iRight;
rlm@46 8025 if (iTickSize) { this.setXTicks(this.initPageX, iTickSize); }
rlm@46 8026
rlm@46 8027 this.constrainX = true;
rlm@46 8028 },
rlm@46 8029
rlm@46 8030
rlm@46 8031 clearConstraints: function() {
rlm@46 8032 this.constrainX = false;
rlm@46 8033 this.constrainY = false;
rlm@46 8034 this.clearTicks();
rlm@46 8035 },
rlm@46 8036
rlm@46 8037
rlm@46 8038 clearTicks: function() {
rlm@46 8039 this.xTicks = null;
rlm@46 8040 this.yTicks = null;
rlm@46 8041 this.xTickSize = 0;
rlm@46 8042 this.yTickSize = 0;
rlm@46 8043 },
rlm@46 8044
rlm@46 8045
rlm@46 8046 setYConstraint: function(iUp, iDown, iTickSize) {
rlm@46 8047 this.topConstraint = iUp;
rlm@46 8048 this.bottomConstraint = iDown;
rlm@46 8049
rlm@46 8050 this.minY = this.initPageY - iUp;
rlm@46 8051 this.maxY = this.initPageY + iDown;
rlm@46 8052 if (iTickSize) { this.setYTicks(this.initPageY, iTickSize); }
rlm@46 8053
rlm@46 8054 this.constrainY = true;
rlm@46 8055
rlm@46 8056 },
rlm@46 8057
rlm@46 8058
rlm@46 8059 resetConstraints: function() {
rlm@46 8060
rlm@46 8061
rlm@46 8062
rlm@46 8063 if (this.initPageX || this.initPageX === 0) {
rlm@46 8064
rlm@46 8065 var dx = (this.maintainOffset) ? this.lastPageX - this.initPageX : 0;
rlm@46 8066 var dy = (this.maintainOffset) ? this.lastPageY - this.initPageY : 0;
rlm@46 8067
rlm@46 8068 this.setInitPosition(dx, dy);
rlm@46 8069
rlm@46 8070
rlm@46 8071 } else {
rlm@46 8072 this.setInitPosition();
rlm@46 8073 }
rlm@46 8074
rlm@46 8075 if (this.constrainX) {
rlm@46 8076 this.setXConstraint( this.leftConstraint,
rlm@46 8077 this.rightConstraint,
rlm@46 8078 this.xTickSize );
rlm@46 8079 }
rlm@46 8080
rlm@46 8081 if (this.constrainY) {
rlm@46 8082 this.setYConstraint( this.topConstraint,
rlm@46 8083 this.bottomConstraint,
rlm@46 8084 this.yTickSize );
rlm@46 8085 }
rlm@46 8086 },
rlm@46 8087
rlm@46 8088
rlm@46 8089 getTick: function(val, tickArray) {
rlm@46 8090
rlm@46 8091 if (!tickArray) {
rlm@46 8092
rlm@46 8093
rlm@46 8094 return val;
rlm@46 8095 } else if (tickArray[0] >= val) {
rlm@46 8096
rlm@46 8097
rlm@46 8098 return tickArray[0];
rlm@46 8099 } else {
rlm@46 8100 for (var i=0, len=tickArray.length; i<len; ++i) {
rlm@46 8101 var next = i + 1;
rlm@46 8102 if (tickArray[next] && tickArray[next] >= val) {
rlm@46 8103 var diff1 = val - tickArray[i];
rlm@46 8104 var diff2 = tickArray[next] - val;
rlm@46 8105 return (diff2 > diff1) ? tickArray[i] : tickArray[next];
rlm@46 8106 }
rlm@46 8107 }
rlm@46 8108
rlm@46 8109
rlm@46 8110
rlm@46 8111 return tickArray[tickArray.length - 1];
rlm@46 8112 }
rlm@46 8113 },
rlm@46 8114
rlm@46 8115
rlm@46 8116 toString: function() {
rlm@46 8117 return ("DragDrop " + this.id);
rlm@46 8118 }
rlm@46 8119
rlm@46 8120 };
rlm@46 8121
rlm@46 8122 })();
rlm@46 8123
rlm@46 8124
rlm@46 8125
rlm@46 8126
rlm@46 8127 if (!Ext.dd.DragDropMgr) {
rlm@46 8128
rlm@46 8129
rlm@46 8130 Ext.dd.DragDropMgr = function() {
rlm@46 8131
rlm@46 8132 var Event = Ext.EventManager;
rlm@46 8133
rlm@46 8134 return {
rlm@46 8135
rlm@46 8136
rlm@46 8137 ids: {},
rlm@46 8138
rlm@46 8139
rlm@46 8140 handleIds: {},
rlm@46 8141
rlm@46 8142
rlm@46 8143 dragCurrent: null,
rlm@46 8144
rlm@46 8145
rlm@46 8146 dragOvers: {},
rlm@46 8147
rlm@46 8148
rlm@46 8149 deltaX: 0,
rlm@46 8150
rlm@46 8151
rlm@46 8152 deltaY: 0,
rlm@46 8153
rlm@46 8154
rlm@46 8155 preventDefault: true,
rlm@46 8156
rlm@46 8157
rlm@46 8158 stopPropagation: true,
rlm@46 8159
rlm@46 8160
rlm@46 8161 initialized: false,
rlm@46 8162
rlm@46 8163
rlm@46 8164 locked: false,
rlm@46 8165
rlm@46 8166
rlm@46 8167 init: function() {
rlm@46 8168 this.initialized = true;
rlm@46 8169 },
rlm@46 8170
rlm@46 8171
rlm@46 8172 POINT: 0,
rlm@46 8173
rlm@46 8174
rlm@46 8175 INTERSECT: 1,
rlm@46 8176
rlm@46 8177
rlm@46 8178 mode: 0,
rlm@46 8179
rlm@46 8180
rlm@46 8181 _execOnAll: function(sMethod, args) {
rlm@46 8182 for (var i in this.ids) {
rlm@46 8183 for (var j in this.ids[i]) {
rlm@46 8184 var oDD = this.ids[i][j];
rlm@46 8185 if (! this.isTypeOfDD(oDD)) {
rlm@46 8186 continue;
rlm@46 8187 }
rlm@46 8188 oDD[sMethod].apply(oDD, args);
rlm@46 8189 }
rlm@46 8190 }
rlm@46 8191 },
rlm@46 8192
rlm@46 8193
rlm@46 8194 _onLoad: function() {
rlm@46 8195
rlm@46 8196 this.init();
rlm@46 8197
rlm@46 8198
rlm@46 8199 Event.on(document, "mouseup", this.handleMouseUp, this, true);
rlm@46 8200 Event.on(document, "mousemove", this.handleMouseMove, this, true);
rlm@46 8201 Event.on(window, "unload", this._onUnload, this, true);
rlm@46 8202 Event.on(window, "resize", this._onResize, this, true);
rlm@46 8203
rlm@46 8204
rlm@46 8205 },
rlm@46 8206
rlm@46 8207
rlm@46 8208 _onResize: function(e) {
rlm@46 8209 this._execOnAll("resetConstraints", []);
rlm@46 8210 },
rlm@46 8211
rlm@46 8212
rlm@46 8213 lock: function() { this.locked = true; },
rlm@46 8214
rlm@46 8215
rlm@46 8216 unlock: function() { this.locked = false; },
rlm@46 8217
rlm@46 8218
rlm@46 8219 isLocked: function() { return this.locked; },
rlm@46 8220
rlm@46 8221
rlm@46 8222 locationCache: {},
rlm@46 8223
rlm@46 8224
rlm@46 8225 useCache: true,
rlm@46 8226
rlm@46 8227
rlm@46 8228 clickPixelThresh: 3,
rlm@46 8229
rlm@46 8230
rlm@46 8231 clickTimeThresh: 350,
rlm@46 8232
rlm@46 8233
rlm@46 8234 dragThreshMet: false,
rlm@46 8235
rlm@46 8236
rlm@46 8237 clickTimeout: null,
rlm@46 8238
rlm@46 8239
rlm@46 8240 startX: 0,
rlm@46 8241
rlm@46 8242
rlm@46 8243 startY: 0,
rlm@46 8244
rlm@46 8245
rlm@46 8246 regDragDrop: function(oDD, sGroup) {
rlm@46 8247 if (!this.initialized) { this.init(); }
rlm@46 8248
rlm@46 8249 if (!this.ids[sGroup]) {
rlm@46 8250 this.ids[sGroup] = {};
rlm@46 8251 }
rlm@46 8252 this.ids[sGroup][oDD.id] = oDD;
rlm@46 8253 },
rlm@46 8254
rlm@46 8255
rlm@46 8256 removeDDFromGroup: function(oDD, sGroup) {
rlm@46 8257 if (!this.ids[sGroup]) {
rlm@46 8258 this.ids[sGroup] = {};
rlm@46 8259 }
rlm@46 8260
rlm@46 8261 var obj = this.ids[sGroup];
rlm@46 8262 if (obj && obj[oDD.id]) {
rlm@46 8263 delete obj[oDD.id];
rlm@46 8264 }
rlm@46 8265 },
rlm@46 8266
rlm@46 8267
rlm@46 8268 _remove: function(oDD) {
rlm@46 8269 for (var g in oDD.groups) {
rlm@46 8270 if (g && this.ids[g][oDD.id]) {
rlm@46 8271 delete this.ids[g][oDD.id];
rlm@46 8272 }
rlm@46 8273 }
rlm@46 8274 delete this.handleIds[oDD.id];
rlm@46 8275 },
rlm@46 8276
rlm@46 8277
rlm@46 8278 regHandle: function(sDDId, sHandleId) {
rlm@46 8279 if (!this.handleIds[sDDId]) {
rlm@46 8280 this.handleIds[sDDId] = {};
rlm@46 8281 }
rlm@46 8282 this.handleIds[sDDId][sHandleId] = sHandleId;
rlm@46 8283 },
rlm@46 8284
rlm@46 8285
rlm@46 8286 isDragDrop: function(id) {
rlm@46 8287 return ( this.getDDById(id) ) ? true : false;
rlm@46 8288 },
rlm@46 8289
rlm@46 8290
rlm@46 8291 getRelated: function(p_oDD, bTargetsOnly) {
rlm@46 8292 var oDDs = [];
rlm@46 8293 for (var i in p_oDD.groups) {
rlm@46 8294 for (j in this.ids[i]) {
rlm@46 8295 var dd = this.ids[i][j];
rlm@46 8296 if (! this.isTypeOfDD(dd)) {
rlm@46 8297 continue;
rlm@46 8298 }
rlm@46 8299 if (!bTargetsOnly || dd.isTarget) {
rlm@46 8300 oDDs[oDDs.length] = dd;
rlm@46 8301 }
rlm@46 8302 }
rlm@46 8303 }
rlm@46 8304
rlm@46 8305 return oDDs;
rlm@46 8306 },
rlm@46 8307
rlm@46 8308
rlm@46 8309 isLegalTarget: function (oDD, oTargetDD) {
rlm@46 8310 var targets = this.getRelated(oDD, true);
rlm@46 8311 for (var i=0, len=targets.length;i<len;++i) {
rlm@46 8312 if (targets[i].id == oTargetDD.id) {
rlm@46 8313 return true;
rlm@46 8314 }
rlm@46 8315 }
rlm@46 8316
rlm@46 8317 return false;
rlm@46 8318 },
rlm@46 8319
rlm@46 8320
rlm@46 8321 isTypeOfDD: function (oDD) {
rlm@46 8322 return (oDD && oDD.__ygDragDrop);
rlm@46 8323 },
rlm@46 8324
rlm@46 8325
rlm@46 8326 isHandle: function(sDDId, sHandleId) {
rlm@46 8327 return ( this.handleIds[sDDId] &&
rlm@46 8328 this.handleIds[sDDId][sHandleId] );
rlm@46 8329 },
rlm@46 8330
rlm@46 8331
rlm@46 8332 getDDById: function(id) {
rlm@46 8333 for (var i in this.ids) {
rlm@46 8334 if (this.ids[i][id]) {
rlm@46 8335 return this.ids[i][id];
rlm@46 8336 }
rlm@46 8337 }
rlm@46 8338 return null;
rlm@46 8339 },
rlm@46 8340
rlm@46 8341
rlm@46 8342 handleMouseDown: function(e, oDD) {
rlm@46 8343 if(Ext.QuickTips){
rlm@46 8344 Ext.QuickTips.disable();
rlm@46 8345 }
rlm@46 8346 this.currentTarget = e.getTarget();
rlm@46 8347
rlm@46 8348 this.dragCurrent = oDD;
rlm@46 8349
rlm@46 8350 var el = oDD.getEl();
rlm@46 8351
rlm@46 8352
rlm@46 8353 this.startX = e.getPageX();
rlm@46 8354 this.startY = e.getPageY();
rlm@46 8355
rlm@46 8356 this.deltaX = this.startX - el.offsetLeft;
rlm@46 8357 this.deltaY = this.startY - el.offsetTop;
rlm@46 8358
rlm@46 8359 this.dragThreshMet = false;
rlm@46 8360
rlm@46 8361 this.clickTimeout = setTimeout(
rlm@46 8362 function() {
rlm@46 8363 var DDM = Ext.dd.DDM;
rlm@46 8364 DDM.startDrag(DDM.startX, DDM.startY);
rlm@46 8365 },
rlm@46 8366 this.clickTimeThresh );
rlm@46 8367 },
rlm@46 8368
rlm@46 8369
rlm@46 8370 startDrag: function(x, y) {
rlm@46 8371 clearTimeout(this.clickTimeout);
rlm@46 8372 if (this.dragCurrent) {
rlm@46 8373 this.dragCurrent.b4StartDrag(x, y);
rlm@46 8374 this.dragCurrent.startDrag(x, y);
rlm@46 8375 }
rlm@46 8376 this.dragThreshMet = true;
rlm@46 8377 },
rlm@46 8378
rlm@46 8379
rlm@46 8380 handleMouseUp: function(e) {
rlm@46 8381
rlm@46 8382 if(Ext.QuickTips){
rlm@46 8383 Ext.QuickTips.enable();
rlm@46 8384 }
rlm@46 8385 if (! this.dragCurrent) {
rlm@46 8386 return;
rlm@46 8387 }
rlm@46 8388
rlm@46 8389 clearTimeout(this.clickTimeout);
rlm@46 8390
rlm@46 8391 if (this.dragThreshMet) {
rlm@46 8392 this.fireEvents(e, true);
rlm@46 8393 } else {
rlm@46 8394 }
rlm@46 8395
rlm@46 8396 this.stopDrag(e);
rlm@46 8397
rlm@46 8398 this.stopEvent(e);
rlm@46 8399 },
rlm@46 8400
rlm@46 8401
rlm@46 8402 stopEvent: function(e){
rlm@46 8403 if(this.stopPropagation) {
rlm@46 8404 e.stopPropagation();
rlm@46 8405 }
rlm@46 8406
rlm@46 8407 if (this.preventDefault) {
rlm@46 8408 e.preventDefault();
rlm@46 8409 }
rlm@46 8410 },
rlm@46 8411
rlm@46 8412
rlm@46 8413 stopDrag: function(e) {
rlm@46 8414
rlm@46 8415 if (this.dragCurrent) {
rlm@46 8416 if (this.dragThreshMet) {
rlm@46 8417 this.dragCurrent.b4EndDrag(e);
rlm@46 8418 this.dragCurrent.endDrag(e);
rlm@46 8419 }
rlm@46 8420
rlm@46 8421 this.dragCurrent.onMouseUp(e);
rlm@46 8422 }
rlm@46 8423
rlm@46 8424 this.dragCurrent = null;
rlm@46 8425 this.dragOvers = {};
rlm@46 8426 },
rlm@46 8427
rlm@46 8428
rlm@46 8429 handleMouseMove: function(e) {
rlm@46 8430 if (! this.dragCurrent) {
rlm@46 8431 return true;
rlm@46 8432 }
rlm@46 8433
rlm@46 8434
rlm@46 8435
rlm@46 8436
rlm@46 8437 if (Ext.isIE && (e.button !== 0 && e.button !== 1 && e.button !== 2)) {
rlm@46 8438 this.stopEvent(e);
rlm@46 8439 return this.handleMouseUp(e);
rlm@46 8440 }
rlm@46 8441
rlm@46 8442 if (!this.dragThreshMet) {
rlm@46 8443 var diffX = Math.abs(this.startX - e.getPageX());
rlm@46 8444 var diffY = Math.abs(this.startY - e.getPageY());
rlm@46 8445 if (diffX > this.clickPixelThresh ||
rlm@46 8446 diffY > this.clickPixelThresh) {
rlm@46 8447 this.startDrag(this.startX, this.startY);
rlm@46 8448 }
rlm@46 8449 }
rlm@46 8450
rlm@46 8451 if (this.dragThreshMet) {
rlm@46 8452 this.dragCurrent.b4Drag(e);
rlm@46 8453 this.dragCurrent.onDrag(e);
rlm@46 8454 if(!this.dragCurrent.moveOnly){
rlm@46 8455 this.fireEvents(e, false);
rlm@46 8456 }
rlm@46 8457 }
rlm@46 8458
rlm@46 8459 this.stopEvent(e);
rlm@46 8460
rlm@46 8461 return true;
rlm@46 8462 },
rlm@46 8463
rlm@46 8464
rlm@46 8465 fireEvents: function(e, isDrop) {
rlm@46 8466 var dc = this.dragCurrent;
rlm@46 8467
rlm@46 8468
rlm@46 8469
rlm@46 8470 if (!dc || dc.isLocked()) {
rlm@46 8471 return;
rlm@46 8472 }
rlm@46 8473
rlm@46 8474 var pt = e.getPoint();
rlm@46 8475
rlm@46 8476
rlm@46 8477 var oldOvers = [];
rlm@46 8478
rlm@46 8479 var outEvts = [];
rlm@46 8480 var overEvts = [];
rlm@46 8481 var dropEvts = [];
rlm@46 8482 var enterEvts = [];
rlm@46 8483
rlm@46 8484
rlm@46 8485
rlm@46 8486 for (var i in this.dragOvers) {
rlm@46 8487
rlm@46 8488 var ddo = this.dragOvers[i];
rlm@46 8489
rlm@46 8490 if (! this.isTypeOfDD(ddo)) {
rlm@46 8491 continue;
rlm@46 8492 }
rlm@46 8493
rlm@46 8494 if (! this.isOverTarget(pt, ddo, this.mode)) {
rlm@46 8495 outEvts.push( ddo );
rlm@46 8496 }
rlm@46 8497
rlm@46 8498 oldOvers[i] = true;
rlm@46 8499 delete this.dragOvers[i];
rlm@46 8500 }
rlm@46 8501
rlm@46 8502 for (var sGroup in dc.groups) {
rlm@46 8503
rlm@46 8504 if ("string" != typeof sGroup) {
rlm@46 8505 continue;
rlm@46 8506 }
rlm@46 8507
rlm@46 8508 for (i in this.ids[sGroup]) {
rlm@46 8509 var oDD = this.ids[sGroup][i];
rlm@46 8510 if (! this.isTypeOfDD(oDD)) {
rlm@46 8511 continue;
rlm@46 8512 }
rlm@46 8513
rlm@46 8514 if (oDD.isTarget && !oDD.isLocked() && oDD != dc) {
rlm@46 8515 if (this.isOverTarget(pt, oDD, this.mode)) {
rlm@46 8516
rlm@46 8517 if (isDrop) {
rlm@46 8518 dropEvts.push( oDD );
rlm@46 8519
rlm@46 8520 } else {
rlm@46 8521
rlm@46 8522
rlm@46 8523 if (!oldOvers[oDD.id]) {
rlm@46 8524 enterEvts.push( oDD );
rlm@46 8525
rlm@46 8526 } else {
rlm@46 8527 overEvts.push( oDD );
rlm@46 8528 }
rlm@46 8529
rlm@46 8530 this.dragOvers[oDD.id] = oDD;
rlm@46 8531 }
rlm@46 8532 }
rlm@46 8533 }
rlm@46 8534 }
rlm@46 8535 }
rlm@46 8536
rlm@46 8537 if (this.mode) {
rlm@46 8538 if (outEvts.length) {
rlm@46 8539 dc.b4DragOut(e, outEvts);
rlm@46 8540 dc.onDragOut(e, outEvts);
rlm@46 8541 }
rlm@46 8542
rlm@46 8543 if (enterEvts.length) {
rlm@46 8544 dc.onDragEnter(e, enterEvts);
rlm@46 8545 }
rlm@46 8546
rlm@46 8547 if (overEvts.length) {
rlm@46 8548 dc.b4DragOver(e, overEvts);
rlm@46 8549 dc.onDragOver(e, overEvts);
rlm@46 8550 }
rlm@46 8551
rlm@46 8552 if (dropEvts.length) {
rlm@46 8553 dc.b4DragDrop(e, dropEvts);
rlm@46 8554 dc.onDragDrop(e, dropEvts);
rlm@46 8555 }
rlm@46 8556
rlm@46 8557 } else {
rlm@46 8558
rlm@46 8559 var len = 0;
rlm@46 8560 for (i=0, len=outEvts.length; i<len; ++i) {
rlm@46 8561 dc.b4DragOut(e, outEvts[i].id);
rlm@46 8562 dc.onDragOut(e, outEvts[i].id);
rlm@46 8563 }
rlm@46 8564
rlm@46 8565
rlm@46 8566 for (i=0,len=enterEvts.length; i<len; ++i) {
rlm@46 8567
rlm@46 8568 dc.onDragEnter(e, enterEvts[i].id);
rlm@46 8569 }
rlm@46 8570
rlm@46 8571
rlm@46 8572 for (i=0,len=overEvts.length; i<len; ++i) {
rlm@46 8573 dc.b4DragOver(e, overEvts[i].id);
rlm@46 8574 dc.onDragOver(e, overEvts[i].id);
rlm@46 8575 }
rlm@46 8576
rlm@46 8577
rlm@46 8578 for (i=0, len=dropEvts.length; i<len; ++i) {
rlm@46 8579 dc.b4DragDrop(e, dropEvts[i].id);
rlm@46 8580 dc.onDragDrop(e, dropEvts[i].id);
rlm@46 8581 }
rlm@46 8582
rlm@46 8583 }
rlm@46 8584
rlm@46 8585
rlm@46 8586 if (isDrop && !dropEvts.length) {
rlm@46 8587 dc.onInvalidDrop(e);
rlm@46 8588 }
rlm@46 8589
rlm@46 8590 },
rlm@46 8591
rlm@46 8592
rlm@46 8593 getBestMatch: function(dds) {
rlm@46 8594 var winner = null;
rlm@46 8595
rlm@46 8596
rlm@46 8597
rlm@46 8598
rlm@46 8599
rlm@46 8600
rlm@46 8601 var len = dds.length;
rlm@46 8602
rlm@46 8603 if (len == 1) {
rlm@46 8604 winner = dds[0];
rlm@46 8605 } else {
rlm@46 8606
rlm@46 8607 for (var i=0; i<len; ++i) {
rlm@46 8608 var dd = dds[i];
rlm@46 8609
rlm@46 8610
rlm@46 8611
rlm@46 8612 if (dd.cursorIsOver) {
rlm@46 8613 winner = dd;
rlm@46 8614 break;
rlm@46 8615
rlm@46 8616 } else {
rlm@46 8617 if (!winner ||
rlm@46 8618 winner.overlap.getArea() < dd.overlap.getArea()) {
rlm@46 8619 winner = dd;
rlm@46 8620 }
rlm@46 8621 }
rlm@46 8622 }
rlm@46 8623 }
rlm@46 8624
rlm@46 8625 return winner;
rlm@46 8626 },
rlm@46 8627
rlm@46 8628
rlm@46 8629 refreshCache: function(groups) {
rlm@46 8630 for (var sGroup in groups) {
rlm@46 8631 if ("string" != typeof sGroup) {
rlm@46 8632 continue;
rlm@46 8633 }
rlm@46 8634 for (var i in this.ids[sGroup]) {
rlm@46 8635 var oDD = this.ids[sGroup][i];
rlm@46 8636
rlm@46 8637 if (this.isTypeOfDD(oDD)) {
rlm@46 8638
rlm@46 8639 var loc = this.getLocation(oDD);
rlm@46 8640 if (loc) {
rlm@46 8641 this.locationCache[oDD.id] = loc;
rlm@46 8642 } else {
rlm@46 8643 delete this.locationCache[oDD.id];
rlm@46 8644
rlm@46 8645
rlm@46 8646
rlm@46 8647 }
rlm@46 8648 }
rlm@46 8649 }
rlm@46 8650 }
rlm@46 8651 },
rlm@46 8652
rlm@46 8653
rlm@46 8654 verifyEl: function(el) {
rlm@46 8655 if (el) {
rlm@46 8656 var parent;
rlm@46 8657 if(Ext.isIE){
rlm@46 8658 try{
rlm@46 8659 parent = el.offsetParent;
rlm@46 8660 }catch(e){}
rlm@46 8661 }else{
rlm@46 8662 parent = el.offsetParent;
rlm@46 8663 }
rlm@46 8664 if (parent) {
rlm@46 8665 return true;
rlm@46 8666 }
rlm@46 8667 }
rlm@46 8668
rlm@46 8669 return false;
rlm@46 8670 },
rlm@46 8671
rlm@46 8672
rlm@46 8673 getLocation: function(oDD) {
rlm@46 8674 if (! this.isTypeOfDD(oDD)) {
rlm@46 8675 return null;
rlm@46 8676 }
rlm@46 8677
rlm@46 8678 var el = oDD.getEl(), pos, x1, x2, y1, y2, t, r, b, l;
rlm@46 8679
rlm@46 8680 try {
rlm@46 8681 pos= Ext.lib.Dom.getXY(el);
rlm@46 8682 } catch (e) { }
rlm@46 8683
rlm@46 8684 if (!pos) {
rlm@46 8685 return null;
rlm@46 8686 }
rlm@46 8687
rlm@46 8688 x1 = pos[0];
rlm@46 8689 x2 = x1 + el.offsetWidth;
rlm@46 8690 y1 = pos[1];
rlm@46 8691 y2 = y1 + el.offsetHeight;
rlm@46 8692
rlm@46 8693 t = y1 - oDD.padding[0];
rlm@46 8694 r = x2 + oDD.padding[1];
rlm@46 8695 b = y2 + oDD.padding[2];
rlm@46 8696 l = x1 - oDD.padding[3];
rlm@46 8697
rlm@46 8698 return new Ext.lib.Region( t, r, b, l );
rlm@46 8699 },
rlm@46 8700
rlm@46 8701
rlm@46 8702 isOverTarget: function(pt, oTarget, intersect) {
rlm@46 8703
rlm@46 8704 var loc = this.locationCache[oTarget.id];
rlm@46 8705 if (!loc || !this.useCache) {
rlm@46 8706 loc = this.getLocation(oTarget);
rlm@46 8707 this.locationCache[oTarget.id] = loc;
rlm@46 8708
rlm@46 8709 }
rlm@46 8710
rlm@46 8711 if (!loc) {
rlm@46 8712 return false;
rlm@46 8713 }
rlm@46 8714
rlm@46 8715 oTarget.cursorIsOver = loc.contains( pt );
rlm@46 8716
rlm@46 8717
rlm@46 8718
rlm@46 8719
rlm@46 8720
rlm@46 8721
rlm@46 8722 var dc = this.dragCurrent;
rlm@46 8723 if (!dc || !dc.getTargetCoord ||
rlm@46 8724 (!intersect && !dc.constrainX && !dc.constrainY)) {
rlm@46 8725 return oTarget.cursorIsOver;
rlm@46 8726 }
rlm@46 8727
rlm@46 8728 oTarget.overlap = null;
rlm@46 8729
rlm@46 8730
rlm@46 8731
rlm@46 8732
rlm@46 8733
rlm@46 8734 var pos = dc.getTargetCoord(pt.x, pt.y);
rlm@46 8735
rlm@46 8736 var el = dc.getDragEl();
rlm@46 8737 var curRegion = new Ext.lib.Region( pos.y,
rlm@46 8738 pos.x + el.offsetWidth,
rlm@46 8739 pos.y + el.offsetHeight,
rlm@46 8740 pos.x );
rlm@46 8741
rlm@46 8742 var overlap = curRegion.intersect(loc);
rlm@46 8743
rlm@46 8744 if (overlap) {
rlm@46 8745 oTarget.overlap = overlap;
rlm@46 8746 return (intersect) ? true : oTarget.cursorIsOver;
rlm@46 8747 } else {
rlm@46 8748 return false;
rlm@46 8749 }
rlm@46 8750 },
rlm@46 8751
rlm@46 8752
rlm@46 8753 _onUnload: function(e, me) {
rlm@46 8754 Ext.dd.DragDropMgr.unregAll();
rlm@46 8755 },
rlm@46 8756
rlm@46 8757
rlm@46 8758 unregAll: function() {
rlm@46 8759
rlm@46 8760 if (this.dragCurrent) {
rlm@46 8761 this.stopDrag();
rlm@46 8762 this.dragCurrent = null;
rlm@46 8763 }
rlm@46 8764
rlm@46 8765 this._execOnAll("unreg", []);
rlm@46 8766
rlm@46 8767 for (var i in this.elementCache) {
rlm@46 8768 delete this.elementCache[i];
rlm@46 8769 }
rlm@46 8770
rlm@46 8771 this.elementCache = {};
rlm@46 8772 this.ids = {};
rlm@46 8773 },
rlm@46 8774
rlm@46 8775
rlm@46 8776 elementCache: {},
rlm@46 8777
rlm@46 8778
rlm@46 8779 getElWrapper: function(id) {
rlm@46 8780 var oWrapper = this.elementCache[id];
rlm@46 8781 if (!oWrapper || !oWrapper.el) {
rlm@46 8782 oWrapper = this.elementCache[id] =
rlm@46 8783 new this.ElementWrapper(Ext.getDom(id));
rlm@46 8784 }
rlm@46 8785 return oWrapper;
rlm@46 8786 },
rlm@46 8787
rlm@46 8788
rlm@46 8789 getElement: function(id) {
rlm@46 8790 return Ext.getDom(id);
rlm@46 8791 },
rlm@46 8792
rlm@46 8793
rlm@46 8794 getCss: function(id) {
rlm@46 8795 var el = Ext.getDom(id);
rlm@46 8796 return (el) ? el.style : null;
rlm@46 8797 },
rlm@46 8798
rlm@46 8799
rlm@46 8800 ElementWrapper: function(el) {
rlm@46 8801
rlm@46 8802 this.el = el || null;
rlm@46 8803
rlm@46 8804 this.id = this.el && el.id;
rlm@46 8805
rlm@46 8806 this.css = this.el && el.style;
rlm@46 8807 },
rlm@46 8808
rlm@46 8809
rlm@46 8810 getPosX: function(el) {
rlm@46 8811 return Ext.lib.Dom.getX(el);
rlm@46 8812 },
rlm@46 8813
rlm@46 8814
rlm@46 8815 getPosY: function(el) {
rlm@46 8816 return Ext.lib.Dom.getY(el);
rlm@46 8817 },
rlm@46 8818
rlm@46 8819
rlm@46 8820 swapNode: function(n1, n2) {
rlm@46 8821 if (n1.swapNode) {
rlm@46 8822 n1.swapNode(n2);
rlm@46 8823 } else {
rlm@46 8824 var p = n2.parentNode;
rlm@46 8825 var s = n2.nextSibling;
rlm@46 8826
rlm@46 8827 if (s == n1) {
rlm@46 8828 p.insertBefore(n1, n2);
rlm@46 8829 } else if (n2 == n1.nextSibling) {
rlm@46 8830 p.insertBefore(n2, n1);
rlm@46 8831 } else {
rlm@46 8832 n1.parentNode.replaceChild(n2, n1);
rlm@46 8833 p.insertBefore(n1, s);
rlm@46 8834 }
rlm@46 8835 }
rlm@46 8836 },
rlm@46 8837
rlm@46 8838
rlm@46 8839 getScroll: function () {
rlm@46 8840 var t, l, dde=document.documentElement, db=document.body;
rlm@46 8841 if (dde && (dde.scrollTop || dde.scrollLeft)) {
rlm@46 8842 t = dde.scrollTop;
rlm@46 8843 l = dde.scrollLeft;
rlm@46 8844 } else if (db) {
rlm@46 8845 t = db.scrollTop;
rlm@46 8846 l = db.scrollLeft;
rlm@46 8847 } else {
rlm@46 8848
rlm@46 8849 }
rlm@46 8850 return { top: t, left: l };
rlm@46 8851 },
rlm@46 8852
rlm@46 8853
rlm@46 8854 getStyle: function(el, styleProp) {
rlm@46 8855 return Ext.fly(el).getStyle(styleProp);
rlm@46 8856 },
rlm@46 8857
rlm@46 8858
rlm@46 8859 getScrollTop: function () { return this.getScroll().top; },
rlm@46 8860
rlm@46 8861
rlm@46 8862 getScrollLeft: function () { return this.getScroll().left; },
rlm@46 8863
rlm@46 8864
rlm@46 8865 moveToEl: function (moveEl, targetEl) {
rlm@46 8866 var aCoord = Ext.lib.Dom.getXY(targetEl);
rlm@46 8867 Ext.lib.Dom.setXY(moveEl, aCoord);
rlm@46 8868 },
rlm@46 8869
rlm@46 8870
rlm@46 8871 numericSort: function(a, b) { return (a - b); },
rlm@46 8872
rlm@46 8873
rlm@46 8874 _timeoutCount: 0,
rlm@46 8875
rlm@46 8876
rlm@46 8877 _addListeners: function() {
rlm@46 8878 var DDM = Ext.dd.DDM;
rlm@46 8879 if ( Ext.lib.Event && document ) {
rlm@46 8880 DDM._onLoad();
rlm@46 8881 } else {
rlm@46 8882 if (DDM._timeoutCount > 2000) {
rlm@46 8883 } else {
rlm@46 8884 setTimeout(DDM._addListeners, 10);
rlm@46 8885 if (document && document.body) {
rlm@46 8886 DDM._timeoutCount += 1;
rlm@46 8887 }
rlm@46 8888 }
rlm@46 8889 }
rlm@46 8890 },
rlm@46 8891
rlm@46 8892
rlm@46 8893 handleWasClicked: function(node, id) {
rlm@46 8894 if (this.isHandle(id, node.id)) {
rlm@46 8895 return true;
rlm@46 8896 } else {
rlm@46 8897
rlm@46 8898 var p = node.parentNode;
rlm@46 8899
rlm@46 8900 while (p) {
rlm@46 8901 if (this.isHandle(id, p.id)) {
rlm@46 8902 return true;
rlm@46 8903 } else {
rlm@46 8904 p = p.parentNode;
rlm@46 8905 }
rlm@46 8906 }
rlm@46 8907 }
rlm@46 8908
rlm@46 8909 return false;
rlm@46 8910 }
rlm@46 8911
rlm@46 8912 };
rlm@46 8913
rlm@46 8914 }();
rlm@46 8915
rlm@46 8916
rlm@46 8917 Ext.dd.DDM = Ext.dd.DragDropMgr;
rlm@46 8918 Ext.dd.DDM._addListeners();
rlm@46 8919
rlm@46 8920 }
rlm@46 8921
rlm@46 8922
rlm@46 8923 Ext.dd.DD = function(id, sGroup, config) {
rlm@46 8924 if (id) {
rlm@46 8925 this.init(id, sGroup, config);
rlm@46 8926 }
rlm@46 8927 };
rlm@46 8928
rlm@46 8929 Ext.extend(Ext.dd.DD, Ext.dd.DragDrop, {
rlm@46 8930
rlm@46 8931
rlm@46 8932 scroll: true,
rlm@46 8933
rlm@46 8934
rlm@46 8935 autoOffset: function(iPageX, iPageY) {
rlm@46 8936 var x = iPageX - this.startPageX;
rlm@46 8937 var y = iPageY - this.startPageY;
rlm@46 8938 this.setDelta(x, y);
rlm@46 8939 },
rlm@46 8940
rlm@46 8941
rlm@46 8942 setDelta: function(iDeltaX, iDeltaY) {
rlm@46 8943 this.deltaX = iDeltaX;
rlm@46 8944 this.deltaY = iDeltaY;
rlm@46 8945 },
rlm@46 8946
rlm@46 8947
rlm@46 8948 setDragElPos: function(iPageX, iPageY) {
rlm@46 8949
rlm@46 8950
rlm@46 8951
rlm@46 8952 var el = this.getDragEl();
rlm@46 8953 this.alignElWithMouse(el, iPageX, iPageY);
rlm@46 8954 },
rlm@46 8955
rlm@46 8956
rlm@46 8957 alignElWithMouse: function(el, iPageX, iPageY) {
rlm@46 8958 var oCoord = this.getTargetCoord(iPageX, iPageY);
rlm@46 8959 var fly = el.dom ? el : Ext.fly(el, '_dd');
rlm@46 8960 if (!this.deltaSetXY) {
rlm@46 8961 var aCoord = [oCoord.x, oCoord.y];
rlm@46 8962 fly.setXY(aCoord);
rlm@46 8963 var newLeft = fly.getLeft(true);
rlm@46 8964 var newTop = fly.getTop(true);
rlm@46 8965 this.deltaSetXY = [ newLeft - oCoord.x, newTop - oCoord.y ];
rlm@46 8966 } else {
rlm@46 8967 fly.setLeftTop(oCoord.x + this.deltaSetXY[0], oCoord.y + this.deltaSetXY[1]);
rlm@46 8968 }
rlm@46 8969
rlm@46 8970 this.cachePosition(oCoord.x, oCoord.y);
rlm@46 8971 this.autoScroll(oCoord.x, oCoord.y, el.offsetHeight, el.offsetWidth);
rlm@46 8972 return oCoord;
rlm@46 8973 },
rlm@46 8974
rlm@46 8975
rlm@46 8976 cachePosition: function(iPageX, iPageY) {
rlm@46 8977 if (iPageX) {
rlm@46 8978 this.lastPageX = iPageX;
rlm@46 8979 this.lastPageY = iPageY;
rlm@46 8980 } else {
rlm@46 8981 var aCoord = Ext.lib.Dom.getXY(this.getEl());
rlm@46 8982 this.lastPageX = aCoord[0];
rlm@46 8983 this.lastPageY = aCoord[1];
rlm@46 8984 }
rlm@46 8985 },
rlm@46 8986
rlm@46 8987
rlm@46 8988 autoScroll: function(x, y, h, w) {
rlm@46 8989
rlm@46 8990 if (this.scroll) {
rlm@46 8991
rlm@46 8992 var clientH = Ext.lib.Dom.getViewHeight();
rlm@46 8993
rlm@46 8994
rlm@46 8995 var clientW = Ext.lib.Dom.getViewWidth();
rlm@46 8996
rlm@46 8997
rlm@46 8998 var st = this.DDM.getScrollTop();
rlm@46 8999
rlm@46 9000
rlm@46 9001 var sl = this.DDM.getScrollLeft();
rlm@46 9002
rlm@46 9003
rlm@46 9004 var bot = h + y;
rlm@46 9005
rlm@46 9006
rlm@46 9007 var right = w + x;
rlm@46 9008
rlm@46 9009
rlm@46 9010
rlm@46 9011
rlm@46 9012 var toBot = (clientH + st - y - this.deltaY);
rlm@46 9013
rlm@46 9014
rlm@46 9015 var toRight = (clientW + sl - x - this.deltaX);
rlm@46 9016
rlm@46 9017
rlm@46 9018
rlm@46 9019
rlm@46 9020 var thresh = 40;
rlm@46 9021
rlm@46 9022
rlm@46 9023
rlm@46 9024
rlm@46 9025 var scrAmt = (document.all) ? 80 : 30;
rlm@46 9026
rlm@46 9027
rlm@46 9028
rlm@46 9029 if ( bot > clientH && toBot < thresh ) {
rlm@46 9030 window.scrollTo(sl, st + scrAmt);
rlm@46 9031 }
rlm@46 9032
rlm@46 9033
rlm@46 9034
rlm@46 9035 if ( y < st && st > 0 && y - st < thresh ) {
rlm@46 9036 window.scrollTo(sl, st - scrAmt);
rlm@46 9037 }
rlm@46 9038
rlm@46 9039
rlm@46 9040
rlm@46 9041 if ( right > clientW && toRight < thresh ) {
rlm@46 9042 window.scrollTo(sl + scrAmt, st);
rlm@46 9043 }
rlm@46 9044
rlm@46 9045
rlm@46 9046
rlm@46 9047 if ( x < sl && sl > 0 && x - sl < thresh ) {
rlm@46 9048 window.scrollTo(sl - scrAmt, st);
rlm@46 9049 }
rlm@46 9050 }
rlm@46 9051 },
rlm@46 9052
rlm@46 9053
rlm@46 9054 getTargetCoord: function(iPageX, iPageY) {
rlm@46 9055
rlm@46 9056
rlm@46 9057 var x = iPageX - this.deltaX;
rlm@46 9058 var y = iPageY - this.deltaY;
rlm@46 9059
rlm@46 9060 if (this.constrainX) {
rlm@46 9061 if (x < this.minX) { x = this.minX; }
rlm@46 9062 if (x > this.maxX) { x = this.maxX; }
rlm@46 9063 }
rlm@46 9064
rlm@46 9065 if (this.constrainY) {
rlm@46 9066 if (y < this.minY) { y = this.minY; }
rlm@46 9067 if (y > this.maxY) { y = this.maxY; }
rlm@46 9068 }
rlm@46 9069
rlm@46 9070 x = this.getTick(x, this.xTicks);
rlm@46 9071 y = this.getTick(y, this.yTicks);
rlm@46 9072
rlm@46 9073
rlm@46 9074 return {x:x, y:y};
rlm@46 9075 },
rlm@46 9076
rlm@46 9077
rlm@46 9078 applyConfig: function() {
rlm@46 9079 Ext.dd.DD.superclass.applyConfig.call(this);
rlm@46 9080 this.scroll = (this.config.scroll !== false);
rlm@46 9081 },
rlm@46 9082
rlm@46 9083
rlm@46 9084 b4MouseDown: function(e) {
rlm@46 9085
rlm@46 9086 this.autoOffset(e.getPageX(),
rlm@46 9087 e.getPageY());
rlm@46 9088 },
rlm@46 9089
rlm@46 9090
rlm@46 9091 b4Drag: function(e) {
rlm@46 9092 this.setDragElPos(e.getPageX(),
rlm@46 9093 e.getPageY());
rlm@46 9094 },
rlm@46 9095
rlm@46 9096 toString: function() {
rlm@46 9097 return ("DD " + this.id);
rlm@46 9098 }
rlm@46 9099
rlm@46 9100
rlm@46 9101
rlm@46 9102
rlm@46 9103
rlm@46 9104
rlm@46 9105 });
rlm@46 9106
rlm@46 9107 Ext.dd.DDProxy = function(id, sGroup, config) {
rlm@46 9108 if (id) {
rlm@46 9109 this.init(id, sGroup, config);
rlm@46 9110 this.initFrame();
rlm@46 9111 }
rlm@46 9112 };
rlm@46 9113
rlm@46 9114
rlm@46 9115 Ext.dd.DDProxy.dragElId = "ygddfdiv";
rlm@46 9116
rlm@46 9117 Ext.extend(Ext.dd.DDProxy, Ext.dd.DD, {
rlm@46 9118
rlm@46 9119
rlm@46 9120 resizeFrame: true,
rlm@46 9121
rlm@46 9122
rlm@46 9123 centerFrame: false,
rlm@46 9124
rlm@46 9125
rlm@46 9126 createFrame: function() {
rlm@46 9127 var self = this;
rlm@46 9128 var body = document.body;
rlm@46 9129
rlm@46 9130 if (!body || !body.firstChild) {
rlm@46 9131 setTimeout( function() { self.createFrame(); }, 50 );
rlm@46 9132 return;
rlm@46 9133 }
rlm@46 9134
rlm@46 9135 var div = this.getDragEl();
rlm@46 9136
rlm@46 9137 if (!div) {
rlm@46 9138 div = document.createElement("div");
rlm@46 9139 div.id = this.dragElId;
rlm@46 9140 var s = div.style;
rlm@46 9141
rlm@46 9142 s.position = "absolute";
rlm@46 9143 s.visibility = "hidden";
rlm@46 9144 s.cursor = "move";
rlm@46 9145 s.border = "2px solid #aaa";
rlm@46 9146 s.zIndex = 999;
rlm@46 9147
rlm@46 9148
rlm@46 9149
rlm@46 9150
rlm@46 9151 body.insertBefore(div, body.firstChild);
rlm@46 9152 }
rlm@46 9153 },
rlm@46 9154
rlm@46 9155
rlm@46 9156 initFrame: function() {
rlm@46 9157 this.createFrame();
rlm@46 9158 },
rlm@46 9159
rlm@46 9160 applyConfig: function() {
rlm@46 9161 Ext.dd.DDProxy.superclass.applyConfig.call(this);
rlm@46 9162
rlm@46 9163 this.resizeFrame = (this.config.resizeFrame !== false);
rlm@46 9164 this.centerFrame = (this.config.centerFrame);
rlm@46 9165 this.setDragElId(this.config.dragElId || Ext.dd.DDProxy.dragElId);
rlm@46 9166 },
rlm@46 9167
rlm@46 9168
rlm@46 9169 showFrame: function(iPageX, iPageY) {
rlm@46 9170 var el = this.getEl();
rlm@46 9171 var dragEl = this.getDragEl();
rlm@46 9172 var s = dragEl.style;
rlm@46 9173
rlm@46 9174 this._resizeProxy();
rlm@46 9175
rlm@46 9176 if (this.centerFrame) {
rlm@46 9177 this.setDelta( Math.round(parseInt(s.width, 10)/2),
rlm@46 9178 Math.round(parseInt(s.height, 10)/2) );
rlm@46 9179 }
rlm@46 9180
rlm@46 9181 this.setDragElPos(iPageX, iPageY);
rlm@46 9182
rlm@46 9183 Ext.fly(dragEl).show();
rlm@46 9184 },
rlm@46 9185
rlm@46 9186
rlm@46 9187 _resizeProxy: function() {
rlm@46 9188 if (this.resizeFrame) {
rlm@46 9189 var el = this.getEl();
rlm@46 9190 Ext.fly(this.getDragEl()).setSize(el.offsetWidth, el.offsetHeight);
rlm@46 9191 }
rlm@46 9192 },
rlm@46 9193
rlm@46 9194
rlm@46 9195 b4MouseDown: function(e) {
rlm@46 9196 var x = e.getPageX();
rlm@46 9197 var y = e.getPageY();
rlm@46 9198 this.autoOffset(x, y);
rlm@46 9199 this.setDragElPos(x, y);
rlm@46 9200 },
rlm@46 9201
rlm@46 9202
rlm@46 9203 b4StartDrag: function(x, y) {
rlm@46 9204
rlm@46 9205 this.showFrame(x, y);
rlm@46 9206 },
rlm@46 9207
rlm@46 9208
rlm@46 9209 b4EndDrag: function(e) {
rlm@46 9210 Ext.fly(this.getDragEl()).hide();
rlm@46 9211 },
rlm@46 9212
rlm@46 9213
rlm@46 9214
rlm@46 9215
rlm@46 9216 endDrag: function(e) {
rlm@46 9217
rlm@46 9218 var lel = this.getEl();
rlm@46 9219 var del = this.getDragEl();
rlm@46 9220
rlm@46 9221
rlm@46 9222 del.style.visibility = "";
rlm@46 9223
rlm@46 9224 this.beforeMove();
rlm@46 9225
rlm@46 9226
rlm@46 9227 lel.style.visibility = "hidden";
rlm@46 9228 Ext.dd.DDM.moveToEl(lel, del);
rlm@46 9229 del.style.visibility = "hidden";
rlm@46 9230 lel.style.visibility = "";
rlm@46 9231
rlm@46 9232 this.afterDrag();
rlm@46 9233 },
rlm@46 9234
rlm@46 9235 beforeMove : function(){
rlm@46 9236
rlm@46 9237 },
rlm@46 9238
rlm@46 9239 afterDrag : function(){
rlm@46 9240
rlm@46 9241 },
rlm@46 9242
rlm@46 9243 toString: function() {
rlm@46 9244 return ("DDProxy " + this.id);
rlm@46 9245 }
rlm@46 9246
rlm@46 9247 });
rlm@46 9248
rlm@46 9249 Ext.dd.DDTarget = function(id, sGroup, config) {
rlm@46 9250 if (id) {
rlm@46 9251 this.initTarget(id, sGroup, config);
rlm@46 9252 }
rlm@46 9253 };
rlm@46 9254
rlm@46 9255
rlm@46 9256 Ext.extend(Ext.dd.DDTarget, Ext.dd.DragDrop, {
rlm@46 9257 toString: function() {
rlm@46 9258 return ("DDTarget " + this.id);
rlm@46 9259 }
rlm@46 9260 });
rlm@46 9261
rlm@46 9262 Ext.dd.DragTracker = function(config){
rlm@46 9263 Ext.apply(this, config);
rlm@46 9264 this.addEvents(
rlm@46 9265 'mousedown',
rlm@46 9266 'mouseup',
rlm@46 9267 'mousemove',
rlm@46 9268 'dragstart',
rlm@46 9269 'dragend',
rlm@46 9270 'drag'
rlm@46 9271 );
rlm@46 9272
rlm@46 9273 this.dragRegion = new Ext.lib.Region(0,0,0,0);
rlm@46 9274
rlm@46 9275 if(this.el){
rlm@46 9276 this.initEl(this.el);
rlm@46 9277 }
rlm@46 9278 }
rlm@46 9279
rlm@46 9280 Ext.extend(Ext.dd.DragTracker, Ext.util.Observable, {
rlm@46 9281 active: false,
rlm@46 9282 tolerance: 5,
rlm@46 9283 autoStart: false,
rlm@46 9284
rlm@46 9285 initEl: function(el){
rlm@46 9286 this.el = Ext.get(el);
rlm@46 9287 el.on('mousedown', this.onMouseDown, this,
rlm@46 9288 this.delegate ? {delegate: this.delegate} : undefined);
rlm@46 9289 },
rlm@46 9290
rlm@46 9291 destroy : function(){
rlm@46 9292 this.el.un('mousedown', this.onMouseDown, this);
rlm@46 9293 },
rlm@46 9294
rlm@46 9295 onMouseDown: function(e, target){
rlm@46 9296 if(this.fireEvent('mousedown', this, e) !== false && this.onBeforeStart(e) !== false){
rlm@46 9297 this.startXY = this.lastXY = e.getXY();
rlm@46 9298 this.dragTarget = this.delegate ? target : this.el.dom;
rlm@46 9299 e.preventDefault();
rlm@46 9300 var doc = Ext.getDoc();
rlm@46 9301 doc.on('mouseup', this.onMouseUp, this);
rlm@46 9302 doc.on('mousemove', this.onMouseMove, this);
rlm@46 9303 doc.on('selectstart', this.stopSelect, this);
rlm@46 9304 if(this.autoStart){
rlm@46 9305 this.timer = this.triggerStart.defer(this.autoStart === true ? 1000 : this.autoStart, this);
rlm@46 9306 }
rlm@46 9307 }
rlm@46 9308 },
rlm@46 9309
rlm@46 9310 onMouseMove: function(e, target){
rlm@46 9311 e.preventDefault();
rlm@46 9312 var xy = e.getXY(), s = this.startXY;
rlm@46 9313 this.lastXY = xy;
rlm@46 9314 if(!this.active){
rlm@46 9315 if(Math.abs(s[0]-xy[0]) > this.tolerance || Math.abs(s[1]-xy[1]) > this.tolerance){
rlm@46 9316 this.triggerStart();
rlm@46 9317 }else{
rlm@46 9318 return;
rlm@46 9319 }
rlm@46 9320 }
rlm@46 9321 this.fireEvent('mousemove', this, e);
rlm@46 9322 this.onDrag(e);
rlm@46 9323 this.fireEvent('drag', this, e);
rlm@46 9324 },
rlm@46 9325
rlm@46 9326 onMouseUp: function(e){
rlm@46 9327 var doc = Ext.getDoc();
rlm@46 9328 doc.un('mousemove', this.onMouseMove, this);
rlm@46 9329 doc.un('mouseup', this.onMouseUp, this);
rlm@46 9330 doc.un('selectstart', this.stopSelect, this);
rlm@46 9331 e.preventDefault();
rlm@46 9332 this.clearStart();
rlm@46 9333 this.active = false;
rlm@46 9334 delete this.elRegion;
rlm@46 9335 this.fireEvent('mouseup', this, e);
rlm@46 9336 this.onEnd(e);
rlm@46 9337 this.fireEvent('dragend', this, e);
rlm@46 9338 },
rlm@46 9339
rlm@46 9340 triggerStart: function(isTimer){
rlm@46 9341 this.clearStart();
rlm@46 9342 this.active = true;
rlm@46 9343 this.onStart(this.startXY);
rlm@46 9344 this.fireEvent('dragstart', this, this.startXY);
rlm@46 9345 },
rlm@46 9346
rlm@46 9347 clearStart : function(){
rlm@46 9348 if(this.timer){
rlm@46 9349 clearTimeout(this.timer);
rlm@46 9350 delete this.timer;
rlm@46 9351 }
rlm@46 9352 },
rlm@46 9353
rlm@46 9354 stopSelect : function(e){
rlm@46 9355 e.stopEvent();
rlm@46 9356 return false;
rlm@46 9357 },
rlm@46 9358
rlm@46 9359 onBeforeStart : function(e){
rlm@46 9360
rlm@46 9361 },
rlm@46 9362
rlm@46 9363 onStart : function(xy){
rlm@46 9364
rlm@46 9365 },
rlm@46 9366
rlm@46 9367 onDrag : function(e){
rlm@46 9368
rlm@46 9369 },
rlm@46 9370
rlm@46 9371 onEnd : function(e){
rlm@46 9372
rlm@46 9373 },
rlm@46 9374
rlm@46 9375 getDragTarget : function(){
rlm@46 9376 return this.dragTarget;
rlm@46 9377 },
rlm@46 9378
rlm@46 9379 getDragCt : function(){
rlm@46 9380 return this.el;
rlm@46 9381 },
rlm@46 9382
rlm@46 9383 getXY : function(constrain){
rlm@46 9384 return constrain ?
rlm@46 9385 this.constrainModes[constrain].call(this, this.lastXY) : this.lastXY;
rlm@46 9386 },
rlm@46 9387
rlm@46 9388 getOffset : function(constrain){
rlm@46 9389 var xy = this.getXY(constrain);
rlm@46 9390 var s = this.startXY;
rlm@46 9391 return [s[0]-xy[0], s[1]-xy[1]];
rlm@46 9392 },
rlm@46 9393
rlm@46 9394 constrainModes: {
rlm@46 9395 'point' : function(xy){
rlm@46 9396
rlm@46 9397 if(!this.elRegion){
rlm@46 9398 this.elRegion = this.getDragCt().getRegion();
rlm@46 9399 }
rlm@46 9400
rlm@46 9401 var dr = this.dragRegion;
rlm@46 9402
rlm@46 9403 dr.left = xy[0];
rlm@46 9404 dr.top = xy[1];
rlm@46 9405 dr.right = xy[0];
rlm@46 9406 dr.bottom = xy[1];
rlm@46 9407
rlm@46 9408 dr.constrainTo(this.elRegion);
rlm@46 9409
rlm@46 9410 return [dr.left, dr.top];
rlm@46 9411 }
rlm@46 9412 }
rlm@46 9413 });
rlm@46 9414
rlm@46 9415 Ext.dd.ScrollManager = function(){
rlm@46 9416 var ddm = Ext.dd.DragDropMgr;
rlm@46 9417 var els = {};
rlm@46 9418 var dragEl = null;
rlm@46 9419 var proc = {};
rlm@46 9420
rlm@46 9421 var onStop = function(e){
rlm@46 9422 dragEl = null;
rlm@46 9423 clearProc();
rlm@46 9424 };
rlm@46 9425
rlm@46 9426 var triggerRefresh = function(){
rlm@46 9427 if(ddm.dragCurrent){
rlm@46 9428 ddm.refreshCache(ddm.dragCurrent.groups);
rlm@46 9429 }
rlm@46 9430 };
rlm@46 9431
rlm@46 9432 var doScroll = function(){
rlm@46 9433 if(ddm.dragCurrent){
rlm@46 9434 var dds = Ext.dd.ScrollManager;
rlm@46 9435 var inc = proc.el.ddScrollConfig ?
rlm@46 9436 proc.el.ddScrollConfig.increment : dds.increment;
rlm@46 9437 if(!dds.animate){
rlm@46 9438 if(proc.el.scroll(proc.dir, inc)){
rlm@46 9439 triggerRefresh();
rlm@46 9440 }
rlm@46 9441 }else{
rlm@46 9442 proc.el.scroll(proc.dir, inc, true, dds.animDuration, triggerRefresh);
rlm@46 9443 }
rlm@46 9444 }
rlm@46 9445 };
rlm@46 9446
rlm@46 9447 var clearProc = function(){
rlm@46 9448 if(proc.id){
rlm@46 9449 clearInterval(proc.id);
rlm@46 9450 }
rlm@46 9451 proc.id = 0;
rlm@46 9452 proc.el = null;
rlm@46 9453 proc.dir = "";
rlm@46 9454 };
rlm@46 9455
rlm@46 9456 var startProc = function(el, dir){
rlm@46 9457 clearProc();
rlm@46 9458 proc.el = el;
rlm@46 9459 proc.dir = dir;
rlm@46 9460 proc.id = setInterval(doScroll, Ext.dd.ScrollManager.frequency);
rlm@46 9461 };
rlm@46 9462
rlm@46 9463 var onFire = function(e, isDrop){
rlm@46 9464 if(isDrop || !ddm.dragCurrent){ return; }
rlm@46 9465 var dds = Ext.dd.ScrollManager;
rlm@46 9466 if(!dragEl || dragEl != ddm.dragCurrent){
rlm@46 9467 dragEl = ddm.dragCurrent;
rlm@46 9468
rlm@46 9469 dds.refreshCache();
rlm@46 9470 }
rlm@46 9471
rlm@46 9472 var xy = Ext.lib.Event.getXY(e);
rlm@46 9473 var pt = new Ext.lib.Point(xy[0], xy[1]);
rlm@46 9474 for(var id in els){
rlm@46 9475 var el = els[id], r = el._region;
rlm@46 9476 var c = el.ddScrollConfig ? el.ddScrollConfig : dds;
rlm@46 9477 if(r && r.contains(pt) && el.isScrollable()){
rlm@46 9478 if(r.bottom - pt.y <= c.vthresh){
rlm@46 9479 if(proc.el != el){
rlm@46 9480 startProc(el, "down");
rlm@46 9481 }
rlm@46 9482 return;
rlm@46 9483 }else if(r.right - pt.x <= c.hthresh){
rlm@46 9484 if(proc.el != el){
rlm@46 9485 startProc(el, "left");
rlm@46 9486 }
rlm@46 9487 return;
rlm@46 9488 }else if(pt.y - r.top <= c.vthresh){
rlm@46 9489 if(proc.el != el){
rlm@46 9490 startProc(el, "up");
rlm@46 9491 }
rlm@46 9492 return;
rlm@46 9493 }else if(pt.x - r.left <= c.hthresh){
rlm@46 9494 if(proc.el != el){
rlm@46 9495 startProc(el, "right");
rlm@46 9496 }
rlm@46 9497 return;
rlm@46 9498 }
rlm@46 9499 }
rlm@46 9500 }
rlm@46 9501 clearProc();
rlm@46 9502 };
rlm@46 9503
rlm@46 9504 ddm.fireEvents = ddm.fireEvents.createSequence(onFire, ddm);
rlm@46 9505 ddm.stopDrag = ddm.stopDrag.createSequence(onStop, ddm);
rlm@46 9506
rlm@46 9507 return {
rlm@46 9508
rlm@46 9509 register : function(el){
rlm@46 9510 if(Ext.isArray(el)){
rlm@46 9511 for(var i = 0, len = el.length; i < len; i++) {
rlm@46 9512 this.register(el[i]);
rlm@46 9513 }
rlm@46 9514 }else{
rlm@46 9515 el = Ext.get(el);
rlm@46 9516 els[el.id] = el;
rlm@46 9517 }
rlm@46 9518 },
rlm@46 9519
rlm@46 9520
rlm@46 9521 unregister : function(el){
rlm@46 9522 if(Ext.isArray(el)){
rlm@46 9523 for(var i = 0, len = el.length; i < len; i++) {
rlm@46 9524 this.unregister(el[i]);
rlm@46 9525 }
rlm@46 9526 }else{
rlm@46 9527 el = Ext.get(el);
rlm@46 9528 delete els[el.id];
rlm@46 9529 }
rlm@46 9530 },
rlm@46 9531
rlm@46 9532
rlm@46 9533 vthresh : 25,
rlm@46 9534
rlm@46 9535 hthresh : 25,
rlm@46 9536
rlm@46 9537
rlm@46 9538 increment : 100,
rlm@46 9539
rlm@46 9540
rlm@46 9541 frequency : 500,
rlm@46 9542
rlm@46 9543
rlm@46 9544 animate: true,
rlm@46 9545
rlm@46 9546
rlm@46 9547 animDuration: .4,
rlm@46 9548
rlm@46 9549
rlm@46 9550 refreshCache : function(){
rlm@46 9551 for(var id in els){
rlm@46 9552 if(typeof els[id] == 'object'){
rlm@46 9553 els[id]._region = els[id].getRegion();
rlm@46 9554 }
rlm@46 9555 }
rlm@46 9556 }
rlm@46 9557 };
rlm@46 9558 }();
rlm@46 9559
rlm@46 9560 Ext.dd.Registry = function(){
rlm@46 9561 var elements = {};
rlm@46 9562 var handles = {};
rlm@46 9563 var autoIdSeed = 0;
rlm@46 9564
rlm@46 9565 var getId = function(el, autogen){
rlm@46 9566 if(typeof el == "string"){
rlm@46 9567 return el;
rlm@46 9568 }
rlm@46 9569 var id = el.id;
rlm@46 9570 if(!id && autogen !== false){
rlm@46 9571 id = "extdd-" + (++autoIdSeed);
rlm@46 9572 el.id = id;
rlm@46 9573 }
rlm@46 9574 return id;
rlm@46 9575 };
rlm@46 9576
rlm@46 9577 return {
rlm@46 9578
rlm@46 9579 register : function(el, data){
rlm@46 9580 data = data || {};
rlm@46 9581 if(typeof el == "string"){
rlm@46 9582 el = document.getElementById(el);
rlm@46 9583 }
rlm@46 9584 data.ddel = el;
rlm@46 9585 elements[getId(el)] = data;
rlm@46 9586 if(data.isHandle !== false){
rlm@46 9587 handles[data.ddel.id] = data;
rlm@46 9588 }
rlm@46 9589 if(data.handles){
rlm@46 9590 var hs = data.handles;
rlm@46 9591 for(var i = 0, len = hs.length; i < len; i++){
rlm@46 9592 handles[getId(hs[i])] = data;
rlm@46 9593 }
rlm@46 9594 }
rlm@46 9595 },
rlm@46 9596
rlm@46 9597
rlm@46 9598 unregister : function(el){
rlm@46 9599 var id = getId(el, false);
rlm@46 9600 var data = elements[id];
rlm@46 9601 if(data){
rlm@46 9602 delete elements[id];
rlm@46 9603 if(data.handles){
rlm@46 9604 var hs = data.handles;
rlm@46 9605 for(var i = 0, len = hs.length; i < len; i++){
rlm@46 9606 delete handles[getId(hs[i], false)];
rlm@46 9607 }
rlm@46 9608 }
rlm@46 9609 }
rlm@46 9610 },
rlm@46 9611
rlm@46 9612
rlm@46 9613 getHandle : function(id){
rlm@46 9614 if(typeof id != "string"){
rlm@46 9615 id = id.id;
rlm@46 9616 }
rlm@46 9617 return handles[id];
rlm@46 9618 },
rlm@46 9619
rlm@46 9620
rlm@46 9621 getHandleFromEvent : function(e){
rlm@46 9622 var t = Ext.lib.Event.getTarget(e);
rlm@46 9623 return t ? handles[t.id] : null;
rlm@46 9624 },
rlm@46 9625
rlm@46 9626
rlm@46 9627 getTarget : function(id){
rlm@46 9628 if(typeof id != "string"){
rlm@46 9629 id = id.id;
rlm@46 9630 }
rlm@46 9631 return elements[id];
rlm@46 9632 },
rlm@46 9633
rlm@46 9634
rlm@46 9635 getTargetFromEvent : function(e){
rlm@46 9636 var t = Ext.lib.Event.getTarget(e);
rlm@46 9637 return t ? elements[t.id] || handles[t.id] : null;
rlm@46 9638 }
rlm@46 9639 };
rlm@46 9640 }();
rlm@46 9641
rlm@46 9642 Ext.dd.StatusProxy = function(config){
rlm@46 9643 Ext.apply(this, config);
rlm@46 9644 this.id = this.id || Ext.id();
rlm@46 9645 this.el = new Ext.Layer({
rlm@46 9646 dh: {
rlm@46 9647 id: this.id, tag: "div", cls: "x-dd-drag-proxy "+this.dropNotAllowed, children: [
rlm@46 9648 {tag: "div", cls: "x-dd-drop-icon"},
rlm@46 9649 {tag: "div", cls: "x-dd-drag-ghost"}
rlm@46 9650 ]
rlm@46 9651 },
rlm@46 9652 shadow: !config || config.shadow !== false
rlm@46 9653 });
rlm@46 9654 this.ghost = Ext.get(this.el.dom.childNodes[1]);
rlm@46 9655 this.dropStatus = this.dropNotAllowed;
rlm@46 9656 };
rlm@46 9657
rlm@46 9658 Ext.dd.StatusProxy.prototype = {
rlm@46 9659
rlm@46 9660 dropAllowed : "x-dd-drop-ok",
rlm@46 9661
rlm@46 9662 dropNotAllowed : "x-dd-drop-nodrop",
rlm@46 9663
rlm@46 9664
rlm@46 9665 setStatus : function(cssClass){
rlm@46 9666 cssClass = cssClass || this.dropNotAllowed;
rlm@46 9667 if(this.dropStatus != cssClass){
rlm@46 9668 this.el.replaceClass(this.dropStatus, cssClass);
rlm@46 9669 this.dropStatus = cssClass;
rlm@46 9670 }
rlm@46 9671 },
rlm@46 9672
rlm@46 9673
rlm@46 9674 reset : function(clearGhost){
rlm@46 9675 this.el.dom.className = "x-dd-drag-proxy " + this.dropNotAllowed;
rlm@46 9676 this.dropStatus = this.dropNotAllowed;
rlm@46 9677 if(clearGhost){
rlm@46 9678 this.ghost.update("");
rlm@46 9679 }
rlm@46 9680 },
rlm@46 9681
rlm@46 9682
rlm@46 9683 update : function(html){
rlm@46 9684 if(typeof html == "string"){
rlm@46 9685 this.ghost.update(html);
rlm@46 9686 }else{
rlm@46 9687 this.ghost.update("");
rlm@46 9688 html.style.margin = "0";
rlm@46 9689 this.ghost.dom.appendChild(html);
rlm@46 9690 }
rlm@46 9691 },
rlm@46 9692
rlm@46 9693
rlm@46 9694 getEl : function(){
rlm@46 9695 return this.el;
rlm@46 9696 },
rlm@46 9697
rlm@46 9698
rlm@46 9699 getGhost : function(){
rlm@46 9700 return this.ghost;
rlm@46 9701 },
rlm@46 9702
rlm@46 9703
rlm@46 9704 hide : function(clear){
rlm@46 9705 this.el.hide();
rlm@46 9706 if(clear){
rlm@46 9707 this.reset(true);
rlm@46 9708 }
rlm@46 9709 },
rlm@46 9710
rlm@46 9711
rlm@46 9712 stop : function(){
rlm@46 9713 if(this.anim && this.anim.isAnimated && this.anim.isAnimated()){
rlm@46 9714 this.anim.stop();
rlm@46 9715 }
rlm@46 9716 },
rlm@46 9717
rlm@46 9718
rlm@46 9719 show : function(){
rlm@46 9720 this.el.show();
rlm@46 9721 },
rlm@46 9722
rlm@46 9723
rlm@46 9724 sync : function(){
rlm@46 9725 this.el.sync();
rlm@46 9726 },
rlm@46 9727
rlm@46 9728
rlm@46 9729 repair : function(xy, callback, scope){
rlm@46 9730 this.callback = callback;
rlm@46 9731 this.scope = scope;
rlm@46 9732 if(xy && this.animRepair !== false){
rlm@46 9733 this.el.addClass("x-dd-drag-repair");
rlm@46 9734 this.el.hideUnders(true);
rlm@46 9735 this.anim = this.el.shift({
rlm@46 9736 duration: this.repairDuration || .5,
rlm@46 9737 easing: 'easeOut',
rlm@46 9738 xy: xy,
rlm@46 9739 stopFx: true,
rlm@46 9740 callback: this.afterRepair,
rlm@46 9741 scope: this
rlm@46 9742 });
rlm@46 9743 }else{
rlm@46 9744 this.afterRepair();
rlm@46 9745 }
rlm@46 9746 },
rlm@46 9747
rlm@46 9748
rlm@46 9749 afterRepair : function(){
rlm@46 9750 this.hide(true);
rlm@46 9751 if(typeof this.callback == "function"){
rlm@46 9752 this.callback.call(this.scope || this);
rlm@46 9753 }
rlm@46 9754 this.callback = null;
rlm@46 9755 this.scope = null;
rlm@46 9756 }
rlm@46 9757 };
rlm@46 9758
rlm@46 9759 Ext.dd.DragSource = function(el, config){
rlm@46 9760 this.el = Ext.get(el);
rlm@46 9761 if(!this.dragData){
rlm@46 9762 this.dragData = {};
rlm@46 9763 }
rlm@46 9764
rlm@46 9765 Ext.apply(this, config);
rlm@46 9766
rlm@46 9767 if(!this.proxy){
rlm@46 9768 this.proxy = new Ext.dd.StatusProxy();
rlm@46 9769 }
rlm@46 9770 Ext.dd.DragSource.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
rlm@46 9771 {dragElId : this.proxy.id, resizeFrame: false, isTarget: false, scroll: this.scroll === true});
rlm@46 9772
rlm@46 9773 this.dragging = false;
rlm@46 9774 };
rlm@46 9775
rlm@46 9776 Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
rlm@46 9777
rlm@46 9778
rlm@46 9779 dropAllowed : "x-dd-drop-ok",
rlm@46 9780
rlm@46 9781 dropNotAllowed : "x-dd-drop-nodrop",
rlm@46 9782
rlm@46 9783
rlm@46 9784 getDragData : function(e){
rlm@46 9785 return this.dragData;
rlm@46 9786 },
rlm@46 9787
rlm@46 9788
rlm@46 9789 onDragEnter : function(e, id){
rlm@46 9790 var target = Ext.dd.DragDropMgr.getDDById(id);
rlm@46 9791 this.cachedTarget = target;
rlm@46 9792 if(this.beforeDragEnter(target, e, id) !== false){
rlm@46 9793 if(target.isNotifyTarget){
rlm@46 9794 var status = target.notifyEnter(this, e, this.dragData);
rlm@46 9795 this.proxy.setStatus(status);
rlm@46 9796 }else{
rlm@46 9797 this.proxy.setStatus(this.dropAllowed);
rlm@46 9798 }
rlm@46 9799
rlm@46 9800 if(this.afterDragEnter){
rlm@46 9801
rlm@46 9802 this.afterDragEnter(target, e, id);
rlm@46 9803 }
rlm@46 9804 }
rlm@46 9805 },
rlm@46 9806
rlm@46 9807
rlm@46 9808 beforeDragEnter : function(target, e, id){
rlm@46 9809 return true;
rlm@46 9810 },
rlm@46 9811
rlm@46 9812
rlm@46 9813 alignElWithMouse: function() {
rlm@46 9814 Ext.dd.DragSource.superclass.alignElWithMouse.apply(this, arguments);
rlm@46 9815 this.proxy.sync();
rlm@46 9816 },
rlm@46 9817
rlm@46 9818
rlm@46 9819 onDragOver : function(e, id){
rlm@46 9820 var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
rlm@46 9821 if(this.beforeDragOver(target, e, id) !== false){
rlm@46 9822 if(target.isNotifyTarget){
rlm@46 9823 var status = target.notifyOver(this, e, this.dragData);
rlm@46 9824 this.proxy.setStatus(status);
rlm@46 9825 }
rlm@46 9826
rlm@46 9827 if(this.afterDragOver){
rlm@46 9828
rlm@46 9829 this.afterDragOver(target, e, id);
rlm@46 9830 }
rlm@46 9831 }
rlm@46 9832 },
rlm@46 9833
rlm@46 9834
rlm@46 9835 beforeDragOver : function(target, e, id){
rlm@46 9836 return true;
rlm@46 9837 },
rlm@46 9838
rlm@46 9839
rlm@46 9840 onDragOut : function(e, id){
rlm@46 9841 var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
rlm@46 9842 if(this.beforeDragOut(target, e, id) !== false){
rlm@46 9843 if(target.isNotifyTarget){
rlm@46 9844 target.notifyOut(this, e, this.dragData);
rlm@46 9845 }
rlm@46 9846 this.proxy.reset();
rlm@46 9847 if(this.afterDragOut){
rlm@46 9848
rlm@46 9849 this.afterDragOut(target, e, id);
rlm@46 9850 }
rlm@46 9851 }
rlm@46 9852 this.cachedTarget = null;
rlm@46 9853 },
rlm@46 9854
rlm@46 9855
rlm@46 9856 beforeDragOut : function(target, e, id){
rlm@46 9857 return true;
rlm@46 9858 },
rlm@46 9859
rlm@46 9860
rlm@46 9861 onDragDrop : function(e, id){
rlm@46 9862 var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
rlm@46 9863 if(this.beforeDragDrop(target, e, id) !== false){
rlm@46 9864 if(target.isNotifyTarget){
rlm@46 9865 if(target.notifyDrop(this, e, this.dragData)){
rlm@46 9866 this.onValidDrop(target, e, id);
rlm@46 9867 }else{
rlm@46 9868 this.onInvalidDrop(target, e, id);
rlm@46 9869 }
rlm@46 9870 }else{
rlm@46 9871 this.onValidDrop(target, e, id);
rlm@46 9872 }
rlm@46 9873
rlm@46 9874 if(this.afterDragDrop){
rlm@46 9875
rlm@46 9876 this.afterDragDrop(target, e, id);
rlm@46 9877 }
rlm@46 9878 }
rlm@46 9879 delete this.cachedTarget;
rlm@46 9880 },
rlm@46 9881
rlm@46 9882
rlm@46 9883 beforeDragDrop : function(target, e, id){
rlm@46 9884 return true;
rlm@46 9885 },
rlm@46 9886
rlm@46 9887
rlm@46 9888 onValidDrop : function(target, e, id){
rlm@46 9889 this.hideProxy();
rlm@46 9890 if(this.afterValidDrop){
rlm@46 9891
rlm@46 9892 this.afterValidDrop(target, e, id);
rlm@46 9893 }
rlm@46 9894 },
rlm@46 9895
rlm@46 9896
rlm@46 9897 getRepairXY : function(e, data){
rlm@46 9898 return this.el.getXY();
rlm@46 9899 },
rlm@46 9900
rlm@46 9901
rlm@46 9902 onInvalidDrop : function(target, e, id){
rlm@46 9903 this.beforeInvalidDrop(target, e, id);
rlm@46 9904 if(this.cachedTarget){
rlm@46 9905 if(this.cachedTarget.isNotifyTarget){
rlm@46 9906 this.cachedTarget.notifyOut(this, e, this.dragData);
rlm@46 9907 }
rlm@46 9908 this.cacheTarget = null;
rlm@46 9909 }
rlm@46 9910 this.proxy.repair(this.getRepairXY(e, this.dragData), this.afterRepair, this);
rlm@46 9911
rlm@46 9912 if(this.afterInvalidDrop){
rlm@46 9913
rlm@46 9914 this.afterInvalidDrop(e, id);
rlm@46 9915 }
rlm@46 9916 },
rlm@46 9917
rlm@46 9918
rlm@46 9919 afterRepair : function(){
rlm@46 9920 if(Ext.enableFx){
rlm@46 9921 this.el.highlight(this.hlColor || "c3daf9");
rlm@46 9922 }
rlm@46 9923 this.dragging = false;
rlm@46 9924 },
rlm@46 9925
rlm@46 9926
rlm@46 9927 beforeInvalidDrop : function(target, e, id){
rlm@46 9928 return true;
rlm@46 9929 },
rlm@46 9930
rlm@46 9931
rlm@46 9932 handleMouseDown : function(e){
rlm@46 9933 if(this.dragging) {
rlm@46 9934 return;
rlm@46 9935 }
rlm@46 9936 var data = this.getDragData(e);
rlm@46 9937 if(data && this.onBeforeDrag(data, e) !== false){
rlm@46 9938 this.dragData = data;
rlm@46 9939 this.proxy.stop();
rlm@46 9940 Ext.dd.DragSource.superclass.handleMouseDown.apply(this, arguments);
rlm@46 9941 }
rlm@46 9942 },
rlm@46 9943
rlm@46 9944
rlm@46 9945 onBeforeDrag : function(data, e){
rlm@46 9946 return true;
rlm@46 9947 },
rlm@46 9948
rlm@46 9949
rlm@46 9950 onStartDrag : Ext.emptyFn,
rlm@46 9951
rlm@46 9952
rlm@46 9953 startDrag : function(x, y){
rlm@46 9954 this.proxy.reset();
rlm@46 9955 this.dragging = true;
rlm@46 9956 this.proxy.update("");
rlm@46 9957 this.onInitDrag(x, y);
rlm@46 9958 this.proxy.show();
rlm@46 9959 },
rlm@46 9960
rlm@46 9961
rlm@46 9962 onInitDrag : function(x, y){
rlm@46 9963 var clone = this.el.dom.cloneNode(true);
rlm@46 9964 clone.id = Ext.id();
rlm@46 9965 this.proxy.update(clone);
rlm@46 9966 this.onStartDrag(x, y);
rlm@46 9967 return true;
rlm@46 9968 },
rlm@46 9969
rlm@46 9970
rlm@46 9971 getProxy : function(){
rlm@46 9972 return this.proxy;
rlm@46 9973 },
rlm@46 9974
rlm@46 9975
rlm@46 9976 hideProxy : function(){
rlm@46 9977 this.proxy.hide();
rlm@46 9978 this.proxy.reset(true);
rlm@46 9979 this.dragging = false;
rlm@46 9980 },
rlm@46 9981
rlm@46 9982
rlm@46 9983 triggerCacheRefresh : function(){
rlm@46 9984 Ext.dd.DDM.refreshCache(this.groups);
rlm@46 9985 },
rlm@46 9986
rlm@46 9987
rlm@46 9988 b4EndDrag: function(e) {
rlm@46 9989 },
rlm@46 9990
rlm@46 9991
rlm@46 9992 endDrag : function(e){
rlm@46 9993 this.onEndDrag(this.dragData, e);
rlm@46 9994 },
rlm@46 9995
rlm@46 9996
rlm@46 9997 onEndDrag : function(data, e){
rlm@46 9998 },
rlm@46 9999
rlm@46 10000
rlm@46 10001 autoOffset : function(x, y) {
rlm@46 10002 this.setDelta(-12, -20);
rlm@46 10003 }
rlm@46 10004 });
rlm@46 10005
rlm@46 10006 Ext.dd.DropTarget = function(el, config){
rlm@46 10007 this.el = Ext.get(el);
rlm@46 10008
rlm@46 10009 Ext.apply(this, config);
rlm@46 10010
rlm@46 10011 if(this.containerScroll){
rlm@46 10012 Ext.dd.ScrollManager.register(this.el);
rlm@46 10013 }
rlm@46 10014
rlm@46 10015 Ext.dd.DropTarget.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
rlm@46 10016 {isTarget: true});
rlm@46 10017
rlm@46 10018 };
rlm@46 10019
rlm@46 10020 Ext.extend(Ext.dd.DropTarget, Ext.dd.DDTarget, {
rlm@46 10021
rlm@46 10022
rlm@46 10023
rlm@46 10024 dropAllowed : "x-dd-drop-ok",
rlm@46 10025
rlm@46 10026 dropNotAllowed : "x-dd-drop-nodrop",
rlm@46 10027
rlm@46 10028
rlm@46 10029 isTarget : true,
rlm@46 10030
rlm@46 10031
rlm@46 10032 isNotifyTarget : true,
rlm@46 10033
rlm@46 10034
rlm@46 10035 notifyEnter : function(dd, e, data){
rlm@46 10036 if(this.overClass){
rlm@46 10037 this.el.addClass(this.overClass);
rlm@46 10038 }
rlm@46 10039 return this.dropAllowed;
rlm@46 10040 },
rlm@46 10041
rlm@46 10042
rlm@46 10043 notifyOver : function(dd, e, data){
rlm@46 10044 return this.dropAllowed;
rlm@46 10045 },
rlm@46 10046
rlm@46 10047
rlm@46 10048 notifyOut : function(dd, e, data){
rlm@46 10049 if(this.overClass){
rlm@46 10050 this.el.removeClass(this.overClass);
rlm@46 10051 }
rlm@46 10052 },
rlm@46 10053
rlm@46 10054
rlm@46 10055 notifyDrop : function(dd, e, data){
rlm@46 10056 return false;
rlm@46 10057 }
rlm@46 10058 });
rlm@46 10059
rlm@46 10060 Ext.dd.DragZone = function(el, config){
rlm@46 10061 Ext.dd.DragZone.superclass.constructor.call(this, el, config);
rlm@46 10062 if(this.containerScroll){
rlm@46 10063 Ext.dd.ScrollManager.register(this.el);
rlm@46 10064 }
rlm@46 10065 };
rlm@46 10066
rlm@46 10067 Ext.extend(Ext.dd.DragZone, Ext.dd.DragSource, {
rlm@46 10068
rlm@46 10069
rlm@46 10070
rlm@46 10071
rlm@46 10072 getDragData : function(e){
rlm@46 10073 return Ext.dd.Registry.getHandleFromEvent(e);
rlm@46 10074 },
rlm@46 10075
rlm@46 10076
rlm@46 10077 onInitDrag : function(x, y){
rlm@46 10078 this.proxy.update(this.dragData.ddel.cloneNode(true));
rlm@46 10079 this.onStartDrag(x, y);
rlm@46 10080 return true;
rlm@46 10081 },
rlm@46 10082
rlm@46 10083
rlm@46 10084 afterRepair : function(){
rlm@46 10085 if(Ext.enableFx){
rlm@46 10086 Ext.Element.fly(this.dragData.ddel).highlight(this.hlColor || "c3daf9");
rlm@46 10087 }
rlm@46 10088 this.dragging = false;
rlm@46 10089 },
rlm@46 10090
rlm@46 10091
rlm@46 10092 getRepairXY : function(e){
rlm@46 10093 return Ext.Element.fly(this.dragData.ddel).getXY();
rlm@46 10094 }
rlm@46 10095 });
rlm@46 10096
rlm@46 10097 Ext.dd.DropZone = function(el, config){
rlm@46 10098 Ext.dd.DropZone.superclass.constructor.call(this, el, config);
rlm@46 10099 };
rlm@46 10100
rlm@46 10101 Ext.extend(Ext.dd.DropZone, Ext.dd.DropTarget, {
rlm@46 10102
rlm@46 10103 getTargetFromEvent : function(e){
rlm@46 10104 return Ext.dd.Registry.getTargetFromEvent(e);
rlm@46 10105 },
rlm@46 10106
rlm@46 10107
rlm@46 10108 onNodeEnter : function(n, dd, e, data){
rlm@46 10109
rlm@46 10110 },
rlm@46 10111
rlm@46 10112
rlm@46 10113 onNodeOver : function(n, dd, e, data){
rlm@46 10114 return this.dropAllowed;
rlm@46 10115 },
rlm@46 10116
rlm@46 10117
rlm@46 10118 onNodeOut : function(n, dd, e, data){
rlm@46 10119
rlm@46 10120 },
rlm@46 10121
rlm@46 10122
rlm@46 10123 onNodeDrop : function(n, dd, e, data){
rlm@46 10124 return false;
rlm@46 10125 },
rlm@46 10126
rlm@46 10127
rlm@46 10128 onContainerOver : function(dd, e, data){
rlm@46 10129 return this.dropNotAllowed;
rlm@46 10130 },
rlm@46 10131
rlm@46 10132
rlm@46 10133 onContainerDrop : function(dd, e, data){
rlm@46 10134 return false;
rlm@46 10135 },
rlm@46 10136
rlm@46 10137
rlm@46 10138 notifyEnter : function(dd, e, data){
rlm@46 10139 return this.dropNotAllowed;
rlm@46 10140 },
rlm@46 10141
rlm@46 10142
rlm@46 10143 notifyOver : function(dd, e, data){
rlm@46 10144 var n = this.getTargetFromEvent(e);
rlm@46 10145 if(!n){
rlm@46 10146 if(this.lastOverNode){
rlm@46 10147 this.onNodeOut(this.lastOverNode, dd, e, data);
rlm@46 10148 this.lastOverNode = null;
rlm@46 10149 }
rlm@46 10150 return this.onContainerOver(dd, e, data);
rlm@46 10151 }
rlm@46 10152 if(this.lastOverNode != n){
rlm@46 10153 if(this.lastOverNode){
rlm@46 10154 this.onNodeOut(this.lastOverNode, dd, e, data);
rlm@46 10155 }
rlm@46 10156 this.onNodeEnter(n, dd, e, data);
rlm@46 10157 this.lastOverNode = n;
rlm@46 10158 }
rlm@46 10159 return this.onNodeOver(n, dd, e, data);
rlm@46 10160 },
rlm@46 10161
rlm@46 10162
rlm@46 10163 notifyOut : function(dd, e, data){
rlm@46 10164 if(this.lastOverNode){
rlm@46 10165 this.onNodeOut(this.lastOverNode, dd, e, data);
rlm@46 10166 this.lastOverNode = null;
rlm@46 10167 }
rlm@46 10168 },
rlm@46 10169
rlm@46 10170
rlm@46 10171 notifyDrop : function(dd, e, data){
rlm@46 10172 if(this.lastOverNode){
rlm@46 10173 this.onNodeOut(this.lastOverNode, dd, e, data);
rlm@46 10174 this.lastOverNode = null;
rlm@46 10175 }
rlm@46 10176 var n = this.getTargetFromEvent(e);
rlm@46 10177 return n ?
rlm@46 10178 this.onNodeDrop(n, dd, e, data) :
rlm@46 10179 this.onContainerDrop(dd, e, data);
rlm@46 10180 },
rlm@46 10181
rlm@46 10182
rlm@46 10183 triggerCacheRefresh : function(){
rlm@46 10184 Ext.dd.DDM.refreshCache(this.groups);
rlm@46 10185 }
rlm@46 10186 });
rlm@46 10187
rlm@46 10188
rlm@46 10189 Ext.data.SortTypes = {
rlm@46 10190
rlm@46 10191 none : function(s){
rlm@46 10192 return s;
rlm@46 10193 },
rlm@46 10194
rlm@46 10195
rlm@46 10196 stripTagsRE : /<\/?[^>]+>/gi,
rlm@46 10197
rlm@46 10198
rlm@46 10199 asText : function(s){
rlm@46 10200 return String(s).replace(this.stripTagsRE, "");
rlm@46 10201 },
rlm@46 10202
rlm@46 10203
rlm@46 10204 asUCText : function(s){
rlm@46 10205 return String(s).toUpperCase().replace(this.stripTagsRE, "");
rlm@46 10206 },
rlm@46 10207
rlm@46 10208
rlm@46 10209 asUCString : function(s) {
rlm@46 10210 return String(s).toUpperCase();
rlm@46 10211 },
rlm@46 10212
rlm@46 10213
rlm@46 10214 asDate : function(s) {
rlm@46 10215 if(!s){
rlm@46 10216 return 0;
rlm@46 10217 }
rlm@46 10218 if(Ext.isDate(s)){
rlm@46 10219 return s.getTime();
rlm@46 10220 }
rlm@46 10221 return Date.parse(String(s));
rlm@46 10222 },
rlm@46 10223
rlm@46 10224
rlm@46 10225 asFloat : function(s) {
rlm@46 10226 var val = parseFloat(String(s).replace(/,/g, ""));
rlm@46 10227 if(isNaN(val)) val = 0;
rlm@46 10228 return val;
rlm@46 10229 },
rlm@46 10230
rlm@46 10231
rlm@46 10232 asInt : function(s) {
rlm@46 10233 var val = parseInt(String(s).replace(/,/g, ""));
rlm@46 10234 if(isNaN(val)) val = 0;
rlm@46 10235 return val;
rlm@46 10236 }
rlm@46 10237 };
rlm@46 10238
rlm@46 10239 Ext.data.Record = function(data, id){
rlm@46 10240 this.id = (id || id === 0) ? id : ++Ext.data.Record.AUTO_ID;
rlm@46 10241 this.data = data;
rlm@46 10242 };
rlm@46 10243
rlm@46 10244
rlm@46 10245 Ext.data.Record.create = function(o){
rlm@46 10246 var f = Ext.extend(Ext.data.Record, {});
rlm@46 10247 var p = f.prototype;
rlm@46 10248 p.fields = new Ext.util.MixedCollection(false, function(field){
rlm@46 10249 return field.name;
rlm@46 10250 });
rlm@46 10251 for(var i = 0, len = o.length; i < len; i++){
rlm@46 10252 p.fields.add(new Ext.data.Field(o[i]));
rlm@46 10253 }
rlm@46 10254 f.getField = function(name){
rlm@46 10255 return p.fields.get(name);
rlm@46 10256 };
rlm@46 10257 return f;
rlm@46 10258 };
rlm@46 10259
rlm@46 10260 Ext.data.Record.AUTO_ID = 1000;
rlm@46 10261 Ext.data.Record.EDIT = 'edit';
rlm@46 10262 Ext.data.Record.REJECT = 'reject';
rlm@46 10263 Ext.data.Record.COMMIT = 'commit';
rlm@46 10264
rlm@46 10265 Ext.data.Record.prototype = {
rlm@46 10266
rlm@46 10267
rlm@46 10268
rlm@46 10269 dirty : false,
rlm@46 10270 editing : false,
rlm@46 10271 error: null,
rlm@46 10272
rlm@46 10273 modified: null,
rlm@46 10274
rlm@46 10275 join : function(store){
rlm@46 10276 this.store = store;
rlm@46 10277 },
rlm@46 10278
rlm@46 10279
rlm@46 10280 set : function(name, value){
rlm@46 10281 if(String(this.data[name]) == String(value)){
rlm@46 10282 return;
rlm@46 10283 }
rlm@46 10284 this.dirty = true;
rlm@46 10285 if(!this.modified){
rlm@46 10286 this.modified = {};
rlm@46 10287 }
rlm@46 10288 if(typeof this.modified[name] == 'undefined'){
rlm@46 10289 this.modified[name] = this.data[name];
rlm@46 10290 }
rlm@46 10291 this.data[name] = value;
rlm@46 10292 if(!this.editing && this.store){
rlm@46 10293 this.store.afterEdit(this);
rlm@46 10294 }
rlm@46 10295 },
rlm@46 10296
rlm@46 10297
rlm@46 10298 get : function(name){
rlm@46 10299 return this.data[name];
rlm@46 10300 },
rlm@46 10301
rlm@46 10302
rlm@46 10303 beginEdit : function(){
rlm@46 10304 this.editing = true;
rlm@46 10305 this.modified = {};
rlm@46 10306 },
rlm@46 10307
rlm@46 10308
rlm@46 10309 cancelEdit : function(){
rlm@46 10310 this.editing = false;
rlm@46 10311 delete this.modified;
rlm@46 10312 },
rlm@46 10313
rlm@46 10314
rlm@46 10315 endEdit : function(){
rlm@46 10316 this.editing = false;
rlm@46 10317 if(this.dirty && this.store){
rlm@46 10318 this.store.afterEdit(this);
rlm@46 10319 }
rlm@46 10320 },
rlm@46 10321
rlm@46 10322
rlm@46 10323 reject : function(silent){
rlm@46 10324 var m = this.modified;
rlm@46 10325 for(var n in m){
rlm@46 10326 if(typeof m[n] != "function"){
rlm@46 10327 this.data[n] = m[n];
rlm@46 10328 }
rlm@46 10329 }
rlm@46 10330 this.dirty = false;
rlm@46 10331 delete this.modified;
rlm@46 10332 this.editing = false;
rlm@46 10333 if(this.store && silent !== true){
rlm@46 10334 this.store.afterReject(this);
rlm@46 10335 }
rlm@46 10336 },
rlm@46 10337
rlm@46 10338
rlm@46 10339 commit : function(silent){
rlm@46 10340 this.dirty = false;
rlm@46 10341 delete this.modified;
rlm@46 10342 this.editing = false;
rlm@46 10343 if(this.store && silent !== true){
rlm@46 10344 this.store.afterCommit(this);
rlm@46 10345 }
rlm@46 10346 },
rlm@46 10347
rlm@46 10348
rlm@46 10349 getChanges : function(){
rlm@46 10350 var m = this.modified, cs = {};
rlm@46 10351 for(var n in m){
rlm@46 10352 if(m.hasOwnProperty(n)){
rlm@46 10353 cs[n] = this.data[n];
rlm@46 10354 }
rlm@46 10355 }
rlm@46 10356 return cs;
rlm@46 10357 },
rlm@46 10358
rlm@46 10359 hasError : function(){
rlm@46 10360 return this.error != null;
rlm@46 10361 },
rlm@46 10362
rlm@46 10363 clearError : function(){
rlm@46 10364 this.error = null;
rlm@46 10365 },
rlm@46 10366
rlm@46 10367
rlm@46 10368 copy : function(newId) {
rlm@46 10369 return new this.constructor(Ext.apply({}, this.data), newId || this.id);
rlm@46 10370 },
rlm@46 10371
rlm@46 10372
rlm@46 10373 isModified : function(fieldName){
rlm@46 10374 return this.modified && this.modified.hasOwnProperty(fieldName);
rlm@46 10375 }
rlm@46 10376 };
rlm@46 10377
rlm@46 10378 Ext.StoreMgr = Ext.apply(new Ext.util.MixedCollection(), {
rlm@46 10379
rlm@46 10380
rlm@46 10381
rlm@46 10382 register : function(){
rlm@46 10383 for(var i = 0, s; s = arguments[i]; i++){
rlm@46 10384 this.add(s);
rlm@46 10385 }
rlm@46 10386 },
rlm@46 10387
rlm@46 10388
rlm@46 10389 unregister : function(){
rlm@46 10390 for(var i = 0, s; s = arguments[i]; i++){
rlm@46 10391 this.remove(this.lookup(s));
rlm@46 10392 }
rlm@46 10393 },
rlm@46 10394
rlm@46 10395
rlm@46 10396 lookup : function(id){
rlm@46 10397 return typeof id == "object" ? id : this.get(id);
rlm@46 10398 },
rlm@46 10399
rlm@46 10400 getKey : function(o){
rlm@46 10401 return o.storeId || o.id;
rlm@46 10402 }
rlm@46 10403 });
rlm@46 10404
rlm@46 10405 Ext.data.Store = function(config){
rlm@46 10406 this.data = new Ext.util.MixedCollection(false);
rlm@46 10407 this.data.getKey = function(o){
rlm@46 10408 return o.id;
rlm@46 10409 };
rlm@46 10410
rlm@46 10411 this.baseParams = {};
rlm@46 10412 this.paramNames = {
rlm@46 10413 "start" : "start",
rlm@46 10414 "limit" : "limit",
rlm@46 10415 "sort" : "sort",
rlm@46 10416 "dir" : "dir"
rlm@46 10417 };
rlm@46 10418
rlm@46 10419 if(config && config.data){
rlm@46 10420 this.inlineData = config.data;
rlm@46 10421 delete config.data;
rlm@46 10422 }
rlm@46 10423
rlm@46 10424 Ext.apply(this, config);
rlm@46 10425
rlm@46 10426 if(this.url && !this.proxy){
rlm@46 10427 this.proxy = new Ext.data.HttpProxy({url: this.url});
rlm@46 10428 }
rlm@46 10429
rlm@46 10430 if(this.reader){ if(!this.recordType){
rlm@46 10431 this.recordType = this.reader.recordType;
rlm@46 10432 }
rlm@46 10433 if(this.reader.onMetaChange){
rlm@46 10434 this.reader.onMetaChange = this.onMetaChange.createDelegate(this);
rlm@46 10435 }
rlm@46 10436 }
rlm@46 10437
rlm@46 10438 if(this.recordType){
rlm@46 10439 this.fields = this.recordType.prototype.fields;
rlm@46 10440 }
rlm@46 10441 this.modified = [];
rlm@46 10442
rlm@46 10443 this.addEvents(
rlm@46 10444
rlm@46 10445 'datachanged',
rlm@46 10446
rlm@46 10447 'metachange',
rlm@46 10448
rlm@46 10449 'add',
rlm@46 10450
rlm@46 10451 'remove',
rlm@46 10452
rlm@46 10453 'update',
rlm@46 10454
rlm@46 10455 'clear',
rlm@46 10456
rlm@46 10457 'beforeload',
rlm@46 10458
rlm@46 10459 'load',
rlm@46 10460
rlm@46 10461 'loadexception'
rlm@46 10462 );
rlm@46 10463
rlm@46 10464 if(this.proxy){
rlm@46 10465 this.relayEvents(this.proxy, ["loadexception"]);
rlm@46 10466 }
rlm@46 10467
rlm@46 10468 this.sortToggle = {};
rlm@46 10469 if(this.sortInfo){
rlm@46 10470 this.setDefaultSort(this.sortInfo.field, this.sortInfo.direction);
rlm@46 10471 }
rlm@46 10472
rlm@46 10473 Ext.data.Store.superclass.constructor.call(this);
rlm@46 10474
rlm@46 10475 if(this.storeId || this.id){
rlm@46 10476 Ext.StoreMgr.register(this);
rlm@46 10477 }
rlm@46 10478 if(this.inlineData){
rlm@46 10479 this.loadData(this.inlineData);
rlm@46 10480 delete this.inlineData;
rlm@46 10481 }else if(this.autoLoad){
rlm@46 10482 this.load.defer(10, this, [
rlm@46 10483 typeof this.autoLoad == 'object' ?
rlm@46 10484 this.autoLoad : undefined]);
rlm@46 10485 }
rlm@46 10486 };
rlm@46 10487 Ext.extend(Ext.data.Store, Ext.util.Observable, {
rlm@46 10488
rlm@46 10489
rlm@46 10490
rlm@46 10491
rlm@46 10492
rlm@46 10493
rlm@46 10494
rlm@46 10495
rlm@46 10496
rlm@46 10497 remoteSort : false,
rlm@46 10498
rlm@46 10499
rlm@46 10500 pruneModifiedRecords : false,
rlm@46 10501
rlm@46 10502
rlm@46 10503 lastOptions : null,
rlm@46 10504
rlm@46 10505 destroy : function(){
rlm@46 10506 if(this.id){
rlm@46 10507 Ext.StoreMgr.unregister(this);
rlm@46 10508 }
rlm@46 10509 this.data = null;
rlm@46 10510 this.purgeListeners();
rlm@46 10511 },
rlm@46 10512
rlm@46 10513
rlm@46 10514 add : function(records){
rlm@46 10515 records = [].concat(records);
rlm@46 10516 if(records.length < 1){
rlm@46 10517 return;
rlm@46 10518 }
rlm@46 10519 for(var i = 0, len = records.length; i < len; i++){
rlm@46 10520 records[i].join(this);
rlm@46 10521 }
rlm@46 10522 var index = this.data.length;
rlm@46 10523 this.data.addAll(records);
rlm@46 10524 if(this.snapshot){
rlm@46 10525 this.snapshot.addAll(records);
rlm@46 10526 }
rlm@46 10527 this.fireEvent("add", this, records, index);
rlm@46 10528 },
rlm@46 10529
rlm@46 10530
rlm@46 10531 addSorted : function(record){
rlm@46 10532 var index = this.findInsertIndex(record);
rlm@46 10533 this.insert(index, record);
rlm@46 10534 },
rlm@46 10535
rlm@46 10536
rlm@46 10537 remove : function(record){
rlm@46 10538 var index = this.data.indexOf(record);
rlm@46 10539 this.data.removeAt(index);
rlm@46 10540 if(this.pruneModifiedRecords){
rlm@46 10541 this.modified.remove(record);
rlm@46 10542 }
rlm@46 10543 if(this.snapshot){
rlm@46 10544 this.snapshot.remove(record);
rlm@46 10545 }
rlm@46 10546 this.fireEvent("remove", this, record, index);
rlm@46 10547 },
rlm@46 10548
rlm@46 10549
rlm@46 10550 removeAll : function(){
rlm@46 10551 this.data.clear();
rlm@46 10552 if(this.snapshot){
rlm@46 10553 this.snapshot.clear();
rlm@46 10554 }
rlm@46 10555 if(this.pruneModifiedRecords){
rlm@46 10556 this.modified = [];
rlm@46 10557 }
rlm@46 10558 this.fireEvent("clear", this);
rlm@46 10559 },
rlm@46 10560
rlm@46 10561
rlm@46 10562 insert : function(index, records){
rlm@46 10563 records = [].concat(records);
rlm@46 10564 for(var i = 0, len = records.length; i < len; i++){
rlm@46 10565 this.data.insert(index, records[i]);
rlm@46 10566 records[i].join(this);
rlm@46 10567 }
rlm@46 10568 this.fireEvent("add", this, records, index);
rlm@46 10569 },
rlm@46 10570
rlm@46 10571
rlm@46 10572 indexOf : function(record){
rlm@46 10573 return this.data.indexOf(record);
rlm@46 10574 },
rlm@46 10575
rlm@46 10576
rlm@46 10577 indexOfId : function(id){
rlm@46 10578 return this.data.indexOfKey(id);
rlm@46 10579 },
rlm@46 10580
rlm@46 10581
rlm@46 10582 getById : function(id){
rlm@46 10583 return this.data.key(id);
rlm@46 10584 },
rlm@46 10585
rlm@46 10586
rlm@46 10587 getAt : function(index){
rlm@46 10588 return this.data.itemAt(index);
rlm@46 10589 },
rlm@46 10590
rlm@46 10591
rlm@46 10592 getRange : function(start, end){
rlm@46 10593 return this.data.getRange(start, end);
rlm@46 10594 },
rlm@46 10595
rlm@46 10596 storeOptions : function(o){
rlm@46 10597 o = Ext.apply({}, o);
rlm@46 10598 delete o.callback;
rlm@46 10599 delete o.scope;
rlm@46 10600 this.lastOptions = o;
rlm@46 10601 },
rlm@46 10602
rlm@46 10603
rlm@46 10604 load : function(options){
rlm@46 10605 options = options || {};
rlm@46 10606 if(this.fireEvent("beforeload", this, options) !== false){
rlm@46 10607 this.storeOptions(options);
rlm@46 10608 var p = Ext.apply(options.params || {}, this.baseParams);
rlm@46 10609 if(this.sortInfo && this.remoteSort){
rlm@46 10610 var pn = this.paramNames;
rlm@46 10611 p[pn["sort"]] = this.sortInfo.field;
rlm@46 10612 p[pn["dir"]] = this.sortInfo.direction;
rlm@46 10613 }
rlm@46 10614 this.proxy.load(p, this.reader, this.loadRecords, this, options);
rlm@46 10615 return true;
rlm@46 10616 } else {
rlm@46 10617 return false;
rlm@46 10618 }
rlm@46 10619 },
rlm@46 10620
rlm@46 10621
rlm@46 10622 reload : function(options){
rlm@46 10623 this.load(Ext.applyIf(options||{}, this.lastOptions));
rlm@46 10624 },
rlm@46 10625
rlm@46 10626 loadRecords : function(o, options, success){
rlm@46 10627 if(!o || success === false){
rlm@46 10628 if(success !== false){
rlm@46 10629 this.fireEvent("load", this, [], options);
rlm@46 10630 }
rlm@46 10631 if(options.callback){
rlm@46 10632 options.callback.call(options.scope || this, [], options, false);
rlm@46 10633 }
rlm@46 10634 return;
rlm@46 10635 }
rlm@46 10636 var r = o.records, t = o.totalRecords || r.length;
rlm@46 10637 if(!options || options.add !== true){
rlm@46 10638 if(this.pruneModifiedRecords){
rlm@46 10639 this.modified = [];
rlm@46 10640 }
rlm@46 10641 for(var i = 0, len = r.length; i < len; i++){
rlm@46 10642 r[i].join(this);
rlm@46 10643 }
rlm@46 10644 if(this.snapshot){
rlm@46 10645 this.data = this.snapshot;
rlm@46 10646 delete this.snapshot;
rlm@46 10647 }
rlm@46 10648 this.data.clear();
rlm@46 10649 this.data.addAll(r);
rlm@46 10650 this.totalLength = t;
rlm@46 10651 this.applySort();
rlm@46 10652 this.fireEvent("datachanged", this);
rlm@46 10653 }else{
rlm@46 10654 this.totalLength = Math.max(t, this.data.length+r.length);
rlm@46 10655 this.add(r);
rlm@46 10656 }
rlm@46 10657 this.fireEvent("load", this, r, options);
rlm@46 10658 if(options.callback){
rlm@46 10659 options.callback.call(options.scope || this, r, options, true);
rlm@46 10660 }
rlm@46 10661 },
rlm@46 10662
rlm@46 10663
rlm@46 10664 loadData : function(o, append){
rlm@46 10665 var r = this.reader.readRecords(o);
rlm@46 10666 this.loadRecords(r, {add: append}, true);
rlm@46 10667 },
rlm@46 10668
rlm@46 10669
rlm@46 10670 getCount : function(){
rlm@46 10671 return this.data.length || 0;
rlm@46 10672 },
rlm@46 10673
rlm@46 10674
rlm@46 10675 getTotalCount : function(){
rlm@46 10676 return this.totalLength || 0;
rlm@46 10677 },
rlm@46 10678
rlm@46 10679
rlm@46 10680 getSortState : function(){
rlm@46 10681 return this.sortInfo;
rlm@46 10682 },
rlm@46 10683
rlm@46 10684 applySort : function(){
rlm@46 10685 if(this.sortInfo && !this.remoteSort){
rlm@46 10686 var s = this.sortInfo, f = s.field;
rlm@46 10687 this.sortData(f, s.direction);
rlm@46 10688 }
rlm@46 10689 },
rlm@46 10690
rlm@46 10691 sortData : function(f, direction){
rlm@46 10692 direction = direction || 'ASC';
rlm@46 10693 var st = this.fields.get(f).sortType;
rlm@46 10694 var fn = function(r1, r2){
rlm@46 10695 var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
rlm@46 10696 return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
rlm@46 10697 };
rlm@46 10698 this.data.sort(direction, fn);
rlm@46 10699 if(this.snapshot && this.snapshot != this.data){
rlm@46 10700 this.snapshot.sort(direction, fn);
rlm@46 10701 }
rlm@46 10702 },
rlm@46 10703
rlm@46 10704
rlm@46 10705 setDefaultSort : function(field, dir){
rlm@46 10706 dir = dir ? dir.toUpperCase() : "ASC";
rlm@46 10707 this.sortInfo = {field: field, direction: dir};
rlm@46 10708 this.sortToggle[field] = dir;
rlm@46 10709 },
rlm@46 10710
rlm@46 10711
rlm@46 10712 sort : function(fieldName, dir){
rlm@46 10713 var f = this.fields.get(fieldName);
rlm@46 10714 if(!f){
rlm@46 10715 return false;
rlm@46 10716 }
rlm@46 10717 if(!dir){
rlm@46 10718 if(this.sortInfo && this.sortInfo.field == f.name){ dir = (this.sortToggle[f.name] || "ASC").toggle("ASC", "DESC");
rlm@46 10719 }else{
rlm@46 10720 dir = f.sortDir;
rlm@46 10721 }
rlm@46 10722 }
rlm@46 10723 var st = (this.sortToggle) ? this.sortToggle[f.name] : null;
rlm@46 10724 var si = (this.sortInfo) ? this.sortInfo : null;
rlm@46 10725
rlm@46 10726 this.sortToggle[f.name] = dir;
rlm@46 10727 this.sortInfo = {field: f.name, direction: dir};
rlm@46 10728 if(!this.remoteSort){
rlm@46 10729 this.applySort();
rlm@46 10730 this.fireEvent("datachanged", this);
rlm@46 10731 }else{
rlm@46 10732 if (!this.load(this.lastOptions)) {
rlm@46 10733 if (st) {
rlm@46 10734 this.sortToggle[f.name] = st;
rlm@46 10735 }
rlm@46 10736 if (si) {
rlm@46 10737 this.sortInfo = si;
rlm@46 10738 }
rlm@46 10739 }
rlm@46 10740 }
rlm@46 10741 },
rlm@46 10742
rlm@46 10743
rlm@46 10744 each : function(fn, scope){
rlm@46 10745 this.data.each(fn, scope);
rlm@46 10746 },
rlm@46 10747
rlm@46 10748
rlm@46 10749 getModifiedRecords : function(){
rlm@46 10750 return this.modified;
rlm@46 10751 },
rlm@46 10752
rlm@46 10753 createFilterFn : function(property, value, anyMatch, caseSensitive){
rlm@46 10754 if(Ext.isEmpty(value, false)){
rlm@46 10755 return false;
rlm@46 10756 }
rlm@46 10757 value = this.data.createValueMatcher(value, anyMatch, caseSensitive);
rlm@46 10758 return function(r){
rlm@46 10759 return value.test(r.data[property]);
rlm@46 10760 };
rlm@46 10761 },
rlm@46 10762
rlm@46 10763
rlm@46 10764 sum : function(property, start, end){
rlm@46 10765 var rs = this.data.items, v = 0;
rlm@46 10766 start = start || 0;
rlm@46 10767 end = (end || end === 0) ? end : rs.length-1;
rlm@46 10768
rlm@46 10769 for(var i = start; i <= end; i++){
rlm@46 10770 v += (rs[i].data[property] || 0);
rlm@46 10771 }
rlm@46 10772 return v;
rlm@46 10773 },
rlm@46 10774
rlm@46 10775
rlm@46 10776 filter : function(property, value, anyMatch, caseSensitive){
rlm@46 10777 var fn = this.createFilterFn(property, value, anyMatch, caseSensitive);
rlm@46 10778 return fn ? this.filterBy(fn) : this.clearFilter();
rlm@46 10779 },
rlm@46 10780
rlm@46 10781
rlm@46 10782 filterBy : function(fn, scope){
rlm@46 10783 this.snapshot = this.snapshot || this.data;
rlm@46 10784 this.data = this.queryBy(fn, scope||this);
rlm@46 10785 this.fireEvent("datachanged", this);
rlm@46 10786 },
rlm@46 10787
rlm@46 10788
rlm@46 10789 query : function(property, value, anyMatch, caseSensitive){
rlm@46 10790 var fn = this.createFilterFn(property, value, anyMatch, caseSensitive);
rlm@46 10791 return fn ? this.queryBy(fn) : this.data.clone();
rlm@46 10792 },
rlm@46 10793
rlm@46 10794
rlm@46 10795 queryBy : function(fn, scope){
rlm@46 10796 var data = this.snapshot || this.data;
rlm@46 10797 return data.filterBy(fn, scope||this);
rlm@46 10798 },
rlm@46 10799
rlm@46 10800
rlm@46 10801 find : function(property, value, start, anyMatch, caseSensitive){
rlm@46 10802 var fn = this.createFilterFn(property, value, anyMatch, caseSensitive);
rlm@46 10803 return fn ? this.data.findIndexBy(fn, null, start) : -1;
rlm@46 10804 },
rlm@46 10805
rlm@46 10806
rlm@46 10807 findBy : function(fn, scope, start){
rlm@46 10808 return this.data.findIndexBy(fn, scope, start);
rlm@46 10809 },
rlm@46 10810
rlm@46 10811
rlm@46 10812 collect : function(dataIndex, allowNull, bypassFilter){
rlm@46 10813 var d = (bypassFilter === true && this.snapshot) ?
rlm@46 10814 this.snapshot.items : this.data.items;
rlm@46 10815 var v, sv, r = [], l = {};
rlm@46 10816 for(var i = 0, len = d.length; i < len; i++){
rlm@46 10817 v = d[i].data[dataIndex];
rlm@46 10818 sv = String(v);
rlm@46 10819 if((allowNull || !Ext.isEmpty(v)) && !l[sv]){
rlm@46 10820 l[sv] = true;
rlm@46 10821 r[r.length] = v;
rlm@46 10822 }
rlm@46 10823 }
rlm@46 10824 return r;
rlm@46 10825 },
rlm@46 10826
rlm@46 10827
rlm@46 10828 clearFilter : function(suppressEvent){
rlm@46 10829 if(this.isFiltered()){
rlm@46 10830 this.data = this.snapshot;
rlm@46 10831 delete this.snapshot;
rlm@46 10832 if(suppressEvent !== true){
rlm@46 10833 this.fireEvent("datachanged", this);
rlm@46 10834 }
rlm@46 10835 }
rlm@46 10836 },
rlm@46 10837
rlm@46 10838
rlm@46 10839 isFiltered : function(){
rlm@46 10840 return this.snapshot && this.snapshot != this.data;
rlm@46 10841 },
rlm@46 10842
rlm@46 10843 afterEdit : function(record){
rlm@46 10844 if(this.modified.indexOf(record) == -1){
rlm@46 10845 this.modified.push(record);
rlm@46 10846 }
rlm@46 10847 this.fireEvent("update", this, record, Ext.data.Record.EDIT);
rlm@46 10848 },
rlm@46 10849
rlm@46 10850 afterReject : function(record){
rlm@46 10851 this.modified.remove(record);
rlm@46 10852 this.fireEvent("update", this, record, Ext.data.Record.REJECT);
rlm@46 10853 },
rlm@46 10854
rlm@46 10855 afterCommit : function(record){
rlm@46 10856 this.modified.remove(record);
rlm@46 10857 this.fireEvent("update", this, record, Ext.data.Record.COMMIT);
rlm@46 10858 },
rlm@46 10859
rlm@46 10860
rlm@46 10861 commitChanges : function(){
rlm@46 10862 var m = this.modified.slice(0);
rlm@46 10863 this.modified = [];
rlm@46 10864 for(var i = 0, len = m.length; i < len; i++){
rlm@46 10865 m[i].commit();
rlm@46 10866 }
rlm@46 10867 },
rlm@46 10868
rlm@46 10869
rlm@46 10870 rejectChanges : function(){
rlm@46 10871 var m = this.modified.slice(0);
rlm@46 10872 this.modified = [];
rlm@46 10873 for(var i = 0, len = m.length; i < len; i++){
rlm@46 10874 m[i].reject();
rlm@46 10875 }
rlm@46 10876 },
rlm@46 10877
rlm@46 10878 onMetaChange : function(meta, rtype, o){
rlm@46 10879 this.recordType = rtype;
rlm@46 10880 this.fields = rtype.prototype.fields;
rlm@46 10881 delete this.snapshot;
rlm@46 10882 this.sortInfo = meta.sortInfo;
rlm@46 10883 this.modified = [];
rlm@46 10884 this.fireEvent('metachange', this, this.reader.meta);
rlm@46 10885 },
rlm@46 10886
rlm@46 10887 findInsertIndex : function(record){
rlm@46 10888 this.suspendEvents();
rlm@46 10889 var data = this.data.clone();
rlm@46 10890 this.data.add(record);
rlm@46 10891 this.applySort();
rlm@46 10892 var index = this.data.indexOf(record);
rlm@46 10893 this.data = data;
rlm@46 10894 this.resumeEvents();
rlm@46 10895 return index;
rlm@46 10896 }
rlm@46 10897 });
rlm@46 10898
rlm@46 10899 Ext.data.SimpleStore = function(config){
rlm@46 10900 Ext.data.SimpleStore.superclass.constructor.call(this, Ext.apply(config, {
rlm@46 10901 reader: new Ext.data.ArrayReader({
rlm@46 10902 id: config.id
rlm@46 10903 },
rlm@46 10904 Ext.data.Record.create(config.fields)
rlm@46 10905 )
rlm@46 10906 }));
rlm@46 10907 };
rlm@46 10908 Ext.extend(Ext.data.SimpleStore, Ext.data.Store, {
rlm@46 10909 loadData : function(data, append){
rlm@46 10910 if(this.expandData === true){
rlm@46 10911 var r = [];
rlm@46 10912 for(var i = 0, len = data.length; i < len; i++){
rlm@46 10913 r[r.length] = [data[i]];
rlm@46 10914 }
rlm@46 10915 data = r;
rlm@46 10916 }
rlm@46 10917 Ext.data.SimpleStore.superclass.loadData.call(this, data, append);
rlm@46 10918 }
rlm@46 10919 });
rlm@46 10920
rlm@46 10921 Ext.data.JsonStore = function(c){
rlm@46 10922 Ext.data.JsonStore.superclass.constructor.call(this, Ext.apply(c, {
rlm@46 10923 proxy: !c.data ? new Ext.data.HttpProxy({url: c.url}) : undefined,
rlm@46 10924 reader: new Ext.data.JsonReader(c, c.fields)
rlm@46 10925 }));
rlm@46 10926 };
rlm@46 10927 Ext.extend(Ext.data.JsonStore, Ext.data.Store);
rlm@46 10928
rlm@46 10929
rlm@46 10930
rlm@46 10931 Ext.data.Field = function(config){
rlm@46 10932 if(typeof config == "string"){
rlm@46 10933 config = {name: config};
rlm@46 10934 }
rlm@46 10935 Ext.apply(this, config);
rlm@46 10936
rlm@46 10937 if(!this.type){
rlm@46 10938 this.type = "auto";
rlm@46 10939 }
rlm@46 10940
rlm@46 10941 var st = Ext.data.SortTypes;
rlm@46 10942
rlm@46 10943 if(typeof this.sortType == "string"){
rlm@46 10944 this.sortType = st[this.sortType];
rlm@46 10945 }
rlm@46 10946
rlm@46 10947
rlm@46 10948 if(!this.sortType){
rlm@46 10949 switch(this.type){
rlm@46 10950 case "string":
rlm@46 10951 this.sortType = st.asUCString;
rlm@46 10952 break;
rlm@46 10953 case "date":
rlm@46 10954 this.sortType = st.asDate;
rlm@46 10955 break;
rlm@46 10956 default:
rlm@46 10957 this.sortType = st.none;
rlm@46 10958 }
rlm@46 10959 }
rlm@46 10960
rlm@46 10961
rlm@46 10962 var stripRe = /[\$,%]/g;
rlm@46 10963
rlm@46 10964
rlm@46 10965
rlm@46 10966 if(!this.convert){
rlm@46 10967 var cv, dateFormat = this.dateFormat;
rlm@46 10968 switch(this.type){
rlm@46 10969 case "":
rlm@46 10970 case "auto":
rlm@46 10971 case undefined:
rlm@46 10972 cv = function(v){ return v; };
rlm@46 10973 break;
rlm@46 10974 case "string":
rlm@46 10975 cv = function(v){ return (v === undefined || v === null) ? '' : String(v); };
rlm@46 10976 break;
rlm@46 10977 case "int":
rlm@46 10978 cv = function(v){
rlm@46 10979 return v !== undefined && v !== null && v !== '' ?
rlm@46 10980 parseInt(String(v).replace(stripRe, ""), 10) : '';
rlm@46 10981 };
rlm@46 10982 break;
rlm@46 10983 case "float":
rlm@46 10984 cv = function(v){
rlm@46 10985 return v !== undefined && v !== null && v !== '' ?
rlm@46 10986 parseFloat(String(v).replace(stripRe, ""), 10) : '';
rlm@46 10987 };
rlm@46 10988 break;
rlm@46 10989 case "bool":
rlm@46 10990 case "boolean":
rlm@46 10991 cv = function(v){ return v === true || v === "true" || v == 1; };
rlm@46 10992 break;
rlm@46 10993 case "date":
rlm@46 10994 cv = function(v){
rlm@46 10995 if(!v){
rlm@46 10996 return '';
rlm@46 10997 }
rlm@46 10998 if(Ext.isDate(v)){
rlm@46 10999 return v;
rlm@46 11000 }
rlm@46 11001 if(dateFormat){
rlm@46 11002 if(dateFormat == "timestamp"){
rlm@46 11003 return new Date(v*1000);
rlm@46 11004 }
rlm@46 11005 if(dateFormat == "time"){
rlm@46 11006 return new Date(parseInt(v, 10));
rlm@46 11007 }
rlm@46 11008 return Date.parseDate(v, dateFormat);
rlm@46 11009 }
rlm@46 11010 var parsed = Date.parse(v);
rlm@46 11011 return parsed ? new Date(parsed) : null;
rlm@46 11012 };
rlm@46 11013 break;
rlm@46 11014
rlm@46 11015 }
rlm@46 11016 this.convert = cv;
rlm@46 11017 }
rlm@46 11018 };
rlm@46 11019
rlm@46 11020 Ext.data.Field.prototype = {
rlm@46 11021 dateFormat: null,
rlm@46 11022 defaultValue: "",
rlm@46 11023 mapping: null,
rlm@46 11024 sortType : null,
rlm@46 11025 sortDir : "ASC"
rlm@46 11026 };
rlm@46 11027
rlm@46 11028 Ext.data.DataReader = function(meta, recordType){
rlm@46 11029
rlm@46 11030 this.meta = meta;
rlm@46 11031 this.recordType = Ext.isArray(recordType) ?
rlm@46 11032 Ext.data.Record.create(recordType) : recordType;
rlm@46 11033 };
rlm@46 11034
rlm@46 11035 Ext.data.DataReader.prototype = {
rlm@46 11036
rlm@46 11037 };
rlm@46 11038
rlm@46 11039 Ext.data.DataProxy = function(){
rlm@46 11040 this.addEvents(
rlm@46 11041
rlm@46 11042 'beforeload',
rlm@46 11043
rlm@46 11044 'load'
rlm@46 11045 );
rlm@46 11046 Ext.data.DataProxy.superclass.constructor.call(this);
rlm@46 11047 };
rlm@46 11048
rlm@46 11049 Ext.extend(Ext.data.DataProxy, Ext.util.Observable);
rlm@46 11050
rlm@46 11051 Ext.data.MemoryProxy = function(data){
rlm@46 11052 Ext.data.MemoryProxy.superclass.constructor.call(this);
rlm@46 11053 this.data = data;
rlm@46 11054 };
rlm@46 11055
rlm@46 11056 Ext.extend(Ext.data.MemoryProxy, Ext.data.DataProxy, {
rlm@46 11057
rlm@46 11058
rlm@46 11059
rlm@46 11060 load : function(params, reader, callback, scope, arg){
rlm@46 11061 params = params || {};
rlm@46 11062 var result;
rlm@46 11063 try {
rlm@46 11064 result = reader.readRecords(this.data);
rlm@46 11065 }catch(e){
rlm@46 11066 this.fireEvent("loadexception", this, arg, null, e);
rlm@46 11067 callback.call(scope, null, arg, false);
rlm@46 11068 return;
rlm@46 11069 }
rlm@46 11070 callback.call(scope, result, arg, true);
rlm@46 11071 },
rlm@46 11072
rlm@46 11073
rlm@46 11074 update : function(params, records){
rlm@46 11075
rlm@46 11076 }
rlm@46 11077 });
rlm@46 11078
rlm@46 11079 Ext.data.HttpProxy = function(conn){
rlm@46 11080 Ext.data.HttpProxy.superclass.constructor.call(this);
rlm@46 11081
rlm@46 11082 this.conn = conn;
rlm@46 11083 this.useAjax = !conn || !conn.events;
rlm@46 11084
rlm@46 11085
rlm@46 11086 };
rlm@46 11087
rlm@46 11088 Ext.extend(Ext.data.HttpProxy, Ext.data.DataProxy, {
rlm@46 11089
rlm@46 11090 getConnection : function(){
rlm@46 11091 return this.useAjax ? Ext.Ajax : this.conn;
rlm@46 11092 },
rlm@46 11093
rlm@46 11094
rlm@46 11095 load : function(params, reader, callback, scope, arg){
rlm@46 11096 if(this.fireEvent("beforeload", this, params) !== false){
rlm@46 11097 var o = {
rlm@46 11098 params : params || {},
rlm@46 11099 request: {
rlm@46 11100 callback : callback,
rlm@46 11101 scope : scope,
rlm@46 11102 arg : arg
rlm@46 11103 },
rlm@46 11104 reader: reader,
rlm@46 11105 callback : this.loadResponse,
rlm@46 11106 scope: this
rlm@46 11107 };
rlm@46 11108 if(this.useAjax){
rlm@46 11109 Ext.applyIf(o, this.conn);
rlm@46 11110 if(this.activeRequest){
rlm@46 11111 Ext.Ajax.abort(this.activeRequest);
rlm@46 11112 }
rlm@46 11113 this.activeRequest = Ext.Ajax.request(o);
rlm@46 11114 }else{
rlm@46 11115 this.conn.request(o);
rlm@46 11116 }
rlm@46 11117 }else{
rlm@46 11118 callback.call(scope||this, null, arg, false);
rlm@46 11119 }
rlm@46 11120 },
rlm@46 11121
rlm@46 11122
rlm@46 11123 loadResponse : function(o, success, response){
rlm@46 11124 delete this.activeRequest;
rlm@46 11125 if(!success){
rlm@46 11126 this.fireEvent("loadexception", this, o, response);
rlm@46 11127 o.request.callback.call(o.request.scope, null, o.request.arg, false);
rlm@46 11128 return;
rlm@46 11129 }
rlm@46 11130 var result;
rlm@46 11131 try {
rlm@46 11132 result = o.reader.read(response);
rlm@46 11133 }catch(e){
rlm@46 11134 this.fireEvent("loadexception", this, o, response, e);
rlm@46 11135 o.request.callback.call(o.request.scope, null, o.request.arg, false);
rlm@46 11136 return;
rlm@46 11137 }
rlm@46 11138 this.fireEvent("load", this, o, o.request.arg);
rlm@46 11139 o.request.callback.call(o.request.scope, result, o.request.arg, true);
rlm@46 11140 },
rlm@46 11141
rlm@46 11142
rlm@46 11143 update : function(dataSet){
rlm@46 11144
rlm@46 11145 },
rlm@46 11146
rlm@46 11147
rlm@46 11148 updateResponse : function(dataSet){
rlm@46 11149
rlm@46 11150 }
rlm@46 11151 });
rlm@46 11152
rlm@46 11153 Ext.data.ScriptTagProxy = function(config){
rlm@46 11154 Ext.data.ScriptTagProxy.superclass.constructor.call(this);
rlm@46 11155 Ext.apply(this, config);
rlm@46 11156 this.head = document.getElementsByTagName("head")[0];
rlm@46 11157
rlm@46 11158
rlm@46 11159 };
rlm@46 11160
rlm@46 11161 Ext.data.ScriptTagProxy.TRANS_ID = 1000;
rlm@46 11162
rlm@46 11163 Ext.extend(Ext.data.ScriptTagProxy, Ext.data.DataProxy, {
rlm@46 11164
rlm@46 11165
rlm@46 11166 timeout : 30000,
rlm@46 11167
rlm@46 11168 callbackParam : "callback",
rlm@46 11169
rlm@46 11170 nocache : true,
rlm@46 11171
rlm@46 11172
rlm@46 11173 load : function(params, reader, callback, scope, arg){
rlm@46 11174 if(this.fireEvent("beforeload", this, params) !== false){
rlm@46 11175
rlm@46 11176 var p = Ext.urlEncode(Ext.apply(params, this.extraParams));
rlm@46 11177
rlm@46 11178 var url = this.url;
rlm@46 11179 url += (url.indexOf("?") != -1 ? "&" : "?") + p;
rlm@46 11180 if(this.nocache){
rlm@46 11181 url += "&_dc=" + (new Date().getTime());
rlm@46 11182 }
rlm@46 11183 var transId = ++Ext.data.ScriptTagProxy.TRANS_ID;
rlm@46 11184 var trans = {
rlm@46 11185 id : transId,
rlm@46 11186 cb : "stcCallback"+transId,
rlm@46 11187 scriptId : "stcScript"+transId,
rlm@46 11188 params : params,
rlm@46 11189 arg : arg,
rlm@46 11190 url : url,
rlm@46 11191 callback : callback,
rlm@46 11192 scope : scope,
rlm@46 11193 reader : reader
rlm@46 11194 };
rlm@46 11195 var conn = this;
rlm@46 11196
rlm@46 11197 window[trans.cb] = function(o){
rlm@46 11198 conn.handleResponse(o, trans);
rlm@46 11199 };
rlm@46 11200
rlm@46 11201 url += String.format("&{0}={1}", this.callbackParam, trans.cb);
rlm@46 11202
rlm@46 11203 if(this.autoAbort !== false){
rlm@46 11204 this.abort();
rlm@46 11205 }
rlm@46 11206
rlm@46 11207 trans.timeoutId = this.handleFailure.defer(this.timeout, this, [trans]);
rlm@46 11208
rlm@46 11209 var script = document.createElement("script");
rlm@46 11210 script.setAttribute("src", url);
rlm@46 11211 script.setAttribute("type", "text/javascript");
rlm@46 11212 script.setAttribute("id", trans.scriptId);
rlm@46 11213 this.head.appendChild(script);
rlm@46 11214
rlm@46 11215 this.trans = trans;
rlm@46 11216 }else{
rlm@46 11217 callback.call(scope||this, null, arg, false);
rlm@46 11218 }
rlm@46 11219 },
rlm@46 11220
rlm@46 11221
rlm@46 11222 isLoading : function(){
rlm@46 11223 return this.trans ? true : false;
rlm@46 11224 },
rlm@46 11225
rlm@46 11226
rlm@46 11227 abort : function(){
rlm@46 11228 if(this.isLoading()){
rlm@46 11229 this.destroyTrans(this.trans);
rlm@46 11230 }
rlm@46 11231 },
rlm@46 11232
rlm@46 11233
rlm@46 11234 destroyTrans : function(trans, isLoaded){
rlm@46 11235 this.head.removeChild(document.getElementById(trans.scriptId));
rlm@46 11236 clearTimeout(trans.timeoutId);
rlm@46 11237 if(isLoaded){
rlm@46 11238 window[trans.cb] = undefined;
rlm@46 11239 try{
rlm@46 11240 delete window[trans.cb];
rlm@46 11241 }catch(e){}
rlm@46 11242 }else{
rlm@46 11243
rlm@46 11244 window[trans.cb] = function(){
rlm@46 11245 window[trans.cb] = undefined;
rlm@46 11246 try{
rlm@46 11247 delete window[trans.cb];
rlm@46 11248 }catch(e){}
rlm@46 11249 };
rlm@46 11250 }
rlm@46 11251 },
rlm@46 11252
rlm@46 11253
rlm@46 11254 handleResponse : function(o, trans){
rlm@46 11255 this.trans = false;
rlm@46 11256 this.destroyTrans(trans, true);
rlm@46 11257 var result;
rlm@46 11258 try {
rlm@46 11259 result = trans.reader.readRecords(o);
rlm@46 11260 }catch(e){
rlm@46 11261 this.fireEvent("loadexception", this, o, trans.arg, e);
rlm@46 11262 trans.callback.call(trans.scope||window, null, trans.arg, false);
rlm@46 11263 return;
rlm@46 11264 }
rlm@46 11265 this.fireEvent("load", this, o, trans.arg);
rlm@46 11266 trans.callback.call(trans.scope||window, result, trans.arg, true);
rlm@46 11267 },
rlm@46 11268
rlm@46 11269
rlm@46 11270 handleFailure : function(trans){
rlm@46 11271 this.trans = false;
rlm@46 11272 this.destroyTrans(trans, false);
rlm@46 11273 this.fireEvent("loadexception", this, null, trans.arg);
rlm@46 11274 trans.callback.call(trans.scope||window, null, trans.arg, false);
rlm@46 11275 }
rlm@46 11276 });
rlm@46 11277
rlm@46 11278 Ext.data.JsonReader = function(meta, recordType){
rlm@46 11279 meta = meta || {};
rlm@46 11280 Ext.data.JsonReader.superclass.constructor.call(this, meta, recordType || meta.fields);
rlm@46 11281 };
rlm@46 11282 Ext.extend(Ext.data.JsonReader, Ext.data.DataReader, {
rlm@46 11283
rlm@46 11284
rlm@46 11285 read : function(response){
rlm@46 11286 var json = response.responseText;
rlm@46 11287 var o = eval("("+json+")");
rlm@46 11288 if(!o) {
rlm@46 11289 throw {message: "JsonReader.read: Json object not found"};
rlm@46 11290 }
rlm@46 11291 return this.readRecords(o);
rlm@46 11292 },
rlm@46 11293
rlm@46 11294 onMetaChange : function(meta, recordType, o){
rlm@46 11295
rlm@46 11296 },
rlm@46 11297
rlm@46 11298
rlm@46 11299 simpleAccess: function(obj, subsc) {
rlm@46 11300 return obj[subsc];
rlm@46 11301 },
rlm@46 11302
rlm@46 11303
rlm@46 11304 getJsonAccessor: function(){
rlm@46 11305 var re = /[\[\.]/;
rlm@46 11306 return function(expr) {
rlm@46 11307 try {
rlm@46 11308 return(re.test(expr))
rlm@46 11309 ? new Function("obj", "return obj." + expr)
rlm@46 11310 : function(obj){
rlm@46 11311 return obj[expr];
rlm@46 11312 };
rlm@46 11313 } catch(e){}
rlm@46 11314 return Ext.emptyFn;
rlm@46 11315 };
rlm@46 11316 }(),
rlm@46 11317
rlm@46 11318
rlm@46 11319 readRecords : function(o){
rlm@46 11320
rlm@46 11321 this.jsonData = o;
rlm@46 11322 if(o.metaData){
rlm@46 11323 delete this.ef;
rlm@46 11324 this.meta = o.metaData;
rlm@46 11325 this.recordType = Ext.data.Record.create(o.metaData.fields);
rlm@46 11326 this.onMetaChange(this.meta, this.recordType, o);
rlm@46 11327 }
rlm@46 11328 var s = this.meta, Record = this.recordType,
rlm@46 11329 f = Record.prototype.fields, fi = f.items, fl = f.length;
rlm@46 11330
rlm@46 11331 if (!this.ef) {
rlm@46 11332 if(s.totalProperty) {
rlm@46 11333 this.getTotal = this.getJsonAccessor(s.totalProperty);
rlm@46 11334 }
rlm@46 11335 if(s.successProperty) {
rlm@46 11336 this.getSuccess = this.getJsonAccessor(s.successProperty);
rlm@46 11337 }
rlm@46 11338 this.getRoot = s.root ? this.getJsonAccessor(s.root) : function(p){return p;};
rlm@46 11339 if (s.id) {
rlm@46 11340 var g = this.getJsonAccessor(s.id);
rlm@46 11341 this.getId = function(rec) {
rlm@46 11342 var r = g(rec);
rlm@46 11343 return (r === undefined || r === "") ? null : r;
rlm@46 11344 };
rlm@46 11345 } else {
rlm@46 11346 this.getId = function(){return null;};
rlm@46 11347 }
rlm@46 11348 this.ef = [];
rlm@46 11349 for(var i = 0; i < fl; i++){
rlm@46 11350 f = fi[i];
rlm@46 11351 var map = (f.mapping !== undefined && f.mapping !== null) ? f.mapping : f.name;
rlm@46 11352 this.ef[i] = this.getJsonAccessor(map);
rlm@46 11353 }
rlm@46 11354 }
rlm@46 11355
rlm@46 11356 var root = this.getRoot(o), c = root.length, totalRecords = c, success = true;
rlm@46 11357 if(s.totalProperty){
rlm@46 11358 var v = parseInt(this.getTotal(o), 10);
rlm@46 11359 if(!isNaN(v)){
rlm@46 11360 totalRecords = v;
rlm@46 11361 }
rlm@46 11362 }
rlm@46 11363 if(s.successProperty){
rlm@46 11364 var v = this.getSuccess(o);
rlm@46 11365 if(v === false || v === 'false'){
rlm@46 11366 success = false;
rlm@46 11367 }
rlm@46 11368 }
rlm@46 11369 var records = [];
rlm@46 11370 for(var i = 0; i < c; i++){
rlm@46 11371 var n = root[i];
rlm@46 11372 var values = {};
rlm@46 11373 var id = this.getId(n);
rlm@46 11374 for(var j = 0; j < fl; j++){
rlm@46 11375 f = fi[j];
rlm@46 11376 var v = this.ef[j](n);
rlm@46 11377 values[f.name] = f.convert((v !== undefined) ? v : f.defaultValue, n);
rlm@46 11378 }
rlm@46 11379 var record = new Record(values, id);
rlm@46 11380 record.json = n;
rlm@46 11381 records[i] = record;
rlm@46 11382 }
rlm@46 11383 return {
rlm@46 11384 success : success,
rlm@46 11385 records : records,
rlm@46 11386 totalRecords : totalRecords
rlm@46 11387 };
rlm@46 11388 }
rlm@46 11389 });
rlm@46 11390
rlm@46 11391 Ext.data.XmlReader = function(meta, recordType){
rlm@46 11392 meta = meta || {};
rlm@46 11393 Ext.data.XmlReader.superclass.constructor.call(this, meta, recordType || meta.fields);
rlm@46 11394 };
rlm@46 11395 Ext.extend(Ext.data.XmlReader, Ext.data.DataReader, {
rlm@46 11396
rlm@46 11397 read : function(response){
rlm@46 11398 var doc = response.responseXML;
rlm@46 11399 if(!doc) {
rlm@46 11400 throw {message: "XmlReader.read: XML Document not available"};
rlm@46 11401 }
rlm@46 11402 return this.readRecords(doc);
rlm@46 11403 },
rlm@46 11404
rlm@46 11405
rlm@46 11406 readRecords : function(doc){
rlm@46 11407
rlm@46 11408 this.xmlData = doc;
rlm@46 11409 var root = doc.documentElement || doc;
rlm@46 11410 var q = Ext.DomQuery;
rlm@46 11411 var recordType = this.recordType, fields = recordType.prototype.fields;
rlm@46 11412 var sid = this.meta.id;
rlm@46 11413 var totalRecords = 0, success = true;
rlm@46 11414 if(this.meta.totalRecords){
rlm@46 11415 totalRecords = q.selectNumber(this.meta.totalRecords, root, 0);
rlm@46 11416 }
rlm@46 11417
rlm@46 11418 if(this.meta.success){
rlm@46 11419 var sv = q.selectValue(this.meta.success, root, true);
rlm@46 11420 success = sv !== false && sv !== 'false';
rlm@46 11421 }
rlm@46 11422 var records = [];
rlm@46 11423 var ns = q.select(this.meta.record, root);
rlm@46 11424 for(var i = 0, len = ns.length; i < len; i++) {
rlm@46 11425 var n = ns[i];
rlm@46 11426 var values = {};
rlm@46 11427 var id = sid ? q.selectValue(sid, n) : undefined;
rlm@46 11428 for(var j = 0, jlen = fields.length; j < jlen; j++){
rlm@46 11429 var f = fields.items[j];
rlm@46 11430 var v = q.selectValue(f.mapping || f.name, n, f.defaultValue);
rlm@46 11431 v = f.convert(v, n);
rlm@46 11432 values[f.name] = v;
rlm@46 11433 }
rlm@46 11434 var record = new recordType(values, id);
rlm@46 11435 record.node = n;
rlm@46 11436 records[records.length] = record;
rlm@46 11437 }
rlm@46 11438
rlm@46 11439 return {
rlm@46 11440 success : success,
rlm@46 11441 records : records,
rlm@46 11442 totalRecords : totalRecords || records.length
rlm@46 11443 };
rlm@46 11444 }
rlm@46 11445 });
rlm@46 11446
rlm@46 11447 Ext.data.ArrayReader = Ext.extend(Ext.data.JsonReader, {
rlm@46 11448
rlm@46 11449 readRecords : function(o){
rlm@46 11450 var sid = this.meta ? this.meta.id : null;
rlm@46 11451 var recordType = this.recordType, fields = recordType.prototype.fields;
rlm@46 11452 var records = [];
rlm@46 11453 var root = o;
rlm@46 11454 for(var i = 0; i < root.length; i++){
rlm@46 11455 var n = root[i];
rlm@46 11456 var values = {};
rlm@46 11457 var id = ((sid || sid === 0) && n[sid] !== undefined && n[sid] !== "" ? n[sid] : null);
rlm@46 11458 for(var j = 0, jlen = fields.length; j < jlen; j++){
rlm@46 11459 var f = fields.items[j];
rlm@46 11460 var k = f.mapping !== undefined && f.mapping !== null ? f.mapping : j;
rlm@46 11461 var v = n[k] !== undefined ? n[k] : f.defaultValue;
rlm@46 11462 v = f.convert(v, n);
rlm@46 11463 values[f.name] = v;
rlm@46 11464 }
rlm@46 11465 var record = new recordType(values, id);
rlm@46 11466 record.json = n;
rlm@46 11467 records[records.length] = record;
rlm@46 11468 }
rlm@46 11469 return {
rlm@46 11470 records : records,
rlm@46 11471 totalRecords : records.length
rlm@46 11472 };
rlm@46 11473 }
rlm@46 11474 });
rlm@46 11475
rlm@46 11476 Ext.data.Tree = function(root){
rlm@46 11477 this.nodeHash = {};
rlm@46 11478
rlm@46 11479 this.root = null;
rlm@46 11480 if(root){
rlm@46 11481 this.setRootNode(root);
rlm@46 11482 }
rlm@46 11483 this.addEvents(
rlm@46 11484
rlm@46 11485 "append",
rlm@46 11486
rlm@46 11487 "remove",
rlm@46 11488
rlm@46 11489 "move",
rlm@46 11490
rlm@46 11491 "insert",
rlm@46 11492
rlm@46 11493 "beforeappend",
rlm@46 11494
rlm@46 11495 "beforeremove",
rlm@46 11496
rlm@46 11497 "beforemove",
rlm@46 11498
rlm@46 11499 "beforeinsert"
rlm@46 11500 );
rlm@46 11501
rlm@46 11502 Ext.data.Tree.superclass.constructor.call(this);
rlm@46 11503 };
rlm@46 11504
rlm@46 11505 Ext.extend(Ext.data.Tree, Ext.util.Observable, {
rlm@46 11506
rlm@46 11507 pathSeparator: "/",
rlm@46 11508
rlm@46 11509
rlm@46 11510 proxyNodeEvent : function(){
rlm@46 11511 return this.fireEvent.apply(this, arguments);
rlm@46 11512 },
rlm@46 11513
rlm@46 11514
rlm@46 11515 getRootNode : function(){
rlm@46 11516 return this.root;
rlm@46 11517 },
rlm@46 11518
rlm@46 11519
rlm@46 11520 setRootNode : function(node){
rlm@46 11521 this.root = node;
rlm@46 11522 node.ownerTree = this;
rlm@46 11523 node.isRoot = true;
rlm@46 11524 this.registerNode(node);
rlm@46 11525 return node;
rlm@46 11526 },
rlm@46 11527
rlm@46 11528
rlm@46 11529 getNodeById : function(id){
rlm@46 11530 return this.nodeHash[id];
rlm@46 11531 },
rlm@46 11532
rlm@46 11533
rlm@46 11534 registerNode : function(node){
rlm@46 11535 this.nodeHash[node.id] = node;
rlm@46 11536 },
rlm@46 11537
rlm@46 11538
rlm@46 11539 unregisterNode : function(node){
rlm@46 11540 delete this.nodeHash[node.id];
rlm@46 11541 },
rlm@46 11542
rlm@46 11543 toString : function(){
rlm@46 11544 return "[Tree"+(this.id?" "+this.id:"")+"]";
rlm@46 11545 }
rlm@46 11546 });
rlm@46 11547
rlm@46 11548
rlm@46 11549 Ext.data.Node = function(attributes){
rlm@46 11550
rlm@46 11551 this.attributes = attributes || {};
rlm@46 11552 this.leaf = this.attributes.leaf;
rlm@46 11553
rlm@46 11554 this.id = this.attributes.id;
rlm@46 11555 if(!this.id){
rlm@46 11556 this.id = Ext.id(null, "ynode-");
rlm@46 11557 this.attributes.id = this.id;
rlm@46 11558 }
rlm@46 11559
rlm@46 11560 this.childNodes = [];
rlm@46 11561 if(!this.childNodes.indexOf){
rlm@46 11562 this.childNodes.indexOf = function(o){
rlm@46 11563 for(var i = 0, len = this.length; i < len; i++){
rlm@46 11564 if(this[i] == o) return i;
rlm@46 11565 }
rlm@46 11566 return -1;
rlm@46 11567 };
rlm@46 11568 }
rlm@46 11569
rlm@46 11570 this.parentNode = null;
rlm@46 11571
rlm@46 11572 this.firstChild = null;
rlm@46 11573
rlm@46 11574 this.lastChild = null;
rlm@46 11575
rlm@46 11576 this.previousSibling = null;
rlm@46 11577
rlm@46 11578 this.nextSibling = null;
rlm@46 11579
rlm@46 11580 this.addEvents({
rlm@46 11581
rlm@46 11582 "append" : true,
rlm@46 11583
rlm@46 11584 "remove" : true,
rlm@46 11585
rlm@46 11586 "move" : true,
rlm@46 11587
rlm@46 11588 "insert" : true,
rlm@46 11589
rlm@46 11590 "beforeappend" : true,
rlm@46 11591
rlm@46 11592 "beforeremove" : true,
rlm@46 11593
rlm@46 11594 "beforemove" : true,
rlm@46 11595
rlm@46 11596 "beforeinsert" : true
rlm@46 11597 });
rlm@46 11598 this.listeners = this.attributes.listeners;
rlm@46 11599 Ext.data.Node.superclass.constructor.call(this);
rlm@46 11600 };
rlm@46 11601
rlm@46 11602 Ext.extend(Ext.data.Node, Ext.util.Observable, {
rlm@46 11603
rlm@46 11604 fireEvent : function(evtName){
rlm@46 11605
rlm@46 11606 if(Ext.data.Node.superclass.fireEvent.apply(this, arguments) === false){
rlm@46 11607 return false;
rlm@46 11608 }
rlm@46 11609
rlm@46 11610 var ot = this.getOwnerTree();
rlm@46 11611 if(ot){
rlm@46 11612 if(ot.proxyNodeEvent.apply(ot, arguments) === false){
rlm@46 11613 return false;
rlm@46 11614 }
rlm@46 11615 }
rlm@46 11616 return true;
rlm@46 11617 },
rlm@46 11618
rlm@46 11619
rlm@46 11620 isLeaf : function(){
rlm@46 11621 return this.leaf === true;
rlm@46 11622 },
rlm@46 11623
rlm@46 11624
rlm@46 11625 setFirstChild : function(node){
rlm@46 11626 this.firstChild = node;
rlm@46 11627 },
rlm@46 11628
rlm@46 11629
rlm@46 11630 setLastChild : function(node){
rlm@46 11631 this.lastChild = node;
rlm@46 11632 },
rlm@46 11633
rlm@46 11634
rlm@46 11635
rlm@46 11636 isLast : function(){
rlm@46 11637 return (!this.parentNode ? true : this.parentNode.lastChild == this);
rlm@46 11638 },
rlm@46 11639
rlm@46 11640
rlm@46 11641 isFirst : function(){
rlm@46 11642 return (!this.parentNode ? true : this.parentNode.firstChild == this);
rlm@46 11643 },
rlm@46 11644
rlm@46 11645 hasChildNodes : function(){
rlm@46 11646 return !this.isLeaf() && this.childNodes.length > 0;
rlm@46 11647 },
rlm@46 11648
rlm@46 11649
rlm@46 11650 appendChild : function(node){
rlm@46 11651 var multi = false;
rlm@46 11652 if(Ext.isArray(node)){
rlm@46 11653 multi = node;
rlm@46 11654 }else if(arguments.length > 1){
rlm@46 11655 multi = arguments;
rlm@46 11656 }
rlm@46 11657
rlm@46 11658 if(multi){
rlm@46 11659 for(var i = 0, len = multi.length; i < len; i++) {
rlm@46 11660 this.appendChild(multi[i]);
rlm@46 11661 }
rlm@46 11662 }else{
rlm@46 11663 if(this.fireEvent("beforeappend", this.ownerTree, this, node) === false){
rlm@46 11664 return false;
rlm@46 11665 }
rlm@46 11666 var index = this.childNodes.length;
rlm@46 11667 var oldParent = node.parentNode;
rlm@46 11668
rlm@46 11669 if(oldParent){
rlm@46 11670 if(node.fireEvent("beforemove", node.getOwnerTree(), node, oldParent, this, index) === false){
rlm@46 11671 return false;
rlm@46 11672 }
rlm@46 11673 oldParent.removeChild(node);
rlm@46 11674 }
rlm@46 11675 index = this.childNodes.length;
rlm@46 11676 if(index == 0){
rlm@46 11677 this.setFirstChild(node);
rlm@46 11678 }
rlm@46 11679 this.childNodes.push(node);
rlm@46 11680 node.parentNode = this;
rlm@46 11681 var ps = this.childNodes[index-1];
rlm@46 11682 if(ps){
rlm@46 11683 node.previousSibling = ps;
rlm@46 11684 ps.nextSibling = node;
rlm@46 11685 }else{
rlm@46 11686 node.previousSibling = null;
rlm@46 11687 }
rlm@46 11688 node.nextSibling = null;
rlm@46 11689 this.setLastChild(node);
rlm@46 11690 node.setOwnerTree(this.getOwnerTree());
rlm@46 11691 this.fireEvent("append", this.ownerTree, this, node, index);
rlm@46 11692 if(oldParent){
rlm@46 11693 node.fireEvent("move", this.ownerTree, node, oldParent, this, index);
rlm@46 11694 }
rlm@46 11695 return node;
rlm@46 11696 }
rlm@46 11697 },
rlm@46 11698
rlm@46 11699
rlm@46 11700 removeChild : function(node){
rlm@46 11701 var index = this.childNodes.indexOf(node);
rlm@46 11702 if(index == -1){
rlm@46 11703 return false;
rlm@46 11704 }
rlm@46 11705 if(this.fireEvent("beforeremove", this.ownerTree, this, node) === false){
rlm@46 11706 return false;
rlm@46 11707 }
rlm@46 11708
rlm@46 11709
rlm@46 11710 this.childNodes.splice(index, 1);
rlm@46 11711
rlm@46 11712
rlm@46 11713 if(node.previousSibling){
rlm@46 11714 node.previousSibling.nextSibling = node.nextSibling;
rlm@46 11715 }
rlm@46 11716 if(node.nextSibling){
rlm@46 11717 node.nextSibling.previousSibling = node.previousSibling;
rlm@46 11718 }
rlm@46 11719
rlm@46 11720
rlm@46 11721 if(this.firstChild == node){
rlm@46 11722 this.setFirstChild(node.nextSibling);
rlm@46 11723 }
rlm@46 11724 if(this.lastChild == node){
rlm@46 11725 this.setLastChild(node.previousSibling);
rlm@46 11726 }
rlm@46 11727
rlm@46 11728 node.setOwnerTree(null);
rlm@46 11729
rlm@46 11730 node.parentNode = null;
rlm@46 11731 node.previousSibling = null;
rlm@46 11732 node.nextSibling = null;
rlm@46 11733 this.fireEvent("remove", this.ownerTree, this, node);
rlm@46 11734 return node;
rlm@46 11735 },
rlm@46 11736
rlm@46 11737
rlm@46 11738 insertBefore : function(node, refNode){
rlm@46 11739 if(!refNode){
rlm@46 11740 return this.appendChild(node);
rlm@46 11741 }
rlm@46 11742
rlm@46 11743 if(node == refNode){
rlm@46 11744 return false;
rlm@46 11745 }
rlm@46 11746
rlm@46 11747 if(this.fireEvent("beforeinsert", this.ownerTree, this, node, refNode) === false){
rlm@46 11748 return false;
rlm@46 11749 }
rlm@46 11750 var index = this.childNodes.indexOf(refNode);
rlm@46 11751 var oldParent = node.parentNode;
rlm@46 11752 var refIndex = index;
rlm@46 11753
rlm@46 11754
rlm@46 11755 if(oldParent == this && this.childNodes.indexOf(node) < index){
rlm@46 11756 refIndex--;
rlm@46 11757 }
rlm@46 11758
rlm@46 11759
rlm@46 11760 if(oldParent){
rlm@46 11761 if(node.fireEvent("beforemove", node.getOwnerTree(), node, oldParent, this, index, refNode) === false){
rlm@46 11762 return false;
rlm@46 11763 }
rlm@46 11764 oldParent.removeChild(node);
rlm@46 11765 }
rlm@46 11766 if(refIndex == 0){
rlm@46 11767 this.setFirstChild(node);
rlm@46 11768 }
rlm@46 11769 this.childNodes.splice(refIndex, 0, node);
rlm@46 11770 node.parentNode = this;
rlm@46 11771 var ps = this.childNodes[refIndex-1];
rlm@46 11772 if(ps){
rlm@46 11773 node.previousSibling = ps;
rlm@46 11774 ps.nextSibling = node;
rlm@46 11775 }else{
rlm@46 11776 node.previousSibling = null;
rlm@46 11777 }
rlm@46 11778 node.nextSibling = refNode;
rlm@46 11779 refNode.previousSibling = node;
rlm@46 11780 node.setOwnerTree(this.getOwnerTree());
rlm@46 11781 this.fireEvent("insert", this.ownerTree, this, node, refNode);
rlm@46 11782 if(oldParent){
rlm@46 11783 node.fireEvent("move", this.ownerTree, node, oldParent, this, refIndex, refNode);
rlm@46 11784 }
rlm@46 11785 return node;
rlm@46 11786 },
rlm@46 11787
rlm@46 11788
rlm@46 11789 remove : function(){
rlm@46 11790 this.parentNode.removeChild(this);
rlm@46 11791 return this;
rlm@46 11792 },
rlm@46 11793
rlm@46 11794
rlm@46 11795 item : function(index){
rlm@46 11796 return this.childNodes[index];
rlm@46 11797 },
rlm@46 11798
rlm@46 11799
rlm@46 11800 replaceChild : function(newChild, oldChild){
rlm@46 11801 this.insertBefore(newChild, oldChild);
rlm@46 11802 this.removeChild(oldChild);
rlm@46 11803 return oldChild;
rlm@46 11804 },
rlm@46 11805
rlm@46 11806
rlm@46 11807 indexOf : function(child){
rlm@46 11808 return this.childNodes.indexOf(child);
rlm@46 11809 },
rlm@46 11810
rlm@46 11811
rlm@46 11812 getOwnerTree : function(){
rlm@46 11813
rlm@46 11814 if(!this.ownerTree){
rlm@46 11815 var p = this;
rlm@46 11816 while(p){
rlm@46 11817 if(p.ownerTree){
rlm@46 11818 this.ownerTree = p.ownerTree;
rlm@46 11819 break;
rlm@46 11820 }
rlm@46 11821 p = p.parentNode;
rlm@46 11822 }
rlm@46 11823 }
rlm@46 11824 return this.ownerTree;
rlm@46 11825 },
rlm@46 11826
rlm@46 11827
rlm@46 11828 getDepth : function(){
rlm@46 11829 var depth = 0;
rlm@46 11830 var p = this;
rlm@46 11831 while(p.parentNode){
rlm@46 11832 ++depth;
rlm@46 11833 p = p.parentNode;
rlm@46 11834 }
rlm@46 11835 return depth;
rlm@46 11836 },
rlm@46 11837
rlm@46 11838
rlm@46 11839 setOwnerTree : function(tree){
rlm@46 11840
rlm@46 11841 if(tree != this.ownerTree){
rlm@46 11842 if(this.ownerTree){
rlm@46 11843 this.ownerTree.unregisterNode(this);
rlm@46 11844 }
rlm@46 11845 this.ownerTree = tree;
rlm@46 11846 var cs = this.childNodes;
rlm@46 11847 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 11848 cs[i].setOwnerTree(tree);
rlm@46 11849 }
rlm@46 11850 if(tree){
rlm@46 11851 tree.registerNode(this);
rlm@46 11852 }
rlm@46 11853 }
rlm@46 11854 },
rlm@46 11855
rlm@46 11856
rlm@46 11857 getPath : function(attr){
rlm@46 11858 attr = attr || "id";
rlm@46 11859 var p = this.parentNode;
rlm@46 11860 var b = [this.attributes[attr]];
rlm@46 11861 while(p){
rlm@46 11862 b.unshift(p.attributes[attr]);
rlm@46 11863 p = p.parentNode;
rlm@46 11864 }
rlm@46 11865 var sep = this.getOwnerTree().pathSeparator;
rlm@46 11866 return sep + b.join(sep);
rlm@46 11867 },
rlm@46 11868
rlm@46 11869
rlm@46 11870 bubble : function(fn, scope, args){
rlm@46 11871 var p = this;
rlm@46 11872 while(p){
rlm@46 11873 if(fn.apply(scope || p, args || [p]) === false){
rlm@46 11874 break;
rlm@46 11875 }
rlm@46 11876 p = p.parentNode;
rlm@46 11877 }
rlm@46 11878 },
rlm@46 11879
rlm@46 11880
rlm@46 11881 cascade : function(fn, scope, args){
rlm@46 11882 if(fn.apply(scope || this, args || [this]) !== false){
rlm@46 11883 var cs = this.childNodes;
rlm@46 11884 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 11885 cs[i].cascade(fn, scope, args);
rlm@46 11886 }
rlm@46 11887 }
rlm@46 11888 },
rlm@46 11889
rlm@46 11890
rlm@46 11891 eachChild : function(fn, scope, args){
rlm@46 11892 var cs = this.childNodes;
rlm@46 11893 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 11894 if(fn.apply(scope || this, args || [cs[i]]) === false){
rlm@46 11895 break;
rlm@46 11896 }
rlm@46 11897 }
rlm@46 11898 },
rlm@46 11899
rlm@46 11900
rlm@46 11901 findChild : function(attribute, value){
rlm@46 11902 var cs = this.childNodes;
rlm@46 11903 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 11904 if(cs[i].attributes[attribute] == value){
rlm@46 11905 return cs[i];
rlm@46 11906 }
rlm@46 11907 }
rlm@46 11908 return null;
rlm@46 11909 },
rlm@46 11910
rlm@46 11911
rlm@46 11912 findChildBy : function(fn, scope){
rlm@46 11913 var cs = this.childNodes;
rlm@46 11914 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 11915 if(fn.call(scope||cs[i], cs[i]) === true){
rlm@46 11916 return cs[i];
rlm@46 11917 }
rlm@46 11918 }
rlm@46 11919 return null;
rlm@46 11920 },
rlm@46 11921
rlm@46 11922
rlm@46 11923 sort : function(fn, scope){
rlm@46 11924 var cs = this.childNodes;
rlm@46 11925 var len = cs.length;
rlm@46 11926 if(len > 0){
rlm@46 11927 var sortFn = scope ? function(){fn.apply(scope, arguments);} : fn;
rlm@46 11928 cs.sort(sortFn);
rlm@46 11929 for(var i = 0; i < len; i++){
rlm@46 11930 var n = cs[i];
rlm@46 11931 n.previousSibling = cs[i-1];
rlm@46 11932 n.nextSibling = cs[i+1];
rlm@46 11933 if(i == 0){
rlm@46 11934 this.setFirstChild(n);
rlm@46 11935 }
rlm@46 11936 if(i == len-1){
rlm@46 11937 this.setLastChild(n);
rlm@46 11938 }
rlm@46 11939 }
rlm@46 11940 }
rlm@46 11941 },
rlm@46 11942
rlm@46 11943
rlm@46 11944 contains : function(node){
rlm@46 11945 return node.isAncestor(this);
rlm@46 11946 },
rlm@46 11947
rlm@46 11948
rlm@46 11949 isAncestor : function(node){
rlm@46 11950 var p = this.parentNode;
rlm@46 11951 while(p){
rlm@46 11952 if(p == node){
rlm@46 11953 return true;
rlm@46 11954 }
rlm@46 11955 p = p.parentNode;
rlm@46 11956 }
rlm@46 11957 return false;
rlm@46 11958 },
rlm@46 11959
rlm@46 11960 toString : function(){
rlm@46 11961 return "[Node"+(this.id?" "+this.id:"")+"]";
rlm@46 11962 }
rlm@46 11963 });
rlm@46 11964
rlm@46 11965 Ext.data.GroupingStore = Ext.extend(Ext.data.Store, {
rlm@46 11966
rlm@46 11967
rlm@46 11968 remoteGroup : false,
rlm@46 11969
rlm@46 11970 groupOnSort:false,
rlm@46 11971
rlm@46 11972
rlm@46 11973 clearGrouping : function(){
rlm@46 11974 this.groupField = false;
rlm@46 11975 if(this.remoteGroup){
rlm@46 11976 if(this.baseParams){
rlm@46 11977 delete this.baseParams.groupBy;
rlm@46 11978 }
rlm@46 11979 this.reload();
rlm@46 11980 }else{
rlm@46 11981 this.applySort();
rlm@46 11982 this.fireEvent('datachanged', this);
rlm@46 11983 }
rlm@46 11984 },
rlm@46 11985
rlm@46 11986
rlm@46 11987 groupBy : function(field, forceRegroup){
rlm@46 11988 if(this.groupField == field && !forceRegroup){
rlm@46 11989 return;
rlm@46 11990 }
rlm@46 11991 this.groupField = field;
rlm@46 11992 if(this.remoteGroup){
rlm@46 11993 if(!this.baseParams){
rlm@46 11994 this.baseParams = {};
rlm@46 11995 }
rlm@46 11996 this.baseParams['groupBy'] = field;
rlm@46 11997 }
rlm@46 11998 if(this.groupOnSort){
rlm@46 11999 this.sort(field);
rlm@46 12000 return;
rlm@46 12001 }
rlm@46 12002 if(this.remoteGroup){
rlm@46 12003 this.reload();
rlm@46 12004 }else{
rlm@46 12005 var si = this.sortInfo || {};
rlm@46 12006 if(si.field != field){
rlm@46 12007 this.applySort();
rlm@46 12008 }else{
rlm@46 12009 this.sortData(field);
rlm@46 12010 }
rlm@46 12011 this.fireEvent('datachanged', this);
rlm@46 12012 }
rlm@46 12013 },
rlm@46 12014
rlm@46 12015
rlm@46 12016 applySort : function(){
rlm@46 12017 Ext.data.GroupingStore.superclass.applySort.call(this);
rlm@46 12018 if(!this.groupOnSort && !this.remoteGroup){
rlm@46 12019 var gs = this.getGroupState();
rlm@46 12020 if(gs && gs != this.sortInfo.field){
rlm@46 12021 this.sortData(this.groupField);
rlm@46 12022 }
rlm@46 12023 }
rlm@46 12024 },
rlm@46 12025
rlm@46 12026
rlm@46 12027 applyGrouping : function(alwaysFireChange){
rlm@46 12028 if(this.groupField !== false){
rlm@46 12029 this.groupBy(this.groupField, true);
rlm@46 12030 return true;
rlm@46 12031 }else{
rlm@46 12032 if(alwaysFireChange === true){
rlm@46 12033 this.fireEvent('datachanged', this);
rlm@46 12034 }
rlm@46 12035 return false;
rlm@46 12036 }
rlm@46 12037 },
rlm@46 12038
rlm@46 12039
rlm@46 12040 getGroupState : function(){
rlm@46 12041 return this.groupOnSort && this.groupField !== false ?
rlm@46 12042 (this.sortInfo ? this.sortInfo.field : undefined) : this.groupField;
rlm@46 12043 }
rlm@46 12044 });
rlm@46 12045
rlm@46 12046 Ext.ComponentMgr = function(){
rlm@46 12047 var all = new Ext.util.MixedCollection();
rlm@46 12048 var types = {};
rlm@46 12049
rlm@46 12050 return {
rlm@46 12051
rlm@46 12052 register : function(c){
rlm@46 12053 all.add(c);
rlm@46 12054 },
rlm@46 12055
rlm@46 12056
rlm@46 12057 unregister : function(c){
rlm@46 12058 all.remove(c);
rlm@46 12059 },
rlm@46 12060
rlm@46 12061
rlm@46 12062 get : function(id){
rlm@46 12063 return all.get(id);
rlm@46 12064 },
rlm@46 12065
rlm@46 12066
rlm@46 12067 onAvailable : function(id, fn, scope){
rlm@46 12068 all.on("add", function(index, o){
rlm@46 12069 if(o.id == id){
rlm@46 12070 fn.call(scope || o, o);
rlm@46 12071 all.un("add", fn, scope);
rlm@46 12072 }
rlm@46 12073 });
rlm@46 12074 },
rlm@46 12075
rlm@46 12076
rlm@46 12077 all : all,
rlm@46 12078
rlm@46 12079
rlm@46 12080 registerType : function(xtype, cls){
rlm@46 12081 types[xtype] = cls;
rlm@46 12082 cls.xtype = xtype;
rlm@46 12083 },
rlm@46 12084
rlm@46 12085 create : function(config, defaultType){
rlm@46 12086 return new types[config.xtype || defaultType](config);
rlm@46 12087 }
rlm@46 12088 };
rlm@46 12089 }();
rlm@46 12090
rlm@46 12091
rlm@46 12092 Ext.reg = Ext.ComponentMgr.registerType; // this will be called a lot internally, shorthand to keep the bytes down
rlm@46 12093
rlm@46 12094 Ext.Component = function(config){
rlm@46 12095 config = config || {};
rlm@46 12096 if(config.initialConfig){
rlm@46 12097 if(config.isAction){ this.baseAction = config;
rlm@46 12098 }
rlm@46 12099 config = config.initialConfig; }else if(config.tagName || config.dom || typeof config == "string"){ config = {applyTo: config, id: config.id || config};
rlm@46 12100 }
rlm@46 12101
rlm@46 12102
rlm@46 12103 this.initialConfig = config;
rlm@46 12104
rlm@46 12105 Ext.apply(this, config);
rlm@46 12106 this.addEvents(
rlm@46 12107
rlm@46 12108 'disable',
rlm@46 12109
rlm@46 12110 'enable',
rlm@46 12111
rlm@46 12112 'beforeshow',
rlm@46 12113
rlm@46 12114 'show',
rlm@46 12115
rlm@46 12116 'beforehide',
rlm@46 12117
rlm@46 12118 'hide',
rlm@46 12119
rlm@46 12120 'beforerender',
rlm@46 12121
rlm@46 12122 'render',
rlm@46 12123
rlm@46 12124 'beforedestroy',
rlm@46 12125
rlm@46 12126 'destroy',
rlm@46 12127
rlm@46 12128 'beforestaterestore',
rlm@46 12129
rlm@46 12130 'staterestore',
rlm@46 12131
rlm@46 12132 'beforestatesave',
rlm@46 12133
rlm@46 12134 'statesave'
rlm@46 12135 );
rlm@46 12136 this.getId();
rlm@46 12137 Ext.ComponentMgr.register(this);
rlm@46 12138 Ext.Component.superclass.constructor.call(this);
rlm@46 12139
rlm@46 12140 if(this.baseAction){
rlm@46 12141 this.baseAction.addComponent(this);
rlm@46 12142 }
rlm@46 12143
rlm@46 12144 this.initComponent();
rlm@46 12145
rlm@46 12146 if(this.plugins){
rlm@46 12147 if(Ext.isArray(this.plugins)){
rlm@46 12148 for(var i = 0, len = this.plugins.length; i < len; i++){
rlm@46 12149 this.plugins[i].init(this);
rlm@46 12150 }
rlm@46 12151 }else{
rlm@46 12152 this.plugins.init(this);
rlm@46 12153 }
rlm@46 12154 }
rlm@46 12155
rlm@46 12156 if(this.stateful !== false){
rlm@46 12157 this.initState(config);
rlm@46 12158 }
rlm@46 12159
rlm@46 12160 if(this.applyTo){
rlm@46 12161 this.applyToMarkup(this.applyTo);
rlm@46 12162 delete this.applyTo;
rlm@46 12163 }else if(this.renderTo){
rlm@46 12164 this.render(this.renderTo);
rlm@46 12165 delete this.renderTo;
rlm@46 12166 }
rlm@46 12167 };
rlm@46 12168
rlm@46 12169 Ext.Component.AUTO_ID = 1000;
rlm@46 12170
rlm@46 12171 Ext.extend(Ext.Component, Ext.util.Observable, {
rlm@46 12172
rlm@46 12173
rlm@46 12174
rlm@46 12175
rlm@46 12176
rlm@46 12177
rlm@46 12178
rlm@46 12179
rlm@46 12180
rlm@46 12181
rlm@46 12182
rlm@46 12183
rlm@46 12184
rlm@46 12185
rlm@46 12186
rlm@46 12187
rlm@46 12188 disabledClass : "x-item-disabled",
rlm@46 12189
rlm@46 12190 allowDomMove : true,
rlm@46 12191
rlm@46 12192 autoShow : false,
rlm@46 12193
rlm@46 12194 hideMode: 'display',
rlm@46 12195
rlm@46 12196 hideParent: false,
rlm@46 12197
rlm@46 12198
rlm@46 12199
rlm@46 12200 hidden : false,
rlm@46 12201
rlm@46 12202 disabled : false,
rlm@46 12203
rlm@46 12204 rendered : false,
rlm@46 12205
rlm@46 12206 ctype : "Ext.Component",
rlm@46 12207
rlm@46 12208 actionMode : "el",
rlm@46 12209
rlm@46 12210 getActionEl : function(){
rlm@46 12211 return this[this.actionMode];
rlm@46 12212 },
rlm@46 12213
rlm@46 12214
rlm@46 12215 initComponent : Ext.emptyFn,
rlm@46 12216
rlm@46 12217
rlm@46 12218 render : function(container, position){
rlm@46 12219 if(!this.rendered && this.fireEvent("beforerender", this) !== false){
rlm@46 12220 if(!container && this.el){
rlm@46 12221 this.el = Ext.get(this.el);
rlm@46 12222 container = this.el.dom.parentNode;
rlm@46 12223 this.allowDomMove = false;
rlm@46 12224 }
rlm@46 12225 this.container = Ext.get(container);
rlm@46 12226 if(this.ctCls){
rlm@46 12227 this.container.addClass(this.ctCls);
rlm@46 12228 }
rlm@46 12229 this.rendered = true;
rlm@46 12230 if(position !== undefined){
rlm@46 12231 if(typeof position == 'number'){
rlm@46 12232 position = this.container.dom.childNodes[position];
rlm@46 12233 }else{
rlm@46 12234 position = Ext.getDom(position);
rlm@46 12235 }
rlm@46 12236 }
rlm@46 12237 this.onRender(this.container, position || null);
rlm@46 12238 if(this.autoShow){
rlm@46 12239 this.el.removeClass(['x-hidden','x-hide-' + this.hideMode]);
rlm@46 12240 }
rlm@46 12241 if(this.cls){
rlm@46 12242 this.el.addClass(this.cls);
rlm@46 12243 delete this.cls;
rlm@46 12244 }
rlm@46 12245 if(this.style){
rlm@46 12246 this.el.applyStyles(this.style);
rlm@46 12247 delete this.style;
rlm@46 12248 }
rlm@46 12249 this.fireEvent("render", this);
rlm@46 12250 this.afterRender(this.container);
rlm@46 12251 if(this.hidden){
rlm@46 12252 this.hide();
rlm@46 12253 }
rlm@46 12254 if(this.disabled){
rlm@46 12255 this.disable();
rlm@46 12256 }
rlm@46 12257
rlm@46 12258 this.initStateEvents();
rlm@46 12259 }
rlm@46 12260 return this;
rlm@46 12261 },
rlm@46 12262
rlm@46 12263 initState : function(config){
rlm@46 12264 if(Ext.state.Manager){
rlm@46 12265 var state = Ext.state.Manager.get(this.stateId || this.id);
rlm@46 12266 if(state){
rlm@46 12267 if(this.fireEvent('beforestaterestore', this, state) !== false){
rlm@46 12268 this.applyState(state);
rlm@46 12269 this.fireEvent('staterestore', this, state);
rlm@46 12270 }
rlm@46 12271 }
rlm@46 12272 }
rlm@46 12273 },
rlm@46 12274
rlm@46 12275 initStateEvents : function(){
rlm@46 12276 if(this.stateEvents){
rlm@46 12277 for(var i = 0, e; e = this.stateEvents[i]; i++){
rlm@46 12278 this.on(e, this.saveState, this, {delay:100});
rlm@46 12279 }
rlm@46 12280 }
rlm@46 12281 },
rlm@46 12282
rlm@46 12283 applyState : function(state, config){
rlm@46 12284 if(state){
rlm@46 12285 Ext.apply(this, state);
rlm@46 12286 }
rlm@46 12287 },
rlm@46 12288
rlm@46 12289 getState : function(){
rlm@46 12290 return null;
rlm@46 12291 },
rlm@46 12292
rlm@46 12293 saveState : function(){
rlm@46 12294 if(Ext.state.Manager){
rlm@46 12295 var state = this.getState();
rlm@46 12296 if(this.fireEvent('beforestatesave', this, state) !== false){
rlm@46 12297 Ext.state.Manager.set(this.stateId || this.id, state);
rlm@46 12298 this.fireEvent('statesave', this, state);
rlm@46 12299 }
rlm@46 12300 }
rlm@46 12301 },
rlm@46 12302
rlm@46 12303
rlm@46 12304 applyToMarkup : function(el){
rlm@46 12305 this.allowDomMove = false;
rlm@46 12306 this.el = Ext.get(el);
rlm@46 12307 this.render(this.el.dom.parentNode);
rlm@46 12308 },
rlm@46 12309
rlm@46 12310
rlm@46 12311 addClass : function(cls){
rlm@46 12312 if(this.el){
rlm@46 12313 this.el.addClass(cls);
rlm@46 12314 }else{
rlm@46 12315 this.cls = this.cls ? this.cls + ' ' + cls : cls;
rlm@46 12316 }
rlm@46 12317 },
rlm@46 12318
rlm@46 12319
rlm@46 12320 removeClass : function(cls){
rlm@46 12321 if(this.el){
rlm@46 12322 this.el.removeClass(cls);
rlm@46 12323 }else if(this.cls){
rlm@46 12324 this.cls = this.cls.split(' ').remove(cls).join(' ');
rlm@46 12325 }
rlm@46 12326 },
rlm@46 12327
rlm@46 12328 onRender : function(ct, position){
rlm@46 12329 if(this.autoEl){
rlm@46 12330 if(typeof this.autoEl == 'string'){
rlm@46 12331 this.el = document.createElement(this.autoEl);
rlm@46 12332 }else{
rlm@46 12333 var div = document.createElement('div');
rlm@46 12334 Ext.DomHelper.overwrite(div, this.autoEl);
rlm@46 12335 this.el = div.firstChild;
rlm@46 12336 }
rlm@46 12337 if (!this.el.id) {
rlm@46 12338 this.el.id = this.getId();
rlm@46 12339 }
rlm@46 12340 }
rlm@46 12341 if(this.el){
rlm@46 12342 this.el = Ext.get(this.el);
rlm@46 12343 if(this.allowDomMove !== false){
rlm@46 12344 ct.dom.insertBefore(this.el.dom, position);
rlm@46 12345 }
rlm@46 12346 if(this.overCls) {
rlm@46 12347 this.el.addClassOnOver(this.overCls);
rlm@46 12348 }
rlm@46 12349 }
rlm@46 12350 },
rlm@46 12351
rlm@46 12352 getAutoCreate : function(){
rlm@46 12353 var cfg = typeof this.autoCreate == "object" ?
rlm@46 12354 this.autoCreate : Ext.apply({}, this.defaultAutoCreate);
rlm@46 12355 if(this.id && !cfg.id){
rlm@46 12356 cfg.id = this.id;
rlm@46 12357 }
rlm@46 12358 return cfg;
rlm@46 12359 },
rlm@46 12360
rlm@46 12361 afterRender : Ext.emptyFn,
rlm@46 12362
rlm@46 12363
rlm@46 12364 destroy : function(){
rlm@46 12365 if(this.fireEvent("beforedestroy", this) !== false){
rlm@46 12366 this.beforeDestroy();
rlm@46 12367 if(this.rendered){
rlm@46 12368 this.el.removeAllListeners();
rlm@46 12369 this.el.remove();
rlm@46 12370 if(this.actionMode == "container"){
rlm@46 12371 this.container.remove();
rlm@46 12372 }
rlm@46 12373 }
rlm@46 12374 this.onDestroy();
rlm@46 12375 Ext.ComponentMgr.unregister(this);
rlm@46 12376 this.fireEvent("destroy", this);
rlm@46 12377 this.purgeListeners();
rlm@46 12378 }
rlm@46 12379 },
rlm@46 12380
rlm@46 12381 beforeDestroy : Ext.emptyFn,
rlm@46 12382
rlm@46 12383 onDestroy : Ext.emptyFn,
rlm@46 12384
rlm@46 12385
rlm@46 12386 getEl : function(){
rlm@46 12387 return this.el;
rlm@46 12388 },
rlm@46 12389
rlm@46 12390
rlm@46 12391 getId : function(){
rlm@46 12392 return this.id || (this.id = "ext-comp-" + (++Ext.Component.AUTO_ID));
rlm@46 12393 },
rlm@46 12394
rlm@46 12395
rlm@46 12396 getItemId : function(){
rlm@46 12397 return this.itemId || this.getId();
rlm@46 12398 },
rlm@46 12399
rlm@46 12400
rlm@46 12401 focus : function(selectText, delay){
rlm@46 12402 if(delay){
rlm@46 12403 this.focus.defer(typeof delay == 'number' ? delay : 10, this, [selectText, false]);
rlm@46 12404 return;
rlm@46 12405 }
rlm@46 12406 if(this.rendered){
rlm@46 12407 this.el.focus();
rlm@46 12408 if(selectText === true){
rlm@46 12409 this.el.dom.select();
rlm@46 12410 }
rlm@46 12411 }
rlm@46 12412 return this;
rlm@46 12413 },
rlm@46 12414
rlm@46 12415 blur : function(){
rlm@46 12416 if(this.rendered){
rlm@46 12417 this.el.blur();
rlm@46 12418 }
rlm@46 12419 return this;
rlm@46 12420 },
rlm@46 12421
rlm@46 12422
rlm@46 12423 disable : function(){
rlm@46 12424 if(this.rendered){
rlm@46 12425 this.onDisable();
rlm@46 12426 }
rlm@46 12427 this.disabled = true;
rlm@46 12428 this.fireEvent("disable", this);
rlm@46 12429 return this;
rlm@46 12430 },
rlm@46 12431
rlm@46 12432 onDisable : function(){
rlm@46 12433 this.getActionEl().addClass(this.disabledClass);
rlm@46 12434 this.el.dom.disabled = true;
rlm@46 12435 },
rlm@46 12436
rlm@46 12437
rlm@46 12438 enable : function(){
rlm@46 12439 if(this.rendered){
rlm@46 12440 this.onEnable();
rlm@46 12441 }
rlm@46 12442 this.disabled = false;
rlm@46 12443 this.fireEvent("enable", this);
rlm@46 12444 return this;
rlm@46 12445 },
rlm@46 12446
rlm@46 12447 onEnable : function(){
rlm@46 12448 this.getActionEl().removeClass(this.disabledClass);
rlm@46 12449 this.el.dom.disabled = false;
rlm@46 12450 },
rlm@46 12451
rlm@46 12452
rlm@46 12453 setDisabled : function(disabled){
rlm@46 12454 this[disabled ? "disable" : "enable"]();
rlm@46 12455 },
rlm@46 12456
rlm@46 12457
rlm@46 12458 show: function(){
rlm@46 12459 if(this.fireEvent("beforeshow", this) !== false){
rlm@46 12460 this.hidden = false;
rlm@46 12461 if(this.autoRender){
rlm@46 12462 this.render(typeof this.autoRender == 'boolean' ? Ext.getBody() : this.autoRender);
rlm@46 12463 }
rlm@46 12464 if(this.rendered){
rlm@46 12465 this.onShow();
rlm@46 12466 }
rlm@46 12467 this.fireEvent("show", this);
rlm@46 12468 }
rlm@46 12469 return this;
rlm@46 12470 },
rlm@46 12471
rlm@46 12472 onShow : function(){
rlm@46 12473 if(this.hideParent){
rlm@46 12474 this.container.removeClass('x-hide-' + this.hideMode);
rlm@46 12475 }else{
rlm@46 12476 this.getActionEl().removeClass('x-hide-' + this.hideMode);
rlm@46 12477 }
rlm@46 12478
rlm@46 12479 },
rlm@46 12480
rlm@46 12481
rlm@46 12482 hide: function(){
rlm@46 12483 if(this.fireEvent("beforehide", this) !== false){
rlm@46 12484 this.hidden = true;
rlm@46 12485 if(this.rendered){
rlm@46 12486 this.onHide();
rlm@46 12487 }
rlm@46 12488 this.fireEvent("hide", this);
rlm@46 12489 }
rlm@46 12490 return this;
rlm@46 12491 },
rlm@46 12492
rlm@46 12493 onHide : function(){
rlm@46 12494 if(this.hideParent){
rlm@46 12495 this.container.addClass('x-hide-' + this.hideMode);
rlm@46 12496 }else{
rlm@46 12497 this.getActionEl().addClass('x-hide-' + this.hideMode);
rlm@46 12498 }
rlm@46 12499 },
rlm@46 12500
rlm@46 12501
rlm@46 12502 setVisible: function(visible){
rlm@46 12503 if(visible) {
rlm@46 12504 this.show();
rlm@46 12505 }else{
rlm@46 12506 this.hide();
rlm@46 12507 }
rlm@46 12508 return this;
rlm@46 12509 },
rlm@46 12510
rlm@46 12511
rlm@46 12512 isVisible : function(){
rlm@46 12513 return this.rendered && this.getActionEl().isVisible();
rlm@46 12514 },
rlm@46 12515
rlm@46 12516
rlm@46 12517 cloneConfig : function(overrides){
rlm@46 12518 overrides = overrides || {};
rlm@46 12519 var id = overrides.id || Ext.id();
rlm@46 12520 var cfg = Ext.applyIf(overrides, this.initialConfig);
rlm@46 12521 cfg.id = id; return new this.constructor(cfg);
rlm@46 12522 },
rlm@46 12523
rlm@46 12524
rlm@46 12525 getXType : function(){
rlm@46 12526 return this.constructor.xtype;
rlm@46 12527 },
rlm@46 12528
rlm@46 12529
rlm@46 12530 isXType : function(xtype, shallow){
rlm@46 12531 return !shallow ?
rlm@46 12532 ('/' + this.getXTypes() + '/').indexOf('/' + xtype + '/') != -1 :
rlm@46 12533 this.constructor.xtype == xtype;
rlm@46 12534 },
rlm@46 12535
rlm@46 12536
rlm@46 12537 getXTypes : function(){
rlm@46 12538 var tc = this.constructor;
rlm@46 12539 if(!tc.xtypes){
rlm@46 12540 var c = [], sc = this;
rlm@46 12541 while(sc && sc.constructor.xtype){
rlm@46 12542 c.unshift(sc.constructor.xtype);
rlm@46 12543 sc = sc.constructor.superclass;
rlm@46 12544 }
rlm@46 12545 tc.xtypeChain = c;
rlm@46 12546 tc.xtypes = c.join('/');
rlm@46 12547 }
rlm@46 12548 return tc.xtypes;
rlm@46 12549 },
rlm@46 12550
rlm@46 12551
rlm@46 12552 findParentBy: function(fn) {
rlm@46 12553 for (var p = this.ownerCt; (p != null) && !fn(p, this); p = p.ownerCt);
rlm@46 12554 return p || null;
rlm@46 12555 },
rlm@46 12556
rlm@46 12557
rlm@46 12558 findParentByType: function(xtype) {
rlm@46 12559 return typeof xtype == 'function' ?
rlm@46 12560 this.findParentBy(function(p){
rlm@46 12561 return p.constructor === xtype;
rlm@46 12562 }) :
rlm@46 12563 this.findParentBy(function(p){
rlm@46 12564 return p.constructor.xtype === xtype;
rlm@46 12565 });
rlm@46 12566 },
rlm@46 12567
rlm@46 12568 mon : function(item, ename, fn, scope, opt){
rlm@46 12569 if(!this.mons){
rlm@46 12570 this.mons = [];
rlm@46 12571 this.on('beforedestroy', function(){
rlm@46 12572 for(var i= 0, len = this.mons.length; i < len; i++){
rlm@46 12573 var m = this.mons[i];
rlm@46 12574 m.item.un(m.ename, m.fn, m.scope);
rlm@46 12575 }
rlm@46 12576 }, this);
rlm@46 12577 }
rlm@46 12578 this.mons.push({
rlm@46 12579 item: item, ename: ename, fn: fn, scope: scope
rlm@46 12580 });
rlm@46 12581 item.on(ename, fn, scope, opt);
rlm@46 12582 }
rlm@46 12583 });
rlm@46 12584
rlm@46 12585 Ext.reg('component', Ext.Component);
rlm@46 12586
rlm@46 12587
rlm@46 12588 Ext.Action = function(config){
rlm@46 12589 this.initialConfig = config;
rlm@46 12590 this.items = [];
rlm@46 12591 }
rlm@46 12592
rlm@46 12593 Ext.Action.prototype = {
rlm@46 12594
rlm@46 12595
rlm@46 12596
rlm@46 12597
rlm@46 12598
rlm@46 12599
rlm@46 12600
rlm@46 12601
rlm@46 12602 isAction : true,
rlm@46 12603
rlm@46 12604
rlm@46 12605 setText : function(text){
rlm@46 12606 this.initialConfig.text = text;
rlm@46 12607 this.callEach('setText', [text]);
rlm@46 12608 },
rlm@46 12609
rlm@46 12610
rlm@46 12611 getText : function(){
rlm@46 12612 return this.initialConfig.text;
rlm@46 12613 },
rlm@46 12614
rlm@46 12615
rlm@46 12616 setIconClass : function(cls){
rlm@46 12617 this.initialConfig.iconCls = cls;
rlm@46 12618 this.callEach('setIconClass', [cls]);
rlm@46 12619 },
rlm@46 12620
rlm@46 12621
rlm@46 12622 getIconClass : function(){
rlm@46 12623 return this.initialConfig.iconCls;
rlm@46 12624 },
rlm@46 12625
rlm@46 12626
rlm@46 12627 setDisabled : function(v){
rlm@46 12628 this.initialConfig.disabled = v;
rlm@46 12629 this.callEach('setDisabled', [v]);
rlm@46 12630 },
rlm@46 12631
rlm@46 12632
rlm@46 12633 enable : function(){
rlm@46 12634 this.setDisabled(false);
rlm@46 12635 },
rlm@46 12636
rlm@46 12637
rlm@46 12638 disable : function(){
rlm@46 12639 this.setDisabled(true);
rlm@46 12640 },
rlm@46 12641
rlm@46 12642
rlm@46 12643 isDisabled : function(){
rlm@46 12644 return this.initialConfig.disabled;
rlm@46 12645 },
rlm@46 12646
rlm@46 12647
rlm@46 12648 setHidden : function(v){
rlm@46 12649 this.initialConfig.hidden = v;
rlm@46 12650 this.callEach('setVisible', [!v]);
rlm@46 12651 },
rlm@46 12652
rlm@46 12653
rlm@46 12654 show : function(){
rlm@46 12655 this.setHidden(false);
rlm@46 12656 },
rlm@46 12657
rlm@46 12658
rlm@46 12659 hide : function(){
rlm@46 12660 this.setHidden(true);
rlm@46 12661 },
rlm@46 12662
rlm@46 12663
rlm@46 12664 isHidden : function(){
rlm@46 12665 return this.initialConfig.hidden;
rlm@46 12666 },
rlm@46 12667
rlm@46 12668
rlm@46 12669 setHandler : function(fn, scope){
rlm@46 12670 this.initialConfig.handler = fn;
rlm@46 12671 this.initialConfig.scope = scope;
rlm@46 12672 this.callEach('setHandler', [fn, scope]);
rlm@46 12673 },
rlm@46 12674
rlm@46 12675
rlm@46 12676 each : function(fn, scope){
rlm@46 12677 Ext.each(this.items, fn, scope);
rlm@46 12678 },
rlm@46 12679
rlm@46 12680
rlm@46 12681 callEach : function(fnName, args){
rlm@46 12682 var cs = this.items;
rlm@46 12683 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 12684 cs[i][fnName].apply(cs[i], args);
rlm@46 12685 }
rlm@46 12686 },
rlm@46 12687
rlm@46 12688
rlm@46 12689 addComponent : function(comp){
rlm@46 12690 this.items.push(comp);
rlm@46 12691 comp.on('destroy', this.removeComponent, this);
rlm@46 12692 },
rlm@46 12693
rlm@46 12694
rlm@46 12695 removeComponent : function(comp){
rlm@46 12696 this.items.remove(comp);
rlm@46 12697 },
rlm@46 12698
rlm@46 12699
rlm@46 12700 execute : function(){
rlm@46 12701 this.initialConfig.handler.apply(this.initialConfig.scope || window, arguments);
rlm@46 12702 }
rlm@46 12703 };
rlm@46 12704
rlm@46 12705 (function(){
rlm@46 12706 Ext.Layer = function(config, existingEl){
rlm@46 12707 config = config || {};
rlm@46 12708 var dh = Ext.DomHelper;
rlm@46 12709 var cp = config.parentEl, pel = cp ? Ext.getDom(cp) : document.body;
rlm@46 12710 if(existingEl){
rlm@46 12711 this.dom = Ext.getDom(existingEl);
rlm@46 12712 }
rlm@46 12713 if(!this.dom){
rlm@46 12714 var o = config.dh || {tag: "div", cls: "x-layer"};
rlm@46 12715 this.dom = dh.append(pel, o);
rlm@46 12716 }
rlm@46 12717 if(config.cls){
rlm@46 12718 this.addClass(config.cls);
rlm@46 12719 }
rlm@46 12720 this.constrain = config.constrain !== false;
rlm@46 12721 this.visibilityMode = Ext.Element.VISIBILITY;
rlm@46 12722 if(config.id){
rlm@46 12723 this.id = this.dom.id = config.id;
rlm@46 12724 }else{
rlm@46 12725 this.id = Ext.id(this.dom);
rlm@46 12726 }
rlm@46 12727 this.zindex = config.zindex || this.getZIndex();
rlm@46 12728 this.position("absolute", this.zindex);
rlm@46 12729 if(config.shadow){
rlm@46 12730 this.shadowOffset = config.shadowOffset || 4;
rlm@46 12731 this.shadow = new Ext.Shadow({
rlm@46 12732 offset : this.shadowOffset,
rlm@46 12733 mode : config.shadow
rlm@46 12734 });
rlm@46 12735 }else{
rlm@46 12736 this.shadowOffset = 0;
rlm@46 12737 }
rlm@46 12738 this.useShim = config.shim !== false && Ext.useShims;
rlm@46 12739 this.useDisplay = config.useDisplay;
rlm@46 12740 this.hide();
rlm@46 12741 };
rlm@46 12742
rlm@46 12743 var supr = Ext.Element.prototype;
rlm@46 12744
rlm@46 12745
rlm@46 12746 var shims = [];
rlm@46 12747
rlm@46 12748 Ext.extend(Ext.Layer, Ext.Element, {
rlm@46 12749
rlm@46 12750 getZIndex : function(){
rlm@46 12751 return this.zindex || parseInt(this.getStyle("z-index"), 10) || 11000;
rlm@46 12752 },
rlm@46 12753
rlm@46 12754 getShim : function(){
rlm@46 12755 if(!this.useShim){
rlm@46 12756 return null;
rlm@46 12757 }
rlm@46 12758 if(this.shim){
rlm@46 12759 return this.shim;
rlm@46 12760 }
rlm@46 12761 var shim = shims.shift();
rlm@46 12762 if(!shim){
rlm@46 12763 shim = this.createShim();
rlm@46 12764 shim.enableDisplayMode('block');
rlm@46 12765 shim.dom.style.display = 'none';
rlm@46 12766 shim.dom.style.visibility = 'visible';
rlm@46 12767 }
rlm@46 12768 var pn = this.dom.parentNode;
rlm@46 12769 if(shim.dom.parentNode != pn){
rlm@46 12770 pn.insertBefore(shim.dom, this.dom);
rlm@46 12771 }
rlm@46 12772 shim.setStyle('z-index', this.getZIndex()-2);
rlm@46 12773 this.shim = shim;
rlm@46 12774 return shim;
rlm@46 12775 },
rlm@46 12776
rlm@46 12777 hideShim : function(){
rlm@46 12778 if(this.shim){
rlm@46 12779 this.shim.setDisplayed(false);
rlm@46 12780 shims.push(this.shim);
rlm@46 12781 delete this.shim;
rlm@46 12782 }
rlm@46 12783 },
rlm@46 12784
rlm@46 12785 disableShadow : function(){
rlm@46 12786 if(this.shadow){
rlm@46 12787 this.shadowDisabled = true;
rlm@46 12788 this.shadow.hide();
rlm@46 12789 this.lastShadowOffset = this.shadowOffset;
rlm@46 12790 this.shadowOffset = 0;
rlm@46 12791 }
rlm@46 12792 },
rlm@46 12793
rlm@46 12794 enableShadow : function(show){
rlm@46 12795 if(this.shadow){
rlm@46 12796 this.shadowDisabled = false;
rlm@46 12797 this.shadowOffset = this.lastShadowOffset;
rlm@46 12798 delete this.lastShadowOffset;
rlm@46 12799 if(show){
rlm@46 12800 this.sync(true);
rlm@46 12801 }
rlm@46 12802 }
rlm@46 12803 },
rlm@46 12804
rlm@46 12805
rlm@46 12806
rlm@46 12807
rlm@46 12808 sync : function(doShow){
rlm@46 12809 var sw = this.shadow;
rlm@46 12810 if(!this.updating && this.isVisible() && (sw || this.useShim)){
rlm@46 12811 var sh = this.getShim();
rlm@46 12812
rlm@46 12813 var w = this.getWidth(),
rlm@46 12814 h = this.getHeight();
rlm@46 12815
rlm@46 12816 var l = this.getLeft(true),
rlm@46 12817 t = this.getTop(true);
rlm@46 12818
rlm@46 12819 if(sw && !this.shadowDisabled){
rlm@46 12820 if(doShow && !sw.isVisible()){
rlm@46 12821 sw.show(this);
rlm@46 12822 }else{
rlm@46 12823 sw.realign(l, t, w, h);
rlm@46 12824 }
rlm@46 12825 if(sh){
rlm@46 12826 if(doShow){
rlm@46 12827 sh.show();
rlm@46 12828 }
rlm@46 12829
rlm@46 12830 var a = sw.adjusts, s = sh.dom.style;
rlm@46 12831 s.left = (Math.min(l, l+a.l))+"px";
rlm@46 12832 s.top = (Math.min(t, t+a.t))+"px";
rlm@46 12833 s.width = (w+a.w)+"px";
rlm@46 12834 s.height = (h+a.h)+"px";
rlm@46 12835 }
rlm@46 12836 }else if(sh){
rlm@46 12837 if(doShow){
rlm@46 12838 sh.show();
rlm@46 12839 }
rlm@46 12840 sh.setSize(w, h);
rlm@46 12841 sh.setLeftTop(l, t);
rlm@46 12842 }
rlm@46 12843
rlm@46 12844 }
rlm@46 12845 },
rlm@46 12846
rlm@46 12847
rlm@46 12848 destroy : function(){
rlm@46 12849 this.hideShim();
rlm@46 12850 if(this.shadow){
rlm@46 12851 this.shadow.hide();
rlm@46 12852 }
rlm@46 12853 this.removeAllListeners();
rlm@46 12854 Ext.removeNode(this.dom);
rlm@46 12855 Ext.Element.uncache(this.id);
rlm@46 12856 },
rlm@46 12857
rlm@46 12858 remove : function(){
rlm@46 12859 this.destroy();
rlm@46 12860 },
rlm@46 12861
rlm@46 12862
rlm@46 12863 beginUpdate : function(){
rlm@46 12864 this.updating = true;
rlm@46 12865 },
rlm@46 12866
rlm@46 12867
rlm@46 12868 endUpdate : function(){
rlm@46 12869 this.updating = false;
rlm@46 12870 this.sync(true);
rlm@46 12871 },
rlm@46 12872
rlm@46 12873
rlm@46 12874 hideUnders : function(negOffset){
rlm@46 12875 if(this.shadow){
rlm@46 12876 this.shadow.hide();
rlm@46 12877 }
rlm@46 12878 this.hideShim();
rlm@46 12879 },
rlm@46 12880
rlm@46 12881
rlm@46 12882 constrainXY : function(){
rlm@46 12883 if(this.constrain){
rlm@46 12884 var vw = Ext.lib.Dom.getViewWidth(),
rlm@46 12885 vh = Ext.lib.Dom.getViewHeight();
rlm@46 12886 var s = Ext.getDoc().getScroll();
rlm@46 12887
rlm@46 12888 var xy = this.getXY();
rlm@46 12889 var x = xy[0], y = xy[1];
rlm@46 12890 var w = this.dom.offsetWidth+this.shadowOffset, h = this.dom.offsetHeight+this.shadowOffset;
rlm@46 12891
rlm@46 12892 var moved = false;
rlm@46 12893
rlm@46 12894 if((x + w) > vw+s.left){
rlm@46 12895 x = vw - w - this.shadowOffset;
rlm@46 12896 moved = true;
rlm@46 12897 }
rlm@46 12898 if((y + h) > vh+s.top){
rlm@46 12899 y = vh - h - this.shadowOffset;
rlm@46 12900 moved = true;
rlm@46 12901 }
rlm@46 12902
rlm@46 12903 if(x < s.left){
rlm@46 12904 x = s.left;
rlm@46 12905 moved = true;
rlm@46 12906 }
rlm@46 12907 if(y < s.top){
rlm@46 12908 y = s.top;
rlm@46 12909 moved = true;
rlm@46 12910 }
rlm@46 12911 if(moved){
rlm@46 12912 if(this.avoidY){
rlm@46 12913 var ay = this.avoidY;
rlm@46 12914 if(y <= ay && (y+h) >= ay){
rlm@46 12915 y = ay-h-5;
rlm@46 12916 }
rlm@46 12917 }
rlm@46 12918 xy = [x, y];
rlm@46 12919 this.storeXY(xy);
rlm@46 12920 supr.setXY.call(this, xy);
rlm@46 12921 this.sync();
rlm@46 12922 }
rlm@46 12923 }
rlm@46 12924 },
rlm@46 12925
rlm@46 12926 isVisible : function(){
rlm@46 12927 return this.visible;
rlm@46 12928 },
rlm@46 12929
rlm@46 12930
rlm@46 12931 showAction : function(){
rlm@46 12932 this.visible = true;
rlm@46 12933 if(this.useDisplay === true){
rlm@46 12934 this.setDisplayed("");
rlm@46 12935 }else if(this.lastXY){
rlm@46 12936 supr.setXY.call(this, this.lastXY);
rlm@46 12937 }else if(this.lastLT){
rlm@46 12938 supr.setLeftTop.call(this, this.lastLT[0], this.lastLT[1]);
rlm@46 12939 }
rlm@46 12940 },
rlm@46 12941
rlm@46 12942
rlm@46 12943 hideAction : function(){
rlm@46 12944 this.visible = false;
rlm@46 12945 if(this.useDisplay === true){
rlm@46 12946 this.setDisplayed(false);
rlm@46 12947 }else{
rlm@46 12948 this.setLeftTop(-10000,-10000);
rlm@46 12949 }
rlm@46 12950 },
rlm@46 12951
rlm@46 12952
rlm@46 12953 setVisible : function(v, a, d, c, e){
rlm@46 12954 if(v){
rlm@46 12955 this.showAction();
rlm@46 12956 }
rlm@46 12957 if(a && v){
rlm@46 12958 var cb = function(){
rlm@46 12959 this.sync(true);
rlm@46 12960 if(c){
rlm@46 12961 c();
rlm@46 12962 }
rlm@46 12963 }.createDelegate(this);
rlm@46 12964 supr.setVisible.call(this, true, true, d, cb, e);
rlm@46 12965 }else{
rlm@46 12966 if(!v){
rlm@46 12967 this.hideUnders(true);
rlm@46 12968 }
rlm@46 12969 var cb = c;
rlm@46 12970 if(a){
rlm@46 12971 cb = function(){
rlm@46 12972 this.hideAction();
rlm@46 12973 if(c){
rlm@46 12974 c();
rlm@46 12975 }
rlm@46 12976 }.createDelegate(this);
rlm@46 12977 }
rlm@46 12978 supr.setVisible.call(this, v, a, d, cb, e);
rlm@46 12979 if(v){
rlm@46 12980 this.sync(true);
rlm@46 12981 }else if(!a){
rlm@46 12982 this.hideAction();
rlm@46 12983 }
rlm@46 12984 }
rlm@46 12985 },
rlm@46 12986
rlm@46 12987 storeXY : function(xy){
rlm@46 12988 delete this.lastLT;
rlm@46 12989 this.lastXY = xy;
rlm@46 12990 },
rlm@46 12991
rlm@46 12992 storeLeftTop : function(left, top){
rlm@46 12993 delete this.lastXY;
rlm@46 12994 this.lastLT = [left, top];
rlm@46 12995 },
rlm@46 12996
rlm@46 12997
rlm@46 12998 beforeFx : function(){
rlm@46 12999 this.beforeAction();
rlm@46 13000 return Ext.Layer.superclass.beforeFx.apply(this, arguments);
rlm@46 13001 },
rlm@46 13002
rlm@46 13003
rlm@46 13004 afterFx : function(){
rlm@46 13005 Ext.Layer.superclass.afterFx.apply(this, arguments);
rlm@46 13006 this.sync(this.isVisible());
rlm@46 13007 },
rlm@46 13008
rlm@46 13009
rlm@46 13010 beforeAction : function(){
rlm@46 13011 if(!this.updating && this.shadow){
rlm@46 13012 this.shadow.hide();
rlm@46 13013 }
rlm@46 13014 },
rlm@46 13015
rlm@46 13016
rlm@46 13017 setLeft : function(left){
rlm@46 13018 this.storeLeftTop(left, this.getTop(true));
rlm@46 13019 supr.setLeft.apply(this, arguments);
rlm@46 13020 this.sync();
rlm@46 13021 },
rlm@46 13022
rlm@46 13023 setTop : function(top){
rlm@46 13024 this.storeLeftTop(this.getLeft(true), top);
rlm@46 13025 supr.setTop.apply(this, arguments);
rlm@46 13026 this.sync();
rlm@46 13027 },
rlm@46 13028
rlm@46 13029 setLeftTop : function(left, top){
rlm@46 13030 this.storeLeftTop(left, top);
rlm@46 13031 supr.setLeftTop.apply(this, arguments);
rlm@46 13032 this.sync();
rlm@46 13033 },
rlm@46 13034
rlm@46 13035 setXY : function(xy, a, d, c, e){
rlm@46 13036 this.fixDisplay();
rlm@46 13037 this.beforeAction();
rlm@46 13038 this.storeXY(xy);
rlm@46 13039 var cb = this.createCB(c);
rlm@46 13040 supr.setXY.call(this, xy, a, d, cb, e);
rlm@46 13041 if(!a){
rlm@46 13042 cb();
rlm@46 13043 }
rlm@46 13044 },
rlm@46 13045
rlm@46 13046
rlm@46 13047 createCB : function(c){
rlm@46 13048 var el = this;
rlm@46 13049 return function(){
rlm@46 13050 el.constrainXY();
rlm@46 13051 el.sync(true);
rlm@46 13052 if(c){
rlm@46 13053 c();
rlm@46 13054 }
rlm@46 13055 };
rlm@46 13056 },
rlm@46 13057
rlm@46 13058
rlm@46 13059 setX : function(x, a, d, c, e){
rlm@46 13060 this.setXY([x, this.getY()], a, d, c, e);
rlm@46 13061 },
rlm@46 13062
rlm@46 13063
rlm@46 13064 setY : function(y, a, d, c, e){
rlm@46 13065 this.setXY([this.getX(), y], a, d, c, e);
rlm@46 13066 },
rlm@46 13067
rlm@46 13068
rlm@46 13069 setSize : function(w, h, a, d, c, e){
rlm@46 13070 this.beforeAction();
rlm@46 13071 var cb = this.createCB(c);
rlm@46 13072 supr.setSize.call(this, w, h, a, d, cb, e);
rlm@46 13073 if(!a){
rlm@46 13074 cb();
rlm@46 13075 }
rlm@46 13076 },
rlm@46 13077
rlm@46 13078
rlm@46 13079 setWidth : function(w, a, d, c, e){
rlm@46 13080 this.beforeAction();
rlm@46 13081 var cb = this.createCB(c);
rlm@46 13082 supr.setWidth.call(this, w, a, d, cb, e);
rlm@46 13083 if(!a){
rlm@46 13084 cb();
rlm@46 13085 }
rlm@46 13086 },
rlm@46 13087
rlm@46 13088
rlm@46 13089 setHeight : function(h, a, d, c, e){
rlm@46 13090 this.beforeAction();
rlm@46 13091 var cb = this.createCB(c);
rlm@46 13092 supr.setHeight.call(this, h, a, d, cb, e);
rlm@46 13093 if(!a){
rlm@46 13094 cb();
rlm@46 13095 }
rlm@46 13096 },
rlm@46 13097
rlm@46 13098
rlm@46 13099 setBounds : function(x, y, w, h, a, d, c, e){
rlm@46 13100 this.beforeAction();
rlm@46 13101 var cb = this.createCB(c);
rlm@46 13102 if(!a){
rlm@46 13103 this.storeXY([x, y]);
rlm@46 13104 supr.setXY.call(this, [x, y]);
rlm@46 13105 supr.setSize.call(this, w, h, a, d, cb, e);
rlm@46 13106 cb();
rlm@46 13107 }else{
rlm@46 13108 supr.setBounds.call(this, x, y, w, h, a, d, cb, e);
rlm@46 13109 }
rlm@46 13110 return this;
rlm@46 13111 },
rlm@46 13112
rlm@46 13113
rlm@46 13114 setZIndex : function(zindex){
rlm@46 13115 this.zindex = zindex;
rlm@46 13116 this.setStyle("z-index", zindex + 2);
rlm@46 13117 if(this.shadow){
rlm@46 13118 this.shadow.setZIndex(zindex + 1);
rlm@46 13119 }
rlm@46 13120 if(this.shim){
rlm@46 13121 this.shim.setStyle("z-index", zindex);
rlm@46 13122 }
rlm@46 13123 }
rlm@46 13124 });
rlm@46 13125 })();
rlm@46 13126
rlm@46 13127 Ext.Shadow = function(config){
rlm@46 13128 Ext.apply(this, config);
rlm@46 13129 if(typeof this.mode != "string"){
rlm@46 13130 this.mode = this.defaultMode;
rlm@46 13131 }
rlm@46 13132 var o = this.offset, a = {h: 0};
rlm@46 13133 var rad = Math.floor(this.offset/2);
rlm@46 13134 switch(this.mode.toLowerCase()){ case "drop":
rlm@46 13135 a.w = 0;
rlm@46 13136 a.l = a.t = o;
rlm@46 13137 a.t -= 1;
rlm@46 13138 if(Ext.isIE){
rlm@46 13139 a.l -= this.offset + rad;
rlm@46 13140 a.t -= this.offset + rad;
rlm@46 13141 a.w -= rad;
rlm@46 13142 a.h -= rad;
rlm@46 13143 a.t += 1;
rlm@46 13144 }
rlm@46 13145 break;
rlm@46 13146 case "sides":
rlm@46 13147 a.w = (o*2);
rlm@46 13148 a.l = -o;
rlm@46 13149 a.t = o-1;
rlm@46 13150 if(Ext.isIE){
rlm@46 13151 a.l -= (this.offset - rad);
rlm@46 13152 a.t -= this.offset + rad;
rlm@46 13153 a.l += 1;
rlm@46 13154 a.w -= (this.offset - rad)*2;
rlm@46 13155 a.w -= rad + 1;
rlm@46 13156 a.h -= 1;
rlm@46 13157 }
rlm@46 13158 break;
rlm@46 13159 case "frame":
rlm@46 13160 a.w = a.h = (o*2);
rlm@46 13161 a.l = a.t = -o;
rlm@46 13162 a.t += 1;
rlm@46 13163 a.h -= 2;
rlm@46 13164 if(Ext.isIE){
rlm@46 13165 a.l -= (this.offset - rad);
rlm@46 13166 a.t -= (this.offset - rad);
rlm@46 13167 a.l += 1;
rlm@46 13168 a.w -= (this.offset + rad + 1);
rlm@46 13169 a.h -= (this.offset + rad);
rlm@46 13170 a.h += 1;
rlm@46 13171 }
rlm@46 13172 break;
rlm@46 13173 };
rlm@46 13174
rlm@46 13175 this.adjusts = a;
rlm@46 13176 };
rlm@46 13177
rlm@46 13178 Ext.Shadow.prototype = {
rlm@46 13179
rlm@46 13180
rlm@46 13181 offset: 4,
rlm@46 13182
rlm@46 13183 defaultMode: "drop",
rlm@46 13184
rlm@46 13185
rlm@46 13186 show : function(target){
rlm@46 13187 target = Ext.get(target);
rlm@46 13188 if(!this.el){
rlm@46 13189 this.el = Ext.Shadow.Pool.pull();
rlm@46 13190 if(this.el.dom.nextSibling != target.dom){
rlm@46 13191 this.el.insertBefore(target);
rlm@46 13192 }
rlm@46 13193 }
rlm@46 13194 this.el.setStyle("z-index", this.zIndex || parseInt(target.getStyle("z-index"), 10)-1);
rlm@46 13195 if(Ext.isIE){
rlm@46 13196 this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";
rlm@46 13197 }
rlm@46 13198 this.realign(
rlm@46 13199 target.getLeft(true),
rlm@46 13200 target.getTop(true),
rlm@46 13201 target.getWidth(),
rlm@46 13202 target.getHeight()
rlm@46 13203 );
rlm@46 13204 this.el.dom.style.display = "block";
rlm@46 13205 },
rlm@46 13206
rlm@46 13207
rlm@46 13208 isVisible : function(){
rlm@46 13209 return this.el ? true : false;
rlm@46 13210 },
rlm@46 13211
rlm@46 13212
rlm@46 13213 realign : function(l, t, w, h){
rlm@46 13214 if(!this.el){
rlm@46 13215 return;
rlm@46 13216 }
rlm@46 13217 var a = this.adjusts, d = this.el.dom, s = d.style;
rlm@46 13218 var iea = 0;
rlm@46 13219 s.left = (l+a.l)+"px";
rlm@46 13220 s.top = (t+a.t)+"px";
rlm@46 13221 var sw = (w+a.w), sh = (h+a.h), sws = sw +"px", shs = sh + "px";
rlm@46 13222 if(s.width != sws || s.height != shs){
rlm@46 13223 s.width = sws;
rlm@46 13224 s.height = shs;
rlm@46 13225 if(!Ext.isIE){
rlm@46 13226 var cn = d.childNodes;
rlm@46 13227 var sww = Math.max(0, (sw-12))+"px";
rlm@46 13228 cn[0].childNodes[1].style.width = sww;
rlm@46 13229 cn[1].childNodes[1].style.width = sww;
rlm@46 13230 cn[2].childNodes[1].style.width = sww;
rlm@46 13231 cn[1].style.height = Math.max(0, (sh-12))+"px";
rlm@46 13232 }
rlm@46 13233 }
rlm@46 13234 },
rlm@46 13235
rlm@46 13236
rlm@46 13237 hide : function(){
rlm@46 13238 if(this.el){
rlm@46 13239 this.el.dom.style.display = "none";
rlm@46 13240 Ext.Shadow.Pool.push(this.el);
rlm@46 13241 delete this.el;
rlm@46 13242 }
rlm@46 13243 },
rlm@46 13244
rlm@46 13245
rlm@46 13246 setZIndex : function(z){
rlm@46 13247 this.zIndex = z;
rlm@46 13248 if(this.el){
rlm@46 13249 this.el.setStyle("z-index", z);
rlm@46 13250 }
rlm@46 13251 }
rlm@46 13252 };
rlm@46 13253
rlm@46 13254 Ext.Shadow.Pool = function(){
rlm@46 13255 var p = [];
rlm@46 13256 var markup = Ext.isIE ?
rlm@46 13257 '<div class="x-ie-shadow"></div>' :
rlm@46 13258 '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
rlm@46 13259 return {
rlm@46 13260 pull : function(){
rlm@46 13261 var sh = p.shift();
rlm@46 13262 if(!sh){
rlm@46 13263 sh = Ext.get(Ext.DomHelper.insertHtml("beforeBegin", document.body.firstChild, markup));
rlm@46 13264 sh.autoBoxAdjust = false;
rlm@46 13265 }
rlm@46 13266 return sh;
rlm@46 13267 },
rlm@46 13268
rlm@46 13269 push : function(sh){
rlm@46 13270 p.push(sh);
rlm@46 13271 }
rlm@46 13272 };
rlm@46 13273 }();
rlm@46 13274
rlm@46 13275 Ext.BoxComponent = Ext.extend(Ext.Component, {
rlm@46 13276
rlm@46 13277
rlm@46 13278
rlm@46 13279
rlm@46 13280
rlm@46 13281
rlm@46 13282
rlm@46 13283
rlm@46 13284
rlm@46 13285
rlm@46 13286
rlm@46 13287 initComponent : function(){
rlm@46 13288 Ext.BoxComponent.superclass.initComponent.call(this);
rlm@46 13289 this.addEvents(
rlm@46 13290
rlm@46 13291 'resize',
rlm@46 13292
rlm@46 13293 'move'
rlm@46 13294 );
rlm@46 13295 },
rlm@46 13296
rlm@46 13297 boxReady : false,
rlm@46 13298 deferHeight: false,
rlm@46 13299
rlm@46 13300
rlm@46 13301 setSize : function(w, h){
rlm@46 13302 if(typeof w == 'object'){
rlm@46 13303 h = w.height;
rlm@46 13304 w = w.width;
rlm@46 13305 }
rlm@46 13306 if(!this.boxReady){
rlm@46 13307 this.width = w;
rlm@46 13308 this.height = h;
rlm@46 13309 return this;
rlm@46 13310 }
rlm@46 13311
rlm@46 13312 if(this.lastSize && this.lastSize.width == w && this.lastSize.height == h){
rlm@46 13313 return this;
rlm@46 13314 }
rlm@46 13315 this.lastSize = {width: w, height: h};
rlm@46 13316 var adj = this.adjustSize(w, h);
rlm@46 13317 var aw = adj.width, ah = adj.height;
rlm@46 13318 if(aw !== undefined || ah !== undefined){ var rz = this.getResizeEl();
rlm@46 13319 if(!this.deferHeight && aw !== undefined && ah !== undefined){
rlm@46 13320 rz.setSize(aw, ah);
rlm@46 13321 }else if(!this.deferHeight && ah !== undefined){
rlm@46 13322 rz.setHeight(ah);
rlm@46 13323 }else if(aw !== undefined){
rlm@46 13324 rz.setWidth(aw);
rlm@46 13325 }
rlm@46 13326 this.onResize(aw, ah, w, h);
rlm@46 13327 this.fireEvent('resize', this, aw, ah, w, h);
rlm@46 13328 }
rlm@46 13329 return this;
rlm@46 13330 },
rlm@46 13331
rlm@46 13332
rlm@46 13333 setWidth : function(width){
rlm@46 13334 return this.setSize(width);
rlm@46 13335 },
rlm@46 13336
rlm@46 13337
rlm@46 13338 setHeight : function(height){
rlm@46 13339 return this.setSize(undefined, height);
rlm@46 13340 },
rlm@46 13341
rlm@46 13342
rlm@46 13343 getSize : function(){
rlm@46 13344 return this.el.getSize();
rlm@46 13345 },
rlm@46 13346
rlm@46 13347
rlm@46 13348 getPosition : function(local){
rlm@46 13349 if(local === true){
rlm@46 13350 return [this.el.getLeft(true), this.el.getTop(true)];
rlm@46 13351 }
rlm@46 13352 return this.xy || this.el.getXY();
rlm@46 13353 },
rlm@46 13354
rlm@46 13355
rlm@46 13356 getBox : function(local){
rlm@46 13357 var s = this.el.getSize();
rlm@46 13358 if(local === true){
rlm@46 13359 s.x = this.el.getLeft(true);
rlm@46 13360 s.y = this.el.getTop(true);
rlm@46 13361 }else{
rlm@46 13362 var xy = this.xy || this.el.getXY();
rlm@46 13363 s.x = xy[0];
rlm@46 13364 s.y = xy[1];
rlm@46 13365 }
rlm@46 13366 return s;
rlm@46 13367 },
rlm@46 13368
rlm@46 13369
rlm@46 13370 updateBox : function(box){
rlm@46 13371 this.setSize(box.width, box.height);
rlm@46 13372 this.setPagePosition(box.x, box.y);
rlm@46 13373 return this;
rlm@46 13374 },
rlm@46 13375
rlm@46 13376 getResizeEl : function(){
rlm@46 13377 return this.resizeEl || this.el;
rlm@46 13378 },
rlm@46 13379
rlm@46 13380 getPositionEl : function(){
rlm@46 13381 return this.positionEl || this.el;
rlm@46 13382 },
rlm@46 13383
rlm@46 13384
rlm@46 13385 setPosition : function(x, y){
rlm@46 13386 if(x && typeof x[1] == 'number'){
rlm@46 13387 y = x[1];
rlm@46 13388 x = x[0];
rlm@46 13389 }
rlm@46 13390 this.x = x;
rlm@46 13391 this.y = y;
rlm@46 13392 if(!this.boxReady){
rlm@46 13393 return this;
rlm@46 13394 }
rlm@46 13395 var adj = this.adjustPosition(x, y);
rlm@46 13396 var ax = adj.x, ay = adj.y;
rlm@46 13397
rlm@46 13398 var el = this.getPositionEl();
rlm@46 13399 if(ax !== undefined || ay !== undefined){
rlm@46 13400 if(ax !== undefined && ay !== undefined){
rlm@46 13401 el.setLeftTop(ax, ay);
rlm@46 13402 }else if(ax !== undefined){
rlm@46 13403 el.setLeft(ax);
rlm@46 13404 }else if(ay !== undefined){
rlm@46 13405 el.setTop(ay);
rlm@46 13406 }
rlm@46 13407 this.onPosition(ax, ay);
rlm@46 13408 this.fireEvent('move', this, ax, ay);
rlm@46 13409 }
rlm@46 13410 return this;
rlm@46 13411 },
rlm@46 13412
rlm@46 13413
rlm@46 13414 setPagePosition : function(x, y){
rlm@46 13415 if(x && typeof x[1] == 'number'){
rlm@46 13416 y = x[1];
rlm@46 13417 x = x[0];
rlm@46 13418 }
rlm@46 13419 this.pageX = x;
rlm@46 13420 this.pageY = y;
rlm@46 13421 if(!this.boxReady){
rlm@46 13422 return;
rlm@46 13423 }
rlm@46 13424 if(x === undefined || y === undefined){ return;
rlm@46 13425 }
rlm@46 13426 var p = this.el.translatePoints(x, y);
rlm@46 13427 this.setPosition(p.left, p.top);
rlm@46 13428 return this;
rlm@46 13429 },
rlm@46 13430
rlm@46 13431 onRender : function(ct, position){
rlm@46 13432 Ext.BoxComponent.superclass.onRender.call(this, ct, position);
rlm@46 13433 if(this.resizeEl){
rlm@46 13434 this.resizeEl = Ext.get(this.resizeEl);
rlm@46 13435 }
rlm@46 13436 if(this.positionEl){
rlm@46 13437 this.positionEl = Ext.get(this.positionEl);
rlm@46 13438 }
rlm@46 13439 },
rlm@46 13440
rlm@46 13441 afterRender : function(){
rlm@46 13442 Ext.BoxComponent.superclass.afterRender.call(this);
rlm@46 13443 this.boxReady = true;
rlm@46 13444 this.setSize(this.width, this.height);
rlm@46 13445 if(this.x || this.y){
rlm@46 13446 this.setPosition(this.x, this.y);
rlm@46 13447 }else if(this.pageX || this.pageY){
rlm@46 13448 this.setPagePosition(this.pageX, this.pageY);
rlm@46 13449 }
rlm@46 13450 },
rlm@46 13451
rlm@46 13452
rlm@46 13453 syncSize : function(){
rlm@46 13454 delete this.lastSize;
rlm@46 13455 this.setSize(this.autoWidth ? undefined : this.el.getWidth(), this.autoHeight ? undefined : this.el.getHeight());
rlm@46 13456 return this;
rlm@46 13457 },
rlm@46 13458
rlm@46 13459
rlm@46 13460 onResize : function(adjWidth, adjHeight, rawWidth, rawHeight){
rlm@46 13461
rlm@46 13462 },
rlm@46 13463
rlm@46 13464
rlm@46 13465 onPosition : function(x, y){
rlm@46 13466
rlm@46 13467 },
rlm@46 13468
rlm@46 13469 adjustSize : function(w, h){
rlm@46 13470 if(this.autoWidth){
rlm@46 13471 w = 'auto';
rlm@46 13472 }
rlm@46 13473 if(this.autoHeight){
rlm@46 13474 h = 'auto';
rlm@46 13475 }
rlm@46 13476 return {width : w, height: h};
rlm@46 13477 },
rlm@46 13478
rlm@46 13479 adjustPosition : function(x, y){
rlm@46 13480 return {x : x, y: y};
rlm@46 13481 }
rlm@46 13482 });
rlm@46 13483 Ext.reg('box', Ext.BoxComponent);
rlm@46 13484
rlm@46 13485 Ext.SplitBar = function(dragElement, resizingElement, orientation, placement, existingProxy){
rlm@46 13486
rlm@46 13487
rlm@46 13488 this.el = Ext.get(dragElement, true);
rlm@46 13489 this.el.dom.unselectable = "on";
rlm@46 13490
rlm@46 13491 this.resizingEl = Ext.get(resizingElement, true);
rlm@46 13492
rlm@46 13493
rlm@46 13494 this.orientation = orientation || Ext.SplitBar.HORIZONTAL;
rlm@46 13495
rlm@46 13496
rlm@46 13497 this.minSize = 0;
rlm@46 13498
rlm@46 13499
rlm@46 13500 this.maxSize = 2000;
rlm@46 13501
rlm@46 13502
rlm@46 13503 this.animate = false;
rlm@46 13504
rlm@46 13505
rlm@46 13506 this.useShim = false;
rlm@46 13507
rlm@46 13508
rlm@46 13509 this.shim = null;
rlm@46 13510
rlm@46 13511 if(!existingProxy){
rlm@46 13512
rlm@46 13513 this.proxy = Ext.SplitBar.createProxy(this.orientation);
rlm@46 13514 }else{
rlm@46 13515 this.proxy = Ext.get(existingProxy).dom;
rlm@46 13516 }
rlm@46 13517
rlm@46 13518 this.dd = new Ext.dd.DDProxy(this.el.dom.id, "XSplitBars", {dragElId : this.proxy.id});
rlm@46 13519
rlm@46 13520
rlm@46 13521 this.dd.b4StartDrag = this.onStartProxyDrag.createDelegate(this);
rlm@46 13522
rlm@46 13523
rlm@46 13524 this.dd.endDrag = this.onEndProxyDrag.createDelegate(this);
rlm@46 13525
rlm@46 13526
rlm@46 13527 this.dragSpecs = {};
rlm@46 13528
rlm@46 13529
rlm@46 13530 this.adapter = new Ext.SplitBar.BasicLayoutAdapter();
rlm@46 13531 this.adapter.init(this);
rlm@46 13532
rlm@46 13533 if(this.orientation == Ext.SplitBar.HORIZONTAL){
rlm@46 13534
rlm@46 13535 this.placement = placement || (this.el.getX() > this.resizingEl.getX() ? Ext.SplitBar.LEFT : Ext.SplitBar.RIGHT);
rlm@46 13536 this.el.addClass("x-splitbar-h");
rlm@46 13537 }else{
rlm@46 13538
rlm@46 13539 this.placement = placement || (this.el.getY() > this.resizingEl.getY() ? Ext.SplitBar.TOP : Ext.SplitBar.BOTTOM);
rlm@46 13540 this.el.addClass("x-splitbar-v");
rlm@46 13541 }
rlm@46 13542
rlm@46 13543 this.addEvents(
rlm@46 13544
rlm@46 13545 "resize",
rlm@46 13546
rlm@46 13547 "moved",
rlm@46 13548
rlm@46 13549 "beforeresize",
rlm@46 13550
rlm@46 13551 "beforeapply"
rlm@46 13552 );
rlm@46 13553
rlm@46 13554 Ext.SplitBar.superclass.constructor.call(this);
rlm@46 13555 };
rlm@46 13556
rlm@46 13557 Ext.extend(Ext.SplitBar, Ext.util.Observable, {
rlm@46 13558 onStartProxyDrag : function(x, y){
rlm@46 13559 this.fireEvent("beforeresize", this);
rlm@46 13560 this.overlay = Ext.DomHelper.append(document.body, {cls: "x-drag-overlay", html: "&#160;"}, true);
rlm@46 13561 this.overlay.unselectable();
rlm@46 13562 this.overlay.setSize(Ext.lib.Dom.getViewWidth(true), Ext.lib.Dom.getViewHeight(true));
rlm@46 13563 this.overlay.show();
rlm@46 13564 Ext.get(this.proxy).setDisplayed("block");
rlm@46 13565 var size = this.adapter.getElementSize(this);
rlm@46 13566 this.activeMinSize = this.getMinimumSize();;
rlm@46 13567 this.activeMaxSize = this.getMaximumSize();;
rlm@46 13568 var c1 = size - this.activeMinSize;
rlm@46 13569 var c2 = Math.max(this.activeMaxSize - size, 0);
rlm@46 13570 if(this.orientation == Ext.SplitBar.HORIZONTAL){
rlm@46 13571 this.dd.resetConstraints();
rlm@46 13572 this.dd.setXConstraint(
rlm@46 13573 this.placement == Ext.SplitBar.LEFT ? c1 : c2,
rlm@46 13574 this.placement == Ext.SplitBar.LEFT ? c2 : c1
rlm@46 13575 );
rlm@46 13576 this.dd.setYConstraint(0, 0);
rlm@46 13577 }else{
rlm@46 13578 this.dd.resetConstraints();
rlm@46 13579 this.dd.setXConstraint(0, 0);
rlm@46 13580 this.dd.setYConstraint(
rlm@46 13581 this.placement == Ext.SplitBar.TOP ? c1 : c2,
rlm@46 13582 this.placement == Ext.SplitBar.TOP ? c2 : c1
rlm@46 13583 );
rlm@46 13584 }
rlm@46 13585 this.dragSpecs.startSize = size;
rlm@46 13586 this.dragSpecs.startPoint = [x, y];
rlm@46 13587 Ext.dd.DDProxy.prototype.b4StartDrag.call(this.dd, x, y);
rlm@46 13588 },
rlm@46 13589
rlm@46 13590
rlm@46 13591 onEndProxyDrag : function(e){
rlm@46 13592 Ext.get(this.proxy).setDisplayed(false);
rlm@46 13593 var endPoint = Ext.lib.Event.getXY(e);
rlm@46 13594 if(this.overlay){
rlm@46 13595 this.overlay.remove();
rlm@46 13596 delete this.overlay;
rlm@46 13597 }
rlm@46 13598 var newSize;
rlm@46 13599 if(this.orientation == Ext.SplitBar.HORIZONTAL){
rlm@46 13600 newSize = this.dragSpecs.startSize +
rlm@46 13601 (this.placement == Ext.SplitBar.LEFT ?
rlm@46 13602 endPoint[0] - this.dragSpecs.startPoint[0] :
rlm@46 13603 this.dragSpecs.startPoint[0] - endPoint[0]
rlm@46 13604 );
rlm@46 13605 }else{
rlm@46 13606 newSize = this.dragSpecs.startSize +
rlm@46 13607 (this.placement == Ext.SplitBar.TOP ?
rlm@46 13608 endPoint[1] - this.dragSpecs.startPoint[1] :
rlm@46 13609 this.dragSpecs.startPoint[1] - endPoint[1]
rlm@46 13610 );
rlm@46 13611 }
rlm@46 13612 newSize = Math.min(Math.max(newSize, this.activeMinSize), this.activeMaxSize);
rlm@46 13613 if(newSize != this.dragSpecs.startSize){
rlm@46 13614 if(this.fireEvent('beforeapply', this, newSize) !== false){
rlm@46 13615 this.adapter.setElementSize(this, newSize);
rlm@46 13616 this.fireEvent("moved", this, newSize);
rlm@46 13617 this.fireEvent("resize", this, newSize);
rlm@46 13618 }
rlm@46 13619 }
rlm@46 13620 },
rlm@46 13621
rlm@46 13622
rlm@46 13623 getAdapter : function(){
rlm@46 13624 return this.adapter;
rlm@46 13625 },
rlm@46 13626
rlm@46 13627
rlm@46 13628 setAdapter : function(adapter){
rlm@46 13629 this.adapter = adapter;
rlm@46 13630 this.adapter.init(this);
rlm@46 13631 },
rlm@46 13632
rlm@46 13633
rlm@46 13634 getMinimumSize : function(){
rlm@46 13635 return this.minSize;
rlm@46 13636 },
rlm@46 13637
rlm@46 13638
rlm@46 13639 setMinimumSize : function(minSize){
rlm@46 13640 this.minSize = minSize;
rlm@46 13641 },
rlm@46 13642
rlm@46 13643
rlm@46 13644 getMaximumSize : function(){
rlm@46 13645 return this.maxSize;
rlm@46 13646 },
rlm@46 13647
rlm@46 13648
rlm@46 13649 setMaximumSize : function(maxSize){
rlm@46 13650 this.maxSize = maxSize;
rlm@46 13651 },
rlm@46 13652
rlm@46 13653
rlm@46 13654 setCurrentSize : function(size){
rlm@46 13655 var oldAnimate = this.animate;
rlm@46 13656 this.animate = false;
rlm@46 13657 this.adapter.setElementSize(this, size);
rlm@46 13658 this.animate = oldAnimate;
rlm@46 13659 },
rlm@46 13660
rlm@46 13661
rlm@46 13662 destroy : function(removeEl){
rlm@46 13663 if(this.shim){
rlm@46 13664 this.shim.remove();
rlm@46 13665 }
rlm@46 13666 this.dd.unreg();
rlm@46 13667 Ext.removeNode(this.proxy);
rlm@46 13668 if(removeEl){
rlm@46 13669 this.el.remove();
rlm@46 13670 }
rlm@46 13671 }
rlm@46 13672 });
rlm@46 13673
rlm@46 13674
rlm@46 13675 Ext.SplitBar.createProxy = function(dir){
rlm@46 13676 var proxy = new Ext.Element(document.createElement("div"));
rlm@46 13677 proxy.unselectable();
rlm@46 13678 var cls = 'x-splitbar-proxy';
rlm@46 13679 proxy.addClass(cls + ' ' + (dir == Ext.SplitBar.HORIZONTAL ? cls +'-h' : cls + '-v'));
rlm@46 13680 document.body.appendChild(proxy.dom);
rlm@46 13681 return proxy.dom;
rlm@46 13682 };
rlm@46 13683
rlm@46 13684
rlm@46 13685 Ext.SplitBar.BasicLayoutAdapter = function(){
rlm@46 13686 };
rlm@46 13687
rlm@46 13688 Ext.SplitBar.BasicLayoutAdapter.prototype = {
rlm@46 13689
rlm@46 13690 init : function(s){
rlm@46 13691
rlm@46 13692 },
rlm@46 13693
rlm@46 13694 getElementSize : function(s){
rlm@46 13695 if(s.orientation == Ext.SplitBar.HORIZONTAL){
rlm@46 13696 return s.resizingEl.getWidth();
rlm@46 13697 }else{
rlm@46 13698 return s.resizingEl.getHeight();
rlm@46 13699 }
rlm@46 13700 },
rlm@46 13701
rlm@46 13702
rlm@46 13703 setElementSize : function(s, newSize, onComplete){
rlm@46 13704 if(s.orientation == Ext.SplitBar.HORIZONTAL){
rlm@46 13705 if(!s.animate){
rlm@46 13706 s.resizingEl.setWidth(newSize);
rlm@46 13707 if(onComplete){
rlm@46 13708 onComplete(s, newSize);
rlm@46 13709 }
rlm@46 13710 }else{
rlm@46 13711 s.resizingEl.setWidth(newSize, true, .1, onComplete, 'easeOut');
rlm@46 13712 }
rlm@46 13713 }else{
rlm@46 13714
rlm@46 13715 if(!s.animate){
rlm@46 13716 s.resizingEl.setHeight(newSize);
rlm@46 13717 if(onComplete){
rlm@46 13718 onComplete(s, newSize);
rlm@46 13719 }
rlm@46 13720 }else{
rlm@46 13721 s.resizingEl.setHeight(newSize, true, .1, onComplete, 'easeOut');
rlm@46 13722 }
rlm@46 13723 }
rlm@46 13724 }
rlm@46 13725 };
rlm@46 13726
rlm@46 13727
rlm@46 13728 Ext.SplitBar.AbsoluteLayoutAdapter = function(container){
rlm@46 13729 this.basic = new Ext.SplitBar.BasicLayoutAdapter();
rlm@46 13730 this.container = Ext.get(container);
rlm@46 13731 };
rlm@46 13732
rlm@46 13733 Ext.SplitBar.AbsoluteLayoutAdapter.prototype = {
rlm@46 13734 init : function(s){
rlm@46 13735 this.basic.init(s);
rlm@46 13736 },
rlm@46 13737
rlm@46 13738 getElementSize : function(s){
rlm@46 13739 return this.basic.getElementSize(s);
rlm@46 13740 },
rlm@46 13741
rlm@46 13742 setElementSize : function(s, newSize, onComplete){
rlm@46 13743 this.basic.setElementSize(s, newSize, this.moveSplitter.createDelegate(this, [s]));
rlm@46 13744 },
rlm@46 13745
rlm@46 13746 moveSplitter : function(s){
rlm@46 13747 var yes = Ext.SplitBar;
rlm@46 13748 switch(s.placement){
rlm@46 13749 case yes.LEFT:
rlm@46 13750 s.el.setX(s.resizingEl.getRight());
rlm@46 13751 break;
rlm@46 13752 case yes.RIGHT:
rlm@46 13753 s.el.setStyle("right", (this.container.getWidth() - s.resizingEl.getLeft()) + "px");
rlm@46 13754 break;
rlm@46 13755 case yes.TOP:
rlm@46 13756 s.el.setY(s.resizingEl.getBottom());
rlm@46 13757 break;
rlm@46 13758 case yes.BOTTOM:
rlm@46 13759 s.el.setY(s.resizingEl.getTop() - s.el.getHeight());
rlm@46 13760 break;
rlm@46 13761 }
rlm@46 13762 }
rlm@46 13763 };
rlm@46 13764
rlm@46 13765
rlm@46 13766 Ext.SplitBar.VERTICAL = 1;
rlm@46 13767
rlm@46 13768
rlm@46 13769 Ext.SplitBar.HORIZONTAL = 2;
rlm@46 13770
rlm@46 13771
rlm@46 13772 Ext.SplitBar.LEFT = 1;
rlm@46 13773
rlm@46 13774
rlm@46 13775 Ext.SplitBar.RIGHT = 2;
rlm@46 13776
rlm@46 13777
rlm@46 13778 Ext.SplitBar.TOP = 3;
rlm@46 13779
rlm@46 13780
rlm@46 13781 Ext.SplitBar.BOTTOM = 4;
rlm@46 13782
rlm@46 13783
rlm@46 13784 Ext.Container = Ext.extend(Ext.BoxComponent, {
rlm@46 13785
rlm@46 13786
rlm@46 13787
rlm@46 13788
rlm@46 13789
rlm@46 13790
rlm@46 13791
rlm@46 13792
rlm@46 13793
rlm@46 13794 autoDestroy: true,
rlm@46 13795
rlm@46 13796
rlm@46 13797 defaultType: 'panel',
rlm@46 13798
rlm@46 13799 initComponent : function(){
rlm@46 13800 Ext.Container.superclass.initComponent.call(this);
rlm@46 13801
rlm@46 13802 this.addEvents(
rlm@46 13803
rlm@46 13804 'afterlayout',
rlm@46 13805
rlm@46 13806 'beforeadd',
rlm@46 13807
rlm@46 13808 'beforeremove',
rlm@46 13809
rlm@46 13810 'add',
rlm@46 13811
rlm@46 13812 'remove'
rlm@46 13813 );
rlm@46 13814
rlm@46 13815
rlm@46 13816 var items = this.items;
rlm@46 13817 if(items){
rlm@46 13818 delete this.items;
rlm@46 13819 if(Ext.isArray(items)){
rlm@46 13820 this.add.apply(this, items);
rlm@46 13821 }else{
rlm@46 13822 this.add(items);
rlm@46 13823 }
rlm@46 13824 }
rlm@46 13825 },
rlm@46 13826
rlm@46 13827 initItems : function(){
rlm@46 13828 if(!this.items){
rlm@46 13829 this.items = new Ext.util.MixedCollection(false, this.getComponentId);
rlm@46 13830 this.getLayout(); }
rlm@46 13831 },
rlm@46 13832
rlm@46 13833 setLayout : function(layout){
rlm@46 13834 if(this.layout && this.layout != layout){
rlm@46 13835 this.layout.setContainer(null);
rlm@46 13836 }
rlm@46 13837 this.initItems();
rlm@46 13838 this.layout = layout;
rlm@46 13839 layout.setContainer(this);
rlm@46 13840 },
rlm@46 13841
rlm@46 13842 render : function(){
rlm@46 13843 Ext.Container.superclass.render.apply(this, arguments);
rlm@46 13844 if(this.layout){
rlm@46 13845 if(typeof this.layout == 'string'){
rlm@46 13846 this.layout = new Ext.Container.LAYOUTS[this.layout.toLowerCase()](this.layoutConfig);
rlm@46 13847 }
rlm@46 13848 this.setLayout(this.layout);
rlm@46 13849
rlm@46 13850 if(this.activeItem !== undefined){
rlm@46 13851 var item = this.activeItem;
rlm@46 13852 delete this.activeItem;
rlm@46 13853 this.layout.setActiveItem(item);
rlm@46 13854 return;
rlm@46 13855 }
rlm@46 13856 }
rlm@46 13857 if(!this.ownerCt){
rlm@46 13858 this.doLayout();
rlm@46 13859 }
rlm@46 13860 if(this.monitorResize === true){
rlm@46 13861 Ext.EventManager.onWindowResize(this.doLayout, this, [false]);
rlm@46 13862 }
rlm@46 13863 },
rlm@46 13864
rlm@46 13865 getLayoutTarget : function(){
rlm@46 13866 return this.el;
rlm@46 13867 },
rlm@46 13868
rlm@46 13869 getComponentId : function(comp){
rlm@46 13870 return comp.itemId || comp.id;
rlm@46 13871 },
rlm@46 13872
rlm@46 13873
rlm@46 13874 add : function(comp){
rlm@46 13875 if(!this.items){
rlm@46 13876 this.initItems();
rlm@46 13877 }
rlm@46 13878 var a = arguments, len = a.length;
rlm@46 13879 if(len > 1){
rlm@46 13880 for(var i = 0; i < len; i++) {
rlm@46 13881 this.add(a[i]);
rlm@46 13882 }
rlm@46 13883 return;
rlm@46 13884 }
rlm@46 13885 var c = this.lookupComponent(this.applyDefaults(comp));
rlm@46 13886 var pos = this.items.length;
rlm@46 13887 if(this.fireEvent('beforeadd', this, c, pos) !== false && this.onBeforeAdd(c) !== false){
rlm@46 13888 this.items.add(c);
rlm@46 13889 c.ownerCt = this;
rlm@46 13890 this.fireEvent('add', this, c, pos);
rlm@46 13891 }
rlm@46 13892 return c;
rlm@46 13893 },
rlm@46 13894
rlm@46 13895
rlm@46 13896 insert : function(index, comp){
rlm@46 13897 if(!this.items){
rlm@46 13898 this.initItems();
rlm@46 13899 }
rlm@46 13900 var a = arguments, len = a.length;
rlm@46 13901 if(len > 2){
rlm@46 13902 for(var i = len-1; i >= 1; --i) {
rlm@46 13903 this.insert(index, a[i]);
rlm@46 13904 }
rlm@46 13905 return;
rlm@46 13906 }
rlm@46 13907 var c = this.lookupComponent(this.applyDefaults(comp));
rlm@46 13908
rlm@46 13909 if(c.ownerCt == this && this.items.indexOf(c) < index){
rlm@46 13910 --index;
rlm@46 13911 }
rlm@46 13912
rlm@46 13913 if(this.fireEvent('beforeadd', this, c, index) !== false && this.onBeforeAdd(c) !== false){
rlm@46 13914 this.items.insert(index, c);
rlm@46 13915 c.ownerCt = this;
rlm@46 13916 this.fireEvent('add', this, c, index);
rlm@46 13917 }
rlm@46 13918 return c;
rlm@46 13919 },
rlm@46 13920
rlm@46 13921 applyDefaults : function(c){
rlm@46 13922 if(this.defaults){
rlm@46 13923 if(typeof c == 'string'){
rlm@46 13924 c = Ext.ComponentMgr.get(c);
rlm@46 13925 Ext.apply(c, this.defaults);
rlm@46 13926 }else if(!c.events){
rlm@46 13927 Ext.applyIf(c, this.defaults);
rlm@46 13928 }else{
rlm@46 13929 Ext.apply(c, this.defaults);
rlm@46 13930 }
rlm@46 13931 }
rlm@46 13932 return c;
rlm@46 13933 },
rlm@46 13934
rlm@46 13935 onBeforeAdd : function(item){
rlm@46 13936 if(item.ownerCt){
rlm@46 13937 item.ownerCt.remove(item, false);
rlm@46 13938 }
rlm@46 13939 if(this.hideBorders === true){
rlm@46 13940 item.border = (item.border === true);
rlm@46 13941 }
rlm@46 13942 },
rlm@46 13943
rlm@46 13944
rlm@46 13945 remove : function(comp, autoDestroy){
rlm@46 13946 var c = this.getComponent(comp);
rlm@46 13947 if(c && this.fireEvent('beforeremove', this, c) !== false){
rlm@46 13948 this.items.remove(c);
rlm@46 13949 delete c.ownerCt;
rlm@46 13950 if(autoDestroy === true || (autoDestroy !== false && this.autoDestroy)){
rlm@46 13951 c.destroy();
rlm@46 13952 }
rlm@46 13953 if(this.layout && this.layout.activeItem == c){
rlm@46 13954 delete this.layout.activeItem;
rlm@46 13955 }
rlm@46 13956 this.fireEvent('remove', this, c);
rlm@46 13957 }
rlm@46 13958 return c;
rlm@46 13959 },
rlm@46 13960
rlm@46 13961
rlm@46 13962 getComponent : function(comp){
rlm@46 13963 if(typeof comp == 'object'){
rlm@46 13964 return comp;
rlm@46 13965 }
rlm@46 13966 return this.items.get(comp);
rlm@46 13967 },
rlm@46 13968
rlm@46 13969 lookupComponent : function(comp){
rlm@46 13970 if(typeof comp == 'string'){
rlm@46 13971 return Ext.ComponentMgr.get(comp);
rlm@46 13972 }else if(!comp.events){
rlm@46 13973 return this.createComponent(comp);
rlm@46 13974 }
rlm@46 13975 return comp;
rlm@46 13976 },
rlm@46 13977
rlm@46 13978 createComponent : function(config){
rlm@46 13979 return Ext.ComponentMgr.create(config, this.defaultType);
rlm@46 13980 },
rlm@46 13981
rlm@46 13982
rlm@46 13983 doLayout : function(shallow){
rlm@46 13984 if(this.rendered && this.layout){
rlm@46 13985 this.layout.layout();
rlm@46 13986 }
rlm@46 13987 if(shallow !== false && this.items){
rlm@46 13988 var cs = this.items.items;
rlm@46 13989 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 13990 var c = cs[i];
rlm@46 13991 if(c.doLayout){
rlm@46 13992 c.doLayout();
rlm@46 13993 }
rlm@46 13994 }
rlm@46 13995 }
rlm@46 13996 },
rlm@46 13997
rlm@46 13998
rlm@46 13999 getLayout : function(){
rlm@46 14000 if(!this.layout){
rlm@46 14001 var layout = new Ext.layout.ContainerLayout(this.layoutConfig);
rlm@46 14002 this.setLayout(layout);
rlm@46 14003 }
rlm@46 14004 return this.layout;
rlm@46 14005 },
rlm@46 14006
rlm@46 14007 onDestroy : function(){
rlm@46 14008 if(this.items){
rlm@46 14009 var cs = this.items.items;
rlm@46 14010 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 14011 Ext.destroy(cs[i]);
rlm@46 14012 }
rlm@46 14013 }
rlm@46 14014 if(this.monitorResize){
rlm@46 14015 Ext.EventManager.removeResizeListener(this.doLayout, this);
rlm@46 14016 }
rlm@46 14017 Ext.Container.superclass.onDestroy.call(this);
rlm@46 14018 },
rlm@46 14019
rlm@46 14020
rlm@46 14021 bubble : function(fn, scope, args){
rlm@46 14022 var p = this;
rlm@46 14023 while(p){
rlm@46 14024 if(fn.apply(scope || p, args || [p]) === false){
rlm@46 14025 break;
rlm@46 14026 }
rlm@46 14027 p = p.ownerCt;
rlm@46 14028 }
rlm@46 14029 },
rlm@46 14030
rlm@46 14031
rlm@46 14032 cascade : function(fn, scope, args){
rlm@46 14033 if(fn.apply(scope || this, args || [this]) !== false){
rlm@46 14034 if(this.items){
rlm@46 14035 var cs = this.items.items;
rlm@46 14036 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 14037 if(cs[i].cascade){
rlm@46 14038 cs[i].cascade(fn, scope, args);
rlm@46 14039 }else{
rlm@46 14040 fn.apply(scope || this, args || [cs[i]]);
rlm@46 14041 }
rlm@46 14042 }
rlm@46 14043 }
rlm@46 14044 }
rlm@46 14045 },
rlm@46 14046
rlm@46 14047
rlm@46 14048 findById : function(id){
rlm@46 14049 var m, ct = this;
rlm@46 14050 this.cascade(function(c){
rlm@46 14051 if(ct != c && c.id === id){
rlm@46 14052 m = c;
rlm@46 14053 return false;
rlm@46 14054 }
rlm@46 14055 });
rlm@46 14056 return m || null;
rlm@46 14057 },
rlm@46 14058
rlm@46 14059
rlm@46 14060 findByType : function(xtype){
rlm@46 14061 return typeof xtype == 'function' ?
rlm@46 14062 this.findBy(function(c){
rlm@46 14063 return c.constructor === xtype;
rlm@46 14064 }) :
rlm@46 14065 this.findBy(function(c){
rlm@46 14066 return c.constructor.xtype === xtype;
rlm@46 14067 });
rlm@46 14068 },
rlm@46 14069
rlm@46 14070
rlm@46 14071 find : function(prop, value){
rlm@46 14072 return this.findBy(function(c){
rlm@46 14073 return c[prop] === value;
rlm@46 14074 });
rlm@46 14075 },
rlm@46 14076
rlm@46 14077
rlm@46 14078 findBy : function(fn, scope){
rlm@46 14079 var m = [], ct = this;
rlm@46 14080 this.cascade(function(c){
rlm@46 14081 if(ct != c && fn.call(scope || c, c, ct) === true){
rlm@46 14082 m.push(c);
rlm@46 14083 }
rlm@46 14084 });
rlm@46 14085 return m;
rlm@46 14086 }
rlm@46 14087 });
rlm@46 14088
rlm@46 14089 Ext.Container.LAYOUTS = {};
rlm@46 14090 Ext.reg('container', Ext.Container);
rlm@46 14091
rlm@46 14092 Ext.layout.ContainerLayout = function(config){
rlm@46 14093 Ext.apply(this, config);
rlm@46 14094 };
rlm@46 14095
rlm@46 14096 Ext.layout.ContainerLayout.prototype = {
rlm@46 14097
rlm@46 14098
rlm@46 14099
rlm@46 14100
rlm@46 14101
rlm@46 14102 monitorResize:false,
rlm@46 14103 activeItem : null,
rlm@46 14104
rlm@46 14105 layout : function(){
rlm@46 14106 var target = this.container.getLayoutTarget();
rlm@46 14107 this.onLayout(this.container, target);
rlm@46 14108 this.container.fireEvent('afterlayout', this.container, this);
rlm@46 14109 },
rlm@46 14110
rlm@46 14111 onLayout : function(ct, target){
rlm@46 14112 this.renderAll(ct, target);
rlm@46 14113 },
rlm@46 14114
rlm@46 14115 isValidParent : function(c, target){
rlm@46 14116 var el = c.getPositionEl ? c.getPositionEl() : c.getEl();
rlm@46 14117 return el.dom.parentNode == target.dom;
rlm@46 14118 },
rlm@46 14119
rlm@46 14120 renderAll : function(ct, target){
rlm@46 14121 var items = ct.items.items;
rlm@46 14122 for(var i = 0, len = items.length; i < len; i++) {
rlm@46 14123 var c = items[i];
rlm@46 14124 if(c && (!c.rendered || !this.isValidParent(c, target))){
rlm@46 14125 this.renderItem(c, i, target);
rlm@46 14126 }
rlm@46 14127 }
rlm@46 14128 },
rlm@46 14129
rlm@46 14130 renderItem : function(c, position, target){
rlm@46 14131 if(c && !c.rendered){
rlm@46 14132 c.render(target, position);
rlm@46 14133 if(this.extraCls){
rlm@46 14134 var t = c.getPositionEl ? c.getPositionEl() : c;
rlm@46 14135 t.addClass(this.extraCls);
rlm@46 14136 }
rlm@46 14137 if (this.renderHidden && c != this.activeItem) {
rlm@46 14138 c.hide();
rlm@46 14139 }
rlm@46 14140 }else if(c && !this.isValidParent(c, target)){
rlm@46 14141 if(this.extraCls){
rlm@46 14142 c.addClass(this.extraCls);
rlm@46 14143 }
rlm@46 14144 if(typeof position == 'number'){
rlm@46 14145 position = target.dom.childNodes[position];
rlm@46 14146 }
rlm@46 14147 target.dom.insertBefore(c.getEl().dom, position || null);
rlm@46 14148 if (this.renderHidden && c != this.activeItem) {
rlm@46 14149 c.hide();
rlm@46 14150 }
rlm@46 14151 }
rlm@46 14152 },
rlm@46 14153
rlm@46 14154 onResize: function(){
rlm@46 14155 if(this.container.collapsed){
rlm@46 14156 return;
rlm@46 14157 }
rlm@46 14158 var b = this.container.bufferResize;
rlm@46 14159 if(b){
rlm@46 14160 if(!this.resizeTask){
rlm@46 14161 this.resizeTask = new Ext.util.DelayedTask(this.layout, this);
rlm@46 14162 this.resizeBuffer = typeof b == 'number' ? b : 100;
rlm@46 14163 }
rlm@46 14164 this.resizeTask.delay(this.resizeBuffer);
rlm@46 14165 }else{
rlm@46 14166 this.layout();
rlm@46 14167 }
rlm@46 14168 },
rlm@46 14169
rlm@46 14170 setContainer : function(ct){
rlm@46 14171 if(this.monitorResize && ct != this.container){
rlm@46 14172 if(this.container){
rlm@46 14173 this.container.un('resize', this.onResize, this);
rlm@46 14174 }
rlm@46 14175 if(ct){
rlm@46 14176 ct.on('resize', this.onResize, this);
rlm@46 14177 }
rlm@46 14178 }
rlm@46 14179 this.container = ct;
rlm@46 14180 },
rlm@46 14181
rlm@46 14182 parseMargins : function(v){
rlm@46 14183 var ms = v.split(' ');
rlm@46 14184 var len = ms.length;
rlm@46 14185 if(len == 1){
rlm@46 14186 ms[1] = ms[0];
rlm@46 14187 ms[2] = ms[0];
rlm@46 14188 ms[3] = ms[0];
rlm@46 14189 }
rlm@46 14190 if(len == 2){
rlm@46 14191 ms[2] = ms[0];
rlm@46 14192 ms[3] = ms[1];
rlm@46 14193 }
rlm@46 14194 return {
rlm@46 14195 top:parseInt(ms[0], 10) || 0,
rlm@46 14196 right:parseInt(ms[1], 10) || 0,
rlm@46 14197 bottom:parseInt(ms[2], 10) || 0,
rlm@46 14198 left:parseInt(ms[3], 10) || 0
rlm@46 14199 };
rlm@46 14200 }
rlm@46 14201 };
rlm@46 14202 Ext.Container.LAYOUTS['auto'] = Ext.layout.ContainerLayout;
rlm@46 14203
rlm@46 14204 Ext.layout.FitLayout = Ext.extend(Ext.layout.ContainerLayout, {
rlm@46 14205
rlm@46 14206 monitorResize:true,
rlm@46 14207
rlm@46 14208
rlm@46 14209 onLayout : function(ct, target){
rlm@46 14210 Ext.layout.FitLayout.superclass.onLayout.call(this, ct, target);
rlm@46 14211 if(!this.container.collapsed){
rlm@46 14212 this.setItemSize(this.activeItem || ct.items.itemAt(0), target.getStyleSize());
rlm@46 14213 }
rlm@46 14214 },
rlm@46 14215
rlm@46 14216
rlm@46 14217 setItemSize : function(item, size){
rlm@46 14218 if(item && size.height > 0){
rlm@46 14219 item.setSize(size);
rlm@46 14220 }
rlm@46 14221 }
rlm@46 14222 });
rlm@46 14223 Ext.Container.LAYOUTS['fit'] = Ext.layout.FitLayout;
rlm@46 14224
rlm@46 14225 Ext.layout.CardLayout = Ext.extend(Ext.layout.FitLayout, {
rlm@46 14226
rlm@46 14227 deferredRender : false,
rlm@46 14228
rlm@46 14229
rlm@46 14230 renderHidden : true,
rlm@46 14231
rlm@46 14232
rlm@46 14233 setActiveItem : function(item){
rlm@46 14234 item = this.container.getComponent(item);
rlm@46 14235 if(this.activeItem != item){
rlm@46 14236 if(this.activeItem){
rlm@46 14237 this.activeItem.hide();
rlm@46 14238 }
rlm@46 14239 this.activeItem = item;
rlm@46 14240 item.show();
rlm@46 14241 this.layout();
rlm@46 14242 }
rlm@46 14243 },
rlm@46 14244
rlm@46 14245
rlm@46 14246 renderAll : function(ct, target){
rlm@46 14247 if(this.deferredRender){
rlm@46 14248 this.renderItem(this.activeItem, undefined, target);
rlm@46 14249 }else{
rlm@46 14250 Ext.layout.CardLayout.superclass.renderAll.call(this, ct, target);
rlm@46 14251 }
rlm@46 14252 }
rlm@46 14253 });
rlm@46 14254 Ext.Container.LAYOUTS['card'] = Ext.layout.CardLayout;
rlm@46 14255
rlm@46 14256 Ext.layout.AnchorLayout = Ext.extend(Ext.layout.ContainerLayout, {
rlm@46 14257
rlm@46 14258 monitorResize:true,
rlm@46 14259
rlm@46 14260
rlm@46 14261 getAnchorViewSize : function(ct, target){
rlm@46 14262 return target.dom == document.body ?
rlm@46 14263 target.getViewSize() : target.getStyleSize();
rlm@46 14264 },
rlm@46 14265
rlm@46 14266
rlm@46 14267 onLayout : function(ct, target){
rlm@46 14268 Ext.layout.AnchorLayout.superclass.onLayout.call(this, ct, target);
rlm@46 14269
rlm@46 14270 var size = this.getAnchorViewSize(ct, target);
rlm@46 14271
rlm@46 14272 var w = size.width, h = size.height;
rlm@46 14273
rlm@46 14274 if(w < 20 || h < 20){
rlm@46 14275 return;
rlm@46 14276 }
rlm@46 14277
rlm@46 14278
rlm@46 14279 var aw, ah;
rlm@46 14280 if(ct.anchorSize){
rlm@46 14281 if(typeof ct.anchorSize == 'number'){
rlm@46 14282 aw = ct.anchorSize;
rlm@46 14283 }else{
rlm@46 14284 aw = ct.anchorSize.width;
rlm@46 14285 ah = ct.anchorSize.height;
rlm@46 14286 }
rlm@46 14287 }else{
rlm@46 14288 aw = ct.initialConfig.width;
rlm@46 14289 ah = ct.initialConfig.height;
rlm@46 14290 }
rlm@46 14291
rlm@46 14292 var cs = ct.items.items, len = cs.length, i, c, a, cw, ch;
rlm@46 14293 for(i = 0; i < len; i++){
rlm@46 14294 c = cs[i];
rlm@46 14295 if(c.anchor){
rlm@46 14296 a = c.anchorSpec;
rlm@46 14297 if(!a){
rlm@46 14298 var vs = c.anchor.split(' ');
rlm@46 14299 c.anchorSpec = a = {
rlm@46 14300 right: this.parseAnchor(vs[0], c.initialConfig.width, aw),
rlm@46 14301 bottom: this.parseAnchor(vs[1], c.initialConfig.height, ah)
rlm@46 14302 };
rlm@46 14303 }
rlm@46 14304 cw = a.right ? this.adjustWidthAnchor(a.right(w), c) : undefined;
rlm@46 14305 ch = a.bottom ? this.adjustHeightAnchor(a.bottom(h), c) : undefined;
rlm@46 14306
rlm@46 14307 if(cw || ch){
rlm@46 14308 c.setSize(cw || undefined, ch || undefined);
rlm@46 14309 }
rlm@46 14310 }
rlm@46 14311 }
rlm@46 14312 },
rlm@46 14313
rlm@46 14314
rlm@46 14315 parseAnchor : function(a, start, cstart){
rlm@46 14316 if(a && a != 'none'){
rlm@46 14317 var last;
rlm@46 14318 if(/^(r|right|b|bottom)$/i.test(a)){
rlm@46 14319 var diff = cstart - start;
rlm@46 14320 return function(v){
rlm@46 14321 if(v !== last){
rlm@46 14322 last = v;
rlm@46 14323 return v - diff;
rlm@46 14324 }
rlm@46 14325 }
rlm@46 14326 }else if(a.indexOf('%') != -1){
rlm@46 14327 var ratio = parseFloat(a.replace('%', ''))*.01;
rlm@46 14328 return function(v){
rlm@46 14329 if(v !== last){
rlm@46 14330 last = v;
rlm@46 14331 return Math.floor(v*ratio);
rlm@46 14332 }
rlm@46 14333 }
rlm@46 14334 }else{
rlm@46 14335 a = parseInt(a, 10);
rlm@46 14336 if(!isNaN(a)){
rlm@46 14337 return function(v){
rlm@46 14338 if(v !== last){
rlm@46 14339 last = v;
rlm@46 14340 return v + a;
rlm@46 14341 }
rlm@46 14342 }
rlm@46 14343 }
rlm@46 14344 }
rlm@46 14345 }
rlm@46 14346 return false;
rlm@46 14347 },
rlm@46 14348
rlm@46 14349
rlm@46 14350 adjustWidthAnchor : function(value, comp){
rlm@46 14351 return value;
rlm@46 14352 },
rlm@46 14353
rlm@46 14354
rlm@46 14355 adjustHeightAnchor : function(value, comp){
rlm@46 14356 return value;
rlm@46 14357 }
rlm@46 14358
rlm@46 14359
rlm@46 14360 });
rlm@46 14361 Ext.Container.LAYOUTS['anchor'] = Ext.layout.AnchorLayout;
rlm@46 14362
rlm@46 14363 Ext.layout.ColumnLayout = Ext.extend(Ext.layout.ContainerLayout, {
rlm@46 14364
rlm@46 14365 monitorResize:true,
rlm@46 14366
rlm@46 14367 extraCls: 'x-column',
rlm@46 14368
rlm@46 14369 scrollOffset : 0,
rlm@46 14370
rlm@46 14371
rlm@46 14372 isValidParent : function(c, target){
rlm@46 14373 return c.getEl().dom.parentNode == this.innerCt.dom;
rlm@46 14374 },
rlm@46 14375
rlm@46 14376
rlm@46 14377 onLayout : function(ct, target){
rlm@46 14378 var cs = ct.items.items, len = cs.length, c, i;
rlm@46 14379
rlm@46 14380 if(!this.innerCt){
rlm@46 14381 target.addClass('x-column-layout-ct');
rlm@46 14382
rlm@46 14383
rlm@46 14384
rlm@46 14385 this.innerCt = target.createChild({cls:'x-column-inner'});
rlm@46 14386 this.innerCt.createChild({cls:'x-clear'});
rlm@46 14387 }
rlm@46 14388 this.renderAll(ct, this.innerCt);
rlm@46 14389
rlm@46 14390 var size = target.getViewSize();
rlm@46 14391
rlm@46 14392 if(size.width < 1 && size.height < 1){
rlm@46 14393 return;
rlm@46 14394 }
rlm@46 14395
rlm@46 14396 var w = size.width - target.getPadding('lr') - this.scrollOffset,
rlm@46 14397 h = size.height - target.getPadding('tb'),
rlm@46 14398 pw = w;
rlm@46 14399
rlm@46 14400 this.innerCt.setWidth(w);
rlm@46 14401
rlm@46 14402
rlm@46 14403
rlm@46 14404
rlm@46 14405 for(i = 0; i < len; i++){
rlm@46 14406 c = cs[i];
rlm@46 14407 if(!c.columnWidth){
rlm@46 14408 pw -= (c.getSize().width + c.getEl().getMargins('lr'));
rlm@46 14409 }
rlm@46 14410 }
rlm@46 14411
rlm@46 14412 pw = pw < 0 ? 0 : pw;
rlm@46 14413
rlm@46 14414 for(i = 0; i < len; i++){
rlm@46 14415 c = cs[i];
rlm@46 14416 if(c.columnWidth){
rlm@46 14417 c.setSize(Math.floor(c.columnWidth*pw) - c.getEl().getMargins('lr'));
rlm@46 14418 }
rlm@46 14419 }
rlm@46 14420 }
rlm@46 14421
rlm@46 14422
rlm@46 14423 });
rlm@46 14424
rlm@46 14425 Ext.Container.LAYOUTS['column'] = Ext.layout.ColumnLayout;
rlm@46 14426
rlm@46 14427 Ext.layout.BorderLayout = Ext.extend(Ext.layout.ContainerLayout, {
rlm@46 14428 monitorResize:true,
rlm@46 14429 rendered : false,
rlm@46 14430
rlm@46 14431 onLayout : function(ct, target){
rlm@46 14432 var collapsed;
rlm@46 14433 if(!this.rendered){
rlm@46 14434 target.position();
rlm@46 14435 target.addClass('x-border-layout-ct');
rlm@46 14436 var items = ct.items.items;
rlm@46 14437 collapsed = [];
rlm@46 14438 for(var i = 0, len = items.length; i < len; i++) {
rlm@46 14439 var c = items[i];
rlm@46 14440 var pos = c.region;
rlm@46 14441 if(c.collapsed){
rlm@46 14442 collapsed.push(c);
rlm@46 14443 }
rlm@46 14444 c.collapsed = false;
rlm@46 14445 if(!c.rendered){
rlm@46 14446 c.cls = c.cls ? c.cls +' x-border-panel' : 'x-border-panel';
rlm@46 14447 c.render(target, i);
rlm@46 14448 }
rlm@46 14449 this[pos] = pos != 'center' && c.split ?
rlm@46 14450 new Ext.layout.BorderLayout.SplitRegion(this, c.initialConfig, pos) :
rlm@46 14451 new Ext.layout.BorderLayout.Region(this, c.initialConfig, pos);
rlm@46 14452 this[pos].render(target, c);
rlm@46 14453 }
rlm@46 14454 this.rendered = true;
rlm@46 14455 }
rlm@46 14456
rlm@46 14457 var size = target.getViewSize();
rlm@46 14458 if(size.width < 20 || size.height < 20){ if(collapsed){
rlm@46 14459 this.restoreCollapsed = collapsed;
rlm@46 14460 }
rlm@46 14461 return;
rlm@46 14462 }else if(this.restoreCollapsed){
rlm@46 14463 collapsed = this.restoreCollapsed;
rlm@46 14464 delete this.restoreCollapsed;
rlm@46 14465 }
rlm@46 14466
rlm@46 14467 var w = size.width, h = size.height;
rlm@46 14468 var centerW = w, centerH = h, centerY = 0, centerX = 0;
rlm@46 14469
rlm@46 14470 var n = this.north, s = this.south, west = this.west, e = this.east, c = this.center;
rlm@46 14471 if(!c){
rlm@46 14472 throw 'No center region defined in BorderLayout ' + ct.id;
rlm@46 14473 }
rlm@46 14474
rlm@46 14475 if(n && n.isVisible()){
rlm@46 14476 var b = n.getSize();
rlm@46 14477 var m = n.getMargins();
rlm@46 14478 b.width = w - (m.left+m.right);
rlm@46 14479 b.x = m.left;
rlm@46 14480 b.y = m.top;
rlm@46 14481 centerY = b.height + b.y + m.bottom;
rlm@46 14482 centerH -= centerY;
rlm@46 14483 n.applyLayout(b);
rlm@46 14484 }
rlm@46 14485 if(s && s.isVisible()){
rlm@46 14486 var b = s.getSize();
rlm@46 14487 var m = s.getMargins();
rlm@46 14488 b.width = w - (m.left+m.right);
rlm@46 14489 b.x = m.left;
rlm@46 14490 var totalHeight = (b.height + m.top + m.bottom);
rlm@46 14491 b.y = h - totalHeight + m.top;
rlm@46 14492 centerH -= totalHeight;
rlm@46 14493 s.applyLayout(b);
rlm@46 14494 }
rlm@46 14495 if(west && west.isVisible()){
rlm@46 14496 var b = west.getSize();
rlm@46 14497 var m = west.getMargins();
rlm@46 14498 b.height = centerH - (m.top+m.bottom);
rlm@46 14499 b.x = m.left;
rlm@46 14500 b.y = centerY + m.top;
rlm@46 14501 var totalWidth = (b.width + m.left + m.right);
rlm@46 14502 centerX += totalWidth;
rlm@46 14503 centerW -= totalWidth;
rlm@46 14504 west.applyLayout(b);
rlm@46 14505 }
rlm@46 14506 if(e && e.isVisible()){
rlm@46 14507 var b = e.getSize();
rlm@46 14508 var m = e.getMargins();
rlm@46 14509 b.height = centerH - (m.top+m.bottom);
rlm@46 14510 var totalWidth = (b.width + m.left + m.right);
rlm@46 14511 b.x = w - totalWidth + m.left;
rlm@46 14512 b.y = centerY + m.top;
rlm@46 14513 centerW -= totalWidth;
rlm@46 14514 e.applyLayout(b);
rlm@46 14515 }
rlm@46 14516
rlm@46 14517 var m = c.getMargins();
rlm@46 14518 var centerBox = {
rlm@46 14519 x: centerX + m.left,
rlm@46 14520 y: centerY + m.top,
rlm@46 14521 width: centerW - (m.left+m.right),
rlm@46 14522 height: centerH - (m.top+m.bottom)
rlm@46 14523 };
rlm@46 14524 c.applyLayout(centerBox);
rlm@46 14525
rlm@46 14526 if(collapsed){
rlm@46 14527 for(var i = 0, len = collapsed.length; i < len; i++){
rlm@46 14528 collapsed[i].collapse(false);
rlm@46 14529 }
rlm@46 14530 }
rlm@46 14531
rlm@46 14532 if(Ext.isIE && Ext.isStrict){ target.repaint();
rlm@46 14533 }
rlm@46 14534 }
rlm@46 14535
rlm@46 14536
rlm@46 14537 });
rlm@46 14538
rlm@46 14539
rlm@46 14540 Ext.layout.BorderLayout.Region = function(layout, config, pos){
rlm@46 14541 Ext.apply(this, config);
rlm@46 14542 this.layout = layout;
rlm@46 14543 this.position = pos;
rlm@46 14544 this.state = {};
rlm@46 14545 if(typeof this.margins == 'string'){
rlm@46 14546 this.margins = this.layout.parseMargins(this.margins);
rlm@46 14547 }
rlm@46 14548 this.margins = Ext.applyIf(this.margins || {}, this.defaultMargins);
rlm@46 14549 if(this.collapsible){
rlm@46 14550 if(typeof this.cmargins == 'string'){
rlm@46 14551 this.cmargins = this.layout.parseMargins(this.cmargins);
rlm@46 14552 }
rlm@46 14553 if(this.collapseMode == 'mini' && !this.cmargins){
rlm@46 14554 this.cmargins = {left:0,top:0,right:0,bottom:0};
rlm@46 14555 }else{
rlm@46 14556 this.cmargins = Ext.applyIf(this.cmargins || {},
rlm@46 14557 pos == 'north' || pos == 'south' ? this.defaultNSCMargins : this.defaultEWCMargins);
rlm@46 14558 }
rlm@46 14559 }
rlm@46 14560 };
rlm@46 14561
rlm@46 14562 Ext.layout.BorderLayout.Region.prototype = {
rlm@46 14563
rlm@46 14564
rlm@46 14565
rlm@46 14566
rlm@46 14567
rlm@46 14568
rlm@46 14569
rlm@46 14570 collapsible : false,
rlm@46 14571
rlm@46 14572 split:false,
rlm@46 14573
rlm@46 14574 floatable: true,
rlm@46 14575
rlm@46 14576 minWidth:50,
rlm@46 14577
rlm@46 14578 minHeight:50,
rlm@46 14579
rlm@46 14580 defaultMargins : {left:0,top:0,right:0,bottom:0},
rlm@46 14581 defaultNSCMargins : {left:5,top:5,right:5,bottom:5},
rlm@46 14582 defaultEWCMargins : {left:5,top:0,right:5,bottom:0},
rlm@46 14583
rlm@46 14584
rlm@46 14585 isCollapsed : false,
rlm@46 14586
rlm@46 14587
rlm@46 14588
rlm@46 14589
rlm@46 14590
rlm@46 14591 render : function(ct, p){
rlm@46 14592 this.panel = p;
rlm@46 14593 p.el.enableDisplayMode();
rlm@46 14594 this.targetEl = ct;
rlm@46 14595 this.el = p.el;
rlm@46 14596
rlm@46 14597 var gs = p.getState, ps = this.position;
rlm@46 14598 p.getState = function(){
rlm@46 14599 return Ext.apply(gs.call(p) || {}, this.state);
rlm@46 14600 }.createDelegate(this);
rlm@46 14601
rlm@46 14602 if(ps != 'center'){
rlm@46 14603 p.allowQueuedExpand = false;
rlm@46 14604 p.on({
rlm@46 14605 beforecollapse: this.beforeCollapse,
rlm@46 14606 collapse: this.onCollapse,
rlm@46 14607 beforeexpand: this.beforeExpand,
rlm@46 14608 expand: this.onExpand,
rlm@46 14609 hide: this.onHide,
rlm@46 14610 show: this.onShow,
rlm@46 14611 scope: this
rlm@46 14612 });
rlm@46 14613 if(this.collapsible){
rlm@46 14614 p.collapseEl = 'el';
rlm@46 14615 p.slideAnchor = this.getSlideAnchor();
rlm@46 14616 }
rlm@46 14617 if(p.tools && p.tools.toggle){
rlm@46 14618 p.tools.toggle.addClass('x-tool-collapse-'+ps);
rlm@46 14619 p.tools.toggle.addClassOnOver('x-tool-collapse-'+ps+'-over');
rlm@46 14620 }
rlm@46 14621 }
rlm@46 14622 },
rlm@46 14623
rlm@46 14624 getCollapsedEl : function(){
rlm@46 14625 if(!this.collapsedEl){
rlm@46 14626 if(!this.toolTemplate){
rlm@46 14627 var tt = new Ext.Template(
rlm@46 14628 '<div class="x-tool x-tool-{id}">&#160;</div>'
rlm@46 14629 );
rlm@46 14630 tt.disableFormats = true;
rlm@46 14631 tt.compile();
rlm@46 14632 Ext.layout.BorderLayout.Region.prototype.toolTemplate = tt;
rlm@46 14633 }
rlm@46 14634 this.collapsedEl = this.targetEl.createChild({
rlm@46 14635 cls: "x-layout-collapsed x-layout-collapsed-"+this.position,
rlm@46 14636 id: this.panel.id + '-xcollapsed'
rlm@46 14637 });
rlm@46 14638 this.collapsedEl.enableDisplayMode('block');
rlm@46 14639
rlm@46 14640 if(this.collapseMode == 'mini'){
rlm@46 14641 this.collapsedEl.addClass('x-layout-cmini-'+this.position);
rlm@46 14642 this.miniCollapsedEl = this.collapsedEl.createChild({
rlm@46 14643 cls: "x-layout-mini x-layout-mini-"+this.position, html: "&#160;"
rlm@46 14644 });
rlm@46 14645 this.miniCollapsedEl.addClassOnOver('x-layout-mini-over');
rlm@46 14646 this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
rlm@46 14647 this.collapsedEl.on('click', this.onExpandClick, this, {stopEvent:true});
rlm@46 14648 }else {
rlm@46 14649 var t = this.toolTemplate.append(
rlm@46 14650 this.collapsedEl.dom,
rlm@46 14651 {id:'expand-'+this.position}, true);
rlm@46 14652 t.addClassOnOver('x-tool-expand-'+this.position+'-over');
rlm@46 14653 t.on('click', this.onExpandClick, this, {stopEvent:true});
rlm@46 14654
rlm@46 14655 if(this.floatable !== false){
rlm@46 14656 this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
rlm@46 14657 this.collapsedEl.on("click", this.collapseClick, this);
rlm@46 14658 }
rlm@46 14659 }
rlm@46 14660 }
rlm@46 14661 return this.collapsedEl;
rlm@46 14662 },
rlm@46 14663
rlm@46 14664 onExpandClick : function(e){
rlm@46 14665 if(this.isSlid){
rlm@46 14666 this.afterSlideIn();
rlm@46 14667 this.panel.expand(false);
rlm@46 14668 }else{
rlm@46 14669 this.panel.expand();
rlm@46 14670 }
rlm@46 14671 },
rlm@46 14672
rlm@46 14673 onCollapseClick : function(e){
rlm@46 14674 this.panel.collapse();
rlm@46 14675 },
rlm@46 14676
rlm@46 14677 beforeCollapse : function(p, animate){
rlm@46 14678 this.lastAnim = animate;
rlm@46 14679 if(this.splitEl){
rlm@46 14680 this.splitEl.hide();
rlm@46 14681 }
rlm@46 14682 this.getCollapsedEl().show();
rlm@46 14683 this.panel.el.setStyle('z-index', 100);
rlm@46 14684 this.isCollapsed = true;
rlm@46 14685 this.layout.layout();
rlm@46 14686 },
rlm@46 14687
rlm@46 14688 onCollapse : function(animate){
rlm@46 14689 this.panel.el.setStyle('z-index', 1);
rlm@46 14690 if(this.lastAnim === false || this.panel.animCollapse === false){
rlm@46 14691 this.getCollapsedEl().dom.style.visibility = 'visible';
rlm@46 14692 }else{
rlm@46 14693 this.getCollapsedEl().slideIn(this.panel.slideAnchor, {duration:.2});
rlm@46 14694 }
rlm@46 14695 this.state.collapsed = true;
rlm@46 14696 this.panel.saveState();
rlm@46 14697 },
rlm@46 14698
rlm@46 14699 beforeExpand : function(animate){
rlm@46 14700 var c = this.getCollapsedEl();
rlm@46 14701 this.el.show();
rlm@46 14702 if(this.position == 'east' || this.position == 'west'){
rlm@46 14703 this.panel.setSize(undefined, c.getHeight());
rlm@46 14704 }else{
rlm@46 14705 this.panel.setSize(c.getWidth(), undefined);
rlm@46 14706 }
rlm@46 14707 c.hide();
rlm@46 14708 c.dom.style.visibility = 'hidden';
rlm@46 14709 this.panel.el.setStyle('z-index', 100);
rlm@46 14710 },
rlm@46 14711
rlm@46 14712 onExpand : function(){
rlm@46 14713 this.isCollapsed = false;
rlm@46 14714 if(this.splitEl){
rlm@46 14715 this.splitEl.show();
rlm@46 14716 }
rlm@46 14717 this.layout.layout();
rlm@46 14718 this.panel.el.setStyle('z-index', 1);
rlm@46 14719 this.state.collapsed = false;
rlm@46 14720 this.panel.saveState();
rlm@46 14721 },
rlm@46 14722
rlm@46 14723 collapseClick : function(e){
rlm@46 14724 if(this.isSlid){
rlm@46 14725 e.stopPropagation();
rlm@46 14726 this.slideIn();
rlm@46 14727 }else{
rlm@46 14728 e.stopPropagation();
rlm@46 14729 this.slideOut();
rlm@46 14730 }
rlm@46 14731 },
rlm@46 14732
rlm@46 14733 onHide : function(){
rlm@46 14734 if(this.isCollapsed){
rlm@46 14735 this.getCollapsedEl().hide();
rlm@46 14736 }else if(this.splitEl){
rlm@46 14737 this.splitEl.hide();
rlm@46 14738 }
rlm@46 14739 },
rlm@46 14740
rlm@46 14741 onShow : function(){
rlm@46 14742 if(this.isCollapsed){
rlm@46 14743 this.getCollapsedEl().show();
rlm@46 14744 }else if(this.splitEl){
rlm@46 14745 this.splitEl.show();
rlm@46 14746 }
rlm@46 14747 },
rlm@46 14748
rlm@46 14749
rlm@46 14750 isVisible : function(){
rlm@46 14751 return !this.panel.hidden;
rlm@46 14752 },
rlm@46 14753
rlm@46 14754
rlm@46 14755 getMargins : function(){
rlm@46 14756 return this.isCollapsed && this.cmargins ? this.cmargins : this.margins;
rlm@46 14757 },
rlm@46 14758
rlm@46 14759
rlm@46 14760 getSize : function(){
rlm@46 14761 return this.isCollapsed ? this.getCollapsedEl().getSize() : this.panel.getSize();
rlm@46 14762 },
rlm@46 14763
rlm@46 14764
rlm@46 14765 setPanel : function(panel){
rlm@46 14766 this.panel = panel;
rlm@46 14767 },
rlm@46 14768
rlm@46 14769
rlm@46 14770 getMinWidth: function(){
rlm@46 14771 return this.minWidth;
rlm@46 14772 },
rlm@46 14773
rlm@46 14774
rlm@46 14775 getMinHeight: function(){
rlm@46 14776 return this.minHeight;
rlm@46 14777 },
rlm@46 14778
rlm@46 14779 applyLayoutCollapsed : function(box){
rlm@46 14780 var ce = this.getCollapsedEl();
rlm@46 14781 ce.setLeftTop(box.x, box.y);
rlm@46 14782 ce.setSize(box.width, box.height);
rlm@46 14783 },
rlm@46 14784
rlm@46 14785 applyLayout : function(box){
rlm@46 14786 if(this.isCollapsed){
rlm@46 14787 this.applyLayoutCollapsed(box);
rlm@46 14788 }else{
rlm@46 14789 this.panel.setPosition(box.x, box.y);
rlm@46 14790 this.panel.setSize(box.width, box.height);
rlm@46 14791 }
rlm@46 14792 },
rlm@46 14793
rlm@46 14794 beforeSlide: function(){
rlm@46 14795 this.panel.beforeEffect();
rlm@46 14796 },
rlm@46 14797
rlm@46 14798 afterSlide : function(){
rlm@46 14799 this.panel.afterEffect();
rlm@46 14800 },
rlm@46 14801
rlm@46 14802 initAutoHide : function(){
rlm@46 14803 if(this.autoHide !== false){
rlm@46 14804 if(!this.autoHideHd){
rlm@46 14805 var st = new Ext.util.DelayedTask(this.slideIn, this);
rlm@46 14806 this.autoHideHd = {
rlm@46 14807 "mouseout": function(e){
rlm@46 14808 if(!e.within(this.el, true)){
rlm@46 14809 st.delay(500);
rlm@46 14810 }
rlm@46 14811 },
rlm@46 14812 "mouseover" : function(e){
rlm@46 14813 st.cancel();
rlm@46 14814 },
rlm@46 14815 scope : this
rlm@46 14816 };
rlm@46 14817 }
rlm@46 14818 this.el.on(this.autoHideHd);
rlm@46 14819 }
rlm@46 14820 },
rlm@46 14821
rlm@46 14822 clearAutoHide : function(){
rlm@46 14823 if(this.autoHide !== false){
rlm@46 14824 this.el.un("mouseout", this.autoHideHd.mouseout);
rlm@46 14825 this.el.un("mouseover", this.autoHideHd.mouseover);
rlm@46 14826 }
rlm@46 14827 },
rlm@46 14828
rlm@46 14829 clearMonitor : function(){
rlm@46 14830 Ext.getDoc().un("click", this.slideInIf, this);
rlm@46 14831 },
rlm@46 14832
rlm@46 14833 slideOut : function(){
rlm@46 14834 if(this.isSlid || this.el.hasActiveFx()){
rlm@46 14835 return;
rlm@46 14836 }
rlm@46 14837 this.isSlid = true;
rlm@46 14838 var ts = this.panel.tools;
rlm@46 14839 if(ts && ts.toggle){
rlm@46 14840 ts.toggle.hide();
rlm@46 14841 }
rlm@46 14842 this.el.show();
rlm@46 14843 if(this.position == 'east' || this.position == 'west'){
rlm@46 14844 this.panel.setSize(undefined, this.collapsedEl.getHeight());
rlm@46 14845 }else{
rlm@46 14846 this.panel.setSize(this.collapsedEl.getWidth(), undefined);
rlm@46 14847 }
rlm@46 14848 this.restoreLT = [this.el.dom.style.left, this.el.dom.style.top];
rlm@46 14849 this.el.alignTo(this.collapsedEl, this.getCollapseAnchor());
rlm@46 14850 this.el.setStyle("z-index", 102);
rlm@46 14851 if(this.animFloat !== false){
rlm@46 14852 this.beforeSlide();
rlm@46 14853 this.el.slideIn(this.getSlideAnchor(), {
rlm@46 14854 callback: function(){
rlm@46 14855 this.afterSlide();
rlm@46 14856 this.initAutoHide();
rlm@46 14857 Ext.getDoc().on("click", this.slideInIf, this);
rlm@46 14858 },
rlm@46 14859 scope: this,
rlm@46 14860 block: true
rlm@46 14861 });
rlm@46 14862 }else{
rlm@46 14863 this.initAutoHide();
rlm@46 14864 Ext.getDoc().on("click", this.slideInIf, this);
rlm@46 14865 }
rlm@46 14866 },
rlm@46 14867
rlm@46 14868 afterSlideIn : function(){
rlm@46 14869 this.clearAutoHide();
rlm@46 14870 this.isSlid = false;
rlm@46 14871 this.clearMonitor();
rlm@46 14872 this.el.setStyle("z-index", "");
rlm@46 14873 this.el.dom.style.left = this.restoreLT[0];
rlm@46 14874 this.el.dom.style.top = this.restoreLT[1];
rlm@46 14875
rlm@46 14876 var ts = this.panel.tools;
rlm@46 14877 if(ts && ts.toggle){
rlm@46 14878 ts.toggle.show();
rlm@46 14879 }
rlm@46 14880 },
rlm@46 14881
rlm@46 14882 slideIn : function(cb){
rlm@46 14883 if(!this.isSlid || this.el.hasActiveFx()){
rlm@46 14884 Ext.callback(cb);
rlm@46 14885 return;
rlm@46 14886 }
rlm@46 14887 this.isSlid = false;
rlm@46 14888 if(this.animFloat !== false){
rlm@46 14889 this.beforeSlide();
rlm@46 14890 this.el.slideOut(this.getSlideAnchor(), {
rlm@46 14891 callback: function(){
rlm@46 14892 this.el.hide();
rlm@46 14893 this.afterSlide();
rlm@46 14894 this.afterSlideIn();
rlm@46 14895 Ext.callback(cb);
rlm@46 14896 },
rlm@46 14897 scope: this,
rlm@46 14898 block: true
rlm@46 14899 });
rlm@46 14900 }else{
rlm@46 14901 this.el.hide();
rlm@46 14902 this.afterSlideIn();
rlm@46 14903 }
rlm@46 14904 },
rlm@46 14905
rlm@46 14906 slideInIf : function(e){
rlm@46 14907 if(!e.within(this.el)){
rlm@46 14908 this.slideIn();
rlm@46 14909 }
rlm@46 14910 },
rlm@46 14911
rlm@46 14912 anchors : {
rlm@46 14913 "west" : "left",
rlm@46 14914 "east" : "right",
rlm@46 14915 "north" : "top",
rlm@46 14916 "south" : "bottom"
rlm@46 14917 },
rlm@46 14918
rlm@46 14919 sanchors : {
rlm@46 14920 "west" : "l",
rlm@46 14921 "east" : "r",
rlm@46 14922 "north" : "t",
rlm@46 14923 "south" : "b"
rlm@46 14924 },
rlm@46 14925
rlm@46 14926 canchors : {
rlm@46 14927 "west" : "tl-tr",
rlm@46 14928 "east" : "tr-tl",
rlm@46 14929 "north" : "tl-bl",
rlm@46 14930 "south" : "bl-tl"
rlm@46 14931 },
rlm@46 14932
rlm@46 14933 getAnchor : function(){
rlm@46 14934 return this.anchors[this.position];
rlm@46 14935 },
rlm@46 14936
rlm@46 14937 getCollapseAnchor : function(){
rlm@46 14938 return this.canchors[this.position];
rlm@46 14939 },
rlm@46 14940
rlm@46 14941 getSlideAnchor : function(){
rlm@46 14942 return this.sanchors[this.position];
rlm@46 14943 },
rlm@46 14944
rlm@46 14945 getAlignAdj : function(){
rlm@46 14946 var cm = this.cmargins;
rlm@46 14947 switch(this.position){
rlm@46 14948 case "west":
rlm@46 14949 return [0, 0];
rlm@46 14950 break;
rlm@46 14951 case "east":
rlm@46 14952 return [0, 0];
rlm@46 14953 break;
rlm@46 14954 case "north":
rlm@46 14955 return [0, 0];
rlm@46 14956 break;
rlm@46 14957 case "south":
rlm@46 14958 return [0, 0];
rlm@46 14959 break;
rlm@46 14960 }
rlm@46 14961 },
rlm@46 14962
rlm@46 14963 getExpandAdj : function(){
rlm@46 14964 var c = this.collapsedEl, cm = this.cmargins;
rlm@46 14965 switch(this.position){
rlm@46 14966 case "west":
rlm@46 14967 return [-(cm.right+c.getWidth()+cm.left), 0];
rlm@46 14968 break;
rlm@46 14969 case "east":
rlm@46 14970 return [cm.right+c.getWidth()+cm.left, 0];
rlm@46 14971 break;
rlm@46 14972 case "north":
rlm@46 14973 return [0, -(cm.top+cm.bottom+c.getHeight())];
rlm@46 14974 break;
rlm@46 14975 case "south":
rlm@46 14976 return [0, cm.top+cm.bottom+c.getHeight()];
rlm@46 14977 break;
rlm@46 14978 }
rlm@46 14979 }
rlm@46 14980 };
rlm@46 14981
rlm@46 14982
rlm@46 14983 Ext.layout.BorderLayout.SplitRegion = function(layout, config, pos){
rlm@46 14984 Ext.layout.BorderLayout.SplitRegion.superclass.constructor.call(this, layout, config, pos);
rlm@46 14985 this.applyLayout = this.applyFns[pos];
rlm@46 14986 };
rlm@46 14987
rlm@46 14988 Ext.extend(Ext.layout.BorderLayout.SplitRegion, Ext.layout.BorderLayout.Region, {
rlm@46 14989
rlm@46 14990 splitTip : "Drag to resize.",
rlm@46 14991
rlm@46 14992 collapsibleSplitTip : "Drag to resize. Double click to hide.",
rlm@46 14993
rlm@46 14994 useSplitTips : false,
rlm@46 14995
rlm@46 14996 splitSettings : {
rlm@46 14997 north : {
rlm@46 14998 orientation: Ext.SplitBar.VERTICAL,
rlm@46 14999 placement: Ext.SplitBar.TOP,
rlm@46 15000 maxFn : 'getVMaxSize',
rlm@46 15001 minProp: 'minHeight',
rlm@46 15002 maxProp: 'maxHeight'
rlm@46 15003 },
rlm@46 15004 south : {
rlm@46 15005 orientation: Ext.SplitBar.VERTICAL,
rlm@46 15006 placement: Ext.SplitBar.BOTTOM,
rlm@46 15007 maxFn : 'getVMaxSize',
rlm@46 15008 minProp: 'minHeight',
rlm@46 15009 maxProp: 'maxHeight'
rlm@46 15010 },
rlm@46 15011 east : {
rlm@46 15012 orientation: Ext.SplitBar.HORIZONTAL,
rlm@46 15013 placement: Ext.SplitBar.RIGHT,
rlm@46 15014 maxFn : 'getHMaxSize',
rlm@46 15015 minProp: 'minWidth',
rlm@46 15016 maxProp: 'maxWidth'
rlm@46 15017 },
rlm@46 15018 west : {
rlm@46 15019 orientation: Ext.SplitBar.HORIZONTAL,
rlm@46 15020 placement: Ext.SplitBar.LEFT,
rlm@46 15021 maxFn : 'getHMaxSize',
rlm@46 15022 minProp: 'minWidth',
rlm@46 15023 maxProp: 'maxWidth'
rlm@46 15024 }
rlm@46 15025 },
rlm@46 15026
rlm@46 15027 applyFns : {
rlm@46 15028 west : function(box){
rlm@46 15029 if(this.isCollapsed){
rlm@46 15030 return this.applyLayoutCollapsed(box);
rlm@46 15031 }
rlm@46 15032 var sd = this.splitEl.dom, s = sd.style;
rlm@46 15033 this.panel.setPosition(box.x, box.y);
rlm@46 15034 var sw = sd.offsetWidth;
rlm@46 15035 s.left = (box.x+box.width-sw)+'px';
rlm@46 15036 s.top = (box.y)+'px';
rlm@46 15037 s.height = Math.max(0, box.height)+'px';
rlm@46 15038 this.panel.setSize(box.width-sw, box.height);
rlm@46 15039 },
rlm@46 15040 east : function(box){
rlm@46 15041 if(this.isCollapsed){
rlm@46 15042 return this.applyLayoutCollapsed(box);
rlm@46 15043 }
rlm@46 15044 var sd = this.splitEl.dom, s = sd.style;
rlm@46 15045 var sw = sd.offsetWidth;
rlm@46 15046 this.panel.setPosition(box.x+sw, box.y);
rlm@46 15047 s.left = (box.x)+'px';
rlm@46 15048 s.top = (box.y)+'px';
rlm@46 15049 s.height = Math.max(0, box.height)+'px';
rlm@46 15050 this.panel.setSize(box.width-sw, box.height);
rlm@46 15051 },
rlm@46 15052 north : function(box){
rlm@46 15053 if(this.isCollapsed){
rlm@46 15054 return this.applyLayoutCollapsed(box);
rlm@46 15055 }
rlm@46 15056 var sd = this.splitEl.dom, s = sd.style;
rlm@46 15057 var sh = sd.offsetHeight;
rlm@46 15058 this.panel.setPosition(box.x, box.y);
rlm@46 15059 s.left = (box.x)+'px';
rlm@46 15060 s.top = (box.y+box.height-sh)+'px';
rlm@46 15061 s.width = Math.max(0, box.width)+'px';
rlm@46 15062 this.panel.setSize(box.width, box.height-sh);
rlm@46 15063 },
rlm@46 15064 south : function(box){
rlm@46 15065 if(this.isCollapsed){
rlm@46 15066 return this.applyLayoutCollapsed(box);
rlm@46 15067 }
rlm@46 15068 var sd = this.splitEl.dom, s = sd.style;
rlm@46 15069 var sh = sd.offsetHeight;
rlm@46 15070 this.panel.setPosition(box.x, box.y+sh);
rlm@46 15071 s.left = (box.x)+'px';
rlm@46 15072 s.top = (box.y)+'px';
rlm@46 15073 s.width = Math.max(0, box.width)+'px';
rlm@46 15074 this.panel.setSize(box.width, box.height-sh);
rlm@46 15075 }
rlm@46 15076 },
rlm@46 15077
rlm@46 15078 render : function(ct, p){
rlm@46 15079 Ext.layout.BorderLayout.SplitRegion.superclass.render.call(this, ct, p);
rlm@46 15080
rlm@46 15081 var ps = this.position;
rlm@46 15082
rlm@46 15083 this.splitEl = ct.createChild({
rlm@46 15084 cls: "x-layout-split x-layout-split-"+ps, html: "&#160;",
rlm@46 15085 id: this.panel.id + '-xsplit'
rlm@46 15086 });
rlm@46 15087
rlm@46 15088 if(this.collapseMode == 'mini'){
rlm@46 15089 this.miniSplitEl = this.splitEl.createChild({
rlm@46 15090 cls: "x-layout-mini x-layout-mini-"+ps, html: "&#160;"
rlm@46 15091 });
rlm@46 15092 this.miniSplitEl.addClassOnOver('x-layout-mini-over');
rlm@46 15093 this.miniSplitEl.on('click', this.onCollapseClick, this, {stopEvent:true});
rlm@46 15094 }
rlm@46 15095
rlm@46 15096 var s = this.splitSettings[ps];
rlm@46 15097
rlm@46 15098 this.split = new Ext.SplitBar(this.splitEl.dom, p.el, s.orientation);
rlm@46 15099 this.split.placement = s.placement;
rlm@46 15100 this.split.getMaximumSize = this[s.maxFn].createDelegate(this);
rlm@46 15101 this.split.minSize = this.minSize || this[s.minProp];
rlm@46 15102 this.split.on("beforeapply", this.onSplitMove, this);
rlm@46 15103 this.split.useShim = this.useShim === true;
rlm@46 15104 this.maxSize = this.maxSize || this[s.maxProp];
rlm@46 15105
rlm@46 15106 if(p.hidden){
rlm@46 15107 this.splitEl.hide();
rlm@46 15108 }
rlm@46 15109
rlm@46 15110 if(this.useSplitTips){
rlm@46 15111 this.splitEl.dom.title = this.collapsible ? this.collapsibleSplitTip : this.splitTip;
rlm@46 15112 }
rlm@46 15113 if(this.collapsible){
rlm@46 15114 this.splitEl.on("dblclick", this.onCollapseClick, this);
rlm@46 15115 }
rlm@46 15116 },
rlm@46 15117
rlm@46 15118 getSize : function(){
rlm@46 15119 if(this.isCollapsed){
rlm@46 15120 return this.collapsedEl.getSize();
rlm@46 15121 }
rlm@46 15122 var s = this.panel.getSize();
rlm@46 15123 if(this.position == 'north' || this.position == 'south'){
rlm@46 15124 s.height += this.splitEl.dom.offsetHeight;
rlm@46 15125 }else{
rlm@46 15126 s.width += this.splitEl.dom.offsetWidth;
rlm@46 15127 }
rlm@46 15128 return s;
rlm@46 15129 },
rlm@46 15130
rlm@46 15131 getHMaxSize : function(){
rlm@46 15132 var cmax = this.maxSize || 10000;
rlm@46 15133 var center = this.layout.center;
rlm@46 15134 return Math.min(cmax, (this.el.getWidth()+center.el.getWidth())-center.getMinWidth());
rlm@46 15135 },
rlm@46 15136
rlm@46 15137 getVMaxSize : function(){
rlm@46 15138 var cmax = this.maxSize || 10000;
rlm@46 15139 var center = this.layout.center;
rlm@46 15140 return Math.min(cmax, (this.el.getHeight()+center.el.getHeight())-center.getMinHeight());
rlm@46 15141 },
rlm@46 15142
rlm@46 15143 onSplitMove : function(split, newSize){
rlm@46 15144 var s = this.panel.getSize();
rlm@46 15145 this.lastSplitSize = newSize;
rlm@46 15146 if(this.position == 'north' || this.position == 'south'){
rlm@46 15147 this.panel.setSize(s.width, newSize);
rlm@46 15148 this.state.height = newSize;
rlm@46 15149 }else{
rlm@46 15150 this.panel.setSize(newSize, s.height);
rlm@46 15151 this.state.width = newSize;
rlm@46 15152 }
rlm@46 15153 this.layout.layout();
rlm@46 15154 this.panel.saveState();
rlm@46 15155 return false;
rlm@46 15156 },
rlm@46 15157
rlm@46 15158
rlm@46 15159 getSplitBar : function(){
rlm@46 15160 return this.split;
rlm@46 15161 }
rlm@46 15162 });
rlm@46 15163
rlm@46 15164 Ext.Container.LAYOUTS['border'] = Ext.layout.BorderLayout;
rlm@46 15165
rlm@46 15166 Ext.layout.FormLayout = Ext.extend(Ext.layout.AnchorLayout, {
rlm@46 15167
rlm@46 15168
rlm@46 15169
rlm@46 15170 labelSeparator : ':',
rlm@46 15171
rlm@46 15172 getAnchorViewSize : function(ct, target){
rlm@46 15173 return ct.body.getStyleSize();
rlm@46 15174 },
rlm@46 15175
rlm@46 15176 setContainer : function(ct){
rlm@46 15177 Ext.layout.FormLayout.superclass.setContainer.call(this, ct);
rlm@46 15178
rlm@46 15179 if(ct.labelAlign){
rlm@46 15180 ct.addClass('x-form-label-'+ct.labelAlign);
rlm@46 15181 }
rlm@46 15182
rlm@46 15183 if(ct.hideLabels){
rlm@46 15184 this.labelStyle = "display:none";
rlm@46 15185 this.elementStyle = "padding-left:0;";
rlm@46 15186 this.labelAdjust = 0;
rlm@46 15187 }else{
rlm@46 15188 this.labelSeparator = ct.labelSeparator || this.labelSeparator;
rlm@46 15189 ct.labelWidth = ct.labelWidth || 100;
rlm@46 15190 if(typeof ct.labelWidth == 'number'){
rlm@46 15191 var pad = (typeof ct.labelPad == 'number' ? ct.labelPad : 5);
rlm@46 15192 this.labelAdjust = ct.labelWidth+pad;
rlm@46 15193 this.labelStyle = "width:"+ct.labelWidth+"px;";
rlm@46 15194 this.elementStyle = "padding-left:"+(ct.labelWidth+pad)+'px';
rlm@46 15195 }
rlm@46 15196 if(ct.labelAlign == 'top'){
rlm@46 15197 this.labelStyle = "width:auto;";
rlm@46 15198 this.labelAdjust = 0;
rlm@46 15199 this.elementStyle = "padding-left:0;";
rlm@46 15200 }
rlm@46 15201 }
rlm@46 15202
rlm@46 15203 if(!this.fieldTpl){
rlm@46 15204 var t = new Ext.Template(
rlm@46 15205 '<div class="x-form-item {5}" tabIndex="-1">',
rlm@46 15206 '<label for="{0}" style="{2}" class="x-form-item-label">{1}{4}</label>',
rlm@46 15207 '<div class="x-form-element" id="x-form-el-{0}" style="{3}">',
rlm@46 15208 '</div><div class="{6}"></div>',
rlm@46 15209 '</div>'
rlm@46 15210 );
rlm@46 15211 t.disableFormats = true;
rlm@46 15212 t.compile();
rlm@46 15213 Ext.layout.FormLayout.prototype.fieldTpl = t;
rlm@46 15214 }
rlm@46 15215 },
rlm@46 15216
rlm@46 15217 renderItem : function(c, position, target){
rlm@46 15218 if(c && !c.rendered && c.isFormField && c.inputType != 'hidden'){
rlm@46 15219 var args = [
rlm@46 15220 c.id, c.fieldLabel,
rlm@46 15221 c.labelStyle||this.labelStyle||'',
rlm@46 15222 this.elementStyle||'',
rlm@46 15223 typeof c.labelSeparator == 'undefined' ? this.labelSeparator : c.labelSeparator,
rlm@46 15224 (c.itemCls||this.container.itemCls||'') + (c.hideLabel ? ' x-hide-label' : ''),
rlm@46 15225 c.clearCls || 'x-form-clear-left'
rlm@46 15226 ];
rlm@46 15227 if(typeof position == 'number'){
rlm@46 15228 position = target.dom.childNodes[position] || null;
rlm@46 15229 }
rlm@46 15230 if(position){
rlm@46 15231 this.fieldTpl.insertBefore(position, args);
rlm@46 15232 }else{
rlm@46 15233 this.fieldTpl.append(target, args);
rlm@46 15234 }
rlm@46 15235 c.render('x-form-el-'+c.id);
rlm@46 15236 }else {
rlm@46 15237 Ext.layout.FormLayout.superclass.renderItem.apply(this, arguments);
rlm@46 15238 }
rlm@46 15239 },
rlm@46 15240
rlm@46 15241 adjustWidthAnchor : function(value, comp){
rlm@46 15242 return value - (comp.isFormField ? (comp.hideLabel ? 0 : this.labelAdjust) : 0);
rlm@46 15243 },
rlm@46 15244
rlm@46 15245 isValidParent : function(c, target){
rlm@46 15246 return true;
rlm@46 15247 }
rlm@46 15248
rlm@46 15249
rlm@46 15250 });
rlm@46 15251
rlm@46 15252 Ext.Container.LAYOUTS['form'] = Ext.layout.FormLayout;
rlm@46 15253
rlm@46 15254 Ext.layout.Accordion = Ext.extend(Ext.layout.FitLayout, {
rlm@46 15255
rlm@46 15256 fill : true,
rlm@46 15257
rlm@46 15258 autoWidth : true,
rlm@46 15259
rlm@46 15260 titleCollapse : true,
rlm@46 15261
rlm@46 15262 hideCollapseTool : false,
rlm@46 15263
rlm@46 15264 collapseFirst : false,
rlm@46 15265
rlm@46 15266 animate : false,
rlm@46 15267
rlm@46 15268 sequence : false,
rlm@46 15269
rlm@46 15270 activeOnTop : false,
rlm@46 15271
rlm@46 15272 renderItem : function(c){
rlm@46 15273 if(this.animate === false){
rlm@46 15274 c.animCollapse = false;
rlm@46 15275 }
rlm@46 15276 c.collapsible = true;
rlm@46 15277 if(this.autoWidth){
rlm@46 15278 c.autoWidth = true;
rlm@46 15279 }
rlm@46 15280 if(this.titleCollapse){
rlm@46 15281 c.titleCollapse = true;
rlm@46 15282 }
rlm@46 15283 if(this.hideCollapseTool){
rlm@46 15284 c.hideCollapseTool = true;
rlm@46 15285 }
rlm@46 15286 if(this.collapseFirst !== undefined){
rlm@46 15287 c.collapseFirst = this.collapseFirst;
rlm@46 15288 }
rlm@46 15289 if(!this.activeItem && !c.collapsed){
rlm@46 15290 this.activeItem = c;
rlm@46 15291 }else if(this.activeItem){
rlm@46 15292 c.collapsed = true;
rlm@46 15293 }
rlm@46 15294 Ext.layout.Accordion.superclass.renderItem.apply(this, arguments);
rlm@46 15295 c.header.addClass('x-accordion-hd');
rlm@46 15296 c.on('beforeexpand', this.beforeExpand, this);
rlm@46 15297 },
rlm@46 15298
rlm@46 15299
rlm@46 15300 beforeExpand : function(p, anim){
rlm@46 15301 var ai = this.activeItem;
rlm@46 15302 if(ai){
rlm@46 15303 if(this.sequence){
rlm@46 15304 delete this.activeItem;
rlm@46 15305 if (!ai.collapsed){
rlm@46 15306 ai.collapse({callback:function(){
rlm@46 15307 p.expand(anim || true);
rlm@46 15308 }, scope: this});
rlm@46 15309 return false;
rlm@46 15310 }
rlm@46 15311 }else{
rlm@46 15312 ai.collapse(this.animate);
rlm@46 15313 }
rlm@46 15314 }
rlm@46 15315 this.activeItem = p;
rlm@46 15316 if(this.activeOnTop){
rlm@46 15317 p.el.dom.parentNode.insertBefore(p.el.dom, p.el.dom.parentNode.firstChild);
rlm@46 15318 }
rlm@46 15319 this.layout();
rlm@46 15320 },
rlm@46 15321
rlm@46 15322
rlm@46 15323 setItemSize : function(item, size){
rlm@46 15324 if(this.fill && item){
rlm@46 15325 var items = this.container.items.items;
rlm@46 15326 var hh = 0;
rlm@46 15327 for(var i = 0, len = items.length; i < len; i++){
rlm@46 15328 var p = items[i];
rlm@46 15329 if(p != item){
rlm@46 15330 hh += (p.getSize().height - p.bwrap.getHeight());
rlm@46 15331 }
rlm@46 15332 }
rlm@46 15333 size.height -= hh;
rlm@46 15334 item.setSize(size);
rlm@46 15335 }
rlm@46 15336 }
rlm@46 15337 });
rlm@46 15338 Ext.Container.LAYOUTS['accordion'] = Ext.layout.Accordion;
rlm@46 15339
rlm@46 15340 Ext.layout.TableLayout = Ext.extend(Ext.layout.ContainerLayout, {
rlm@46 15341
rlm@46 15342
rlm@46 15343
rlm@46 15344 monitorResize:false,
rlm@46 15345
rlm@46 15346
rlm@46 15347 setContainer : function(ct){
rlm@46 15348 Ext.layout.TableLayout.superclass.setContainer.call(this, ct);
rlm@46 15349
rlm@46 15350 this.currentRow = 0;
rlm@46 15351 this.currentColumn = 0;
rlm@46 15352 this.cells = [];
rlm@46 15353 },
rlm@46 15354
rlm@46 15355
rlm@46 15356 onLayout : function(ct, target){
rlm@46 15357 var cs = ct.items.items, len = cs.length, c, i;
rlm@46 15358
rlm@46 15359 if(!this.table){
rlm@46 15360 target.addClass('x-table-layout-ct');
rlm@46 15361
rlm@46 15362 this.table = target.createChild(
rlm@46 15363 {tag:'table', cls:'x-table-layout', cellspacing: 0, cn: {tag: 'tbody'}}, null, true);
rlm@46 15364
rlm@46 15365 this.renderAll(ct, target);
rlm@46 15366 }
rlm@46 15367 },
rlm@46 15368
rlm@46 15369
rlm@46 15370 getRow : function(index){
rlm@46 15371 var row = this.table.tBodies[0].childNodes[index];
rlm@46 15372 if(!row){
rlm@46 15373 row = document.createElement('tr');
rlm@46 15374 this.table.tBodies[0].appendChild(row);
rlm@46 15375 }
rlm@46 15376 return row;
rlm@46 15377 },
rlm@46 15378
rlm@46 15379
rlm@46 15380 getNextCell : function(c){
rlm@46 15381 var cell = this.getNextNonSpan(this.currentColumn, this.currentRow);
rlm@46 15382 var curCol = this.currentColumn = cell[0], curRow = this.currentRow = cell[1];
rlm@46 15383 for(var rowIndex = curRow; rowIndex < curRow + (c.rowspan || 1); rowIndex++){
rlm@46 15384 if(!this.cells[rowIndex]){
rlm@46 15385 this.cells[rowIndex] = [];
rlm@46 15386 }
rlm@46 15387 for(var colIndex = curCol; colIndex < curCol + (c.colspan || 1); colIndex++){
rlm@46 15388 this.cells[rowIndex][colIndex] = true;
rlm@46 15389 }
rlm@46 15390 }
rlm@46 15391 var td = document.createElement('td');
rlm@46 15392 if(c.cellId){
rlm@46 15393 td.id = c.cellId;
rlm@46 15394 }
rlm@46 15395 var cls = 'x-table-layout-cell';
rlm@46 15396 if(c.cellCls){
rlm@46 15397 cls += ' ' + c.cellCls;
rlm@46 15398 }
rlm@46 15399 td.className = cls;
rlm@46 15400 if(c.colspan){
rlm@46 15401 td.colSpan = c.colspan;
rlm@46 15402 }
rlm@46 15403 if(c.rowspan){
rlm@46 15404 td.rowSpan = c.rowspan;
rlm@46 15405 }
rlm@46 15406 this.getRow(curRow).appendChild(td);
rlm@46 15407 return td;
rlm@46 15408 },
rlm@46 15409
rlm@46 15410
rlm@46 15411 getNextNonSpan: function(colIndex, rowIndex){
rlm@46 15412 var cols = this.columns;
rlm@46 15413 while((cols && colIndex >= cols) || (this.cells[rowIndex] && this.cells[rowIndex][colIndex])) {
rlm@46 15414 if(cols && colIndex >= cols){
rlm@46 15415 rowIndex++;
rlm@46 15416 colIndex = 0;
rlm@46 15417 }else{
rlm@46 15418 colIndex++;
rlm@46 15419 }
rlm@46 15420 }
rlm@46 15421 return [colIndex, rowIndex];
rlm@46 15422 },
rlm@46 15423
rlm@46 15424
rlm@46 15425 renderItem : function(c, position, target){
rlm@46 15426 if(c && !c.rendered){
rlm@46 15427 c.render(this.getNextCell(c));
rlm@46 15428 }
rlm@46 15429 },
rlm@46 15430
rlm@46 15431
rlm@46 15432 isValidParent : function(c, target){
rlm@46 15433 return true;
rlm@46 15434 }
rlm@46 15435
rlm@46 15436
rlm@46 15437 });
rlm@46 15438
rlm@46 15439 Ext.Container.LAYOUTS['table'] = Ext.layout.TableLayout;
rlm@46 15440
rlm@46 15441 Ext.layout.AbsoluteLayout = Ext.extend(Ext.layout.AnchorLayout, {
rlm@46 15442 extraCls: 'x-abs-layout-item',
rlm@46 15443 isForm: false,
rlm@46 15444
rlm@46 15445 setContainer : function(ct){
rlm@46 15446 Ext.layout.AbsoluteLayout.superclass.setContainer.call(this, ct);
rlm@46 15447 if(ct.isXType('form')){
rlm@46 15448 this.isForm = true;
rlm@46 15449 }
rlm@46 15450 },
rlm@46 15451
rlm@46 15452 onLayout : function(ct, target){
rlm@46 15453 if(this.isForm){ ct.body.position(); } else { target.position(); }
rlm@46 15454 Ext.layout.AbsoluteLayout.superclass.onLayout.call(this, ct, target);
rlm@46 15455 },
rlm@46 15456
rlm@46 15457
rlm@46 15458 getAnchorViewSize : function(ct, target){
rlm@46 15459 return this.isForm ? ct.body.getStyleSize() : Ext.layout.AbsoluteLayout.superclass.getAnchorViewSize.call(this, ct, target);
rlm@46 15460 },
rlm@46 15461
rlm@46 15462
rlm@46 15463 isValidParent : function(c, target){
rlm@46 15464 return this.isForm ? true : Ext.layout.AbsoluteLayout.superclass.isValidParent.call(this, c, target);
rlm@46 15465 },
rlm@46 15466
rlm@46 15467
rlm@46 15468 adjustWidthAnchor : function(value, comp){
rlm@46 15469 return value ? value - comp.getPosition(true)[0] : value;
rlm@46 15470 },
rlm@46 15471
rlm@46 15472
rlm@46 15473 adjustHeightAnchor : function(value, comp){
rlm@46 15474 return value ? value - comp.getPosition(true)[1] : value;
rlm@46 15475 }
rlm@46 15476
rlm@46 15477 });
rlm@46 15478 Ext.Container.LAYOUTS['absolute'] = Ext.layout.AbsoluteLayout;
rlm@46 15479
rlm@46 15480 Ext.Viewport = Ext.extend(Ext.Container, {
rlm@46 15481
rlm@46 15482
rlm@46 15483
rlm@46 15484
rlm@46 15485
rlm@46 15486
rlm@46 15487
rlm@46 15488
rlm@46 15489
rlm@46 15490
rlm@46 15491
rlm@46 15492
rlm@46 15493 initComponent : function() {
rlm@46 15494 Ext.Viewport.superclass.initComponent.call(this);
rlm@46 15495 document.getElementsByTagName('html')[0].className += ' x-viewport';
rlm@46 15496 this.el = Ext.getBody();
rlm@46 15497 this.el.setHeight = Ext.emptyFn;
rlm@46 15498 this.el.setWidth = Ext.emptyFn;
rlm@46 15499 this.el.setSize = Ext.emptyFn;
rlm@46 15500 this.el.dom.scroll = 'no';
rlm@46 15501 this.allowDomMove = false;
rlm@46 15502 this.autoWidth = true;
rlm@46 15503 this.autoHeight = true;
rlm@46 15504 Ext.EventManager.onWindowResize(this.fireResize, this);
rlm@46 15505 this.renderTo = this.el;
rlm@46 15506 },
rlm@46 15507
rlm@46 15508 fireResize : function(w, h){
rlm@46 15509 this.fireEvent('resize', this, w, h, w, h);
rlm@46 15510 }
rlm@46 15511 });
rlm@46 15512 Ext.reg('viewport', Ext.Viewport);
rlm@46 15513
rlm@46 15514 Ext.Panel = Ext.extend(Ext.Container, {
rlm@46 15515
rlm@46 15516
rlm@46 15517
rlm@46 15518
rlm@46 15519
rlm@46 15520
rlm@46 15521
rlm@46 15522
rlm@46 15523
rlm@46 15524
rlm@46 15525
rlm@46 15526
rlm@46 15527
rlm@46 15528
rlm@46 15529
rlm@46 15530
rlm@46 15531
rlm@46 15532
rlm@46 15533
rlm@46 15534
rlm@46 15535
rlm@46 15536
rlm@46 15537
rlm@46 15538
rlm@46 15539
rlm@46 15540
rlm@46 15541
rlm@46 15542
rlm@46 15543
rlm@46 15544
rlm@46 15545
rlm@46 15546
rlm@46 15547
rlm@46 15548 baseCls : 'x-panel',
rlm@46 15549
rlm@46 15550 collapsedCls : 'x-panel-collapsed',
rlm@46 15551
rlm@46 15552 maskDisabled: true,
rlm@46 15553
rlm@46 15554 animCollapse: Ext.enableFx,
rlm@46 15555
rlm@46 15556 headerAsText: true,
rlm@46 15557
rlm@46 15558 buttonAlign: 'right',
rlm@46 15559
rlm@46 15560 collapsed : false,
rlm@46 15561
rlm@46 15562 collapseFirst: true,
rlm@46 15563
rlm@46 15564 minButtonWidth:75,
rlm@46 15565
rlm@46 15566 elements : 'body',
rlm@46 15567
rlm@46 15568 toolTarget : 'header',
rlm@46 15569 collapseEl : 'bwrap',
rlm@46 15570 slideAnchor : 't',
rlm@46 15571
rlm@46 15572 deferHeight: true,
rlm@46 15573 expandDefaults: {
rlm@46 15574 duration:.25
rlm@46 15575 },
rlm@46 15576 collapseDefaults: {
rlm@46 15577 duration:.25
rlm@46 15578 },
rlm@46 15579
rlm@46 15580 initComponent : function(){
rlm@46 15581 Ext.Panel.superclass.initComponent.call(this);
rlm@46 15582
rlm@46 15583 this.addEvents(
rlm@46 15584
rlm@46 15585 'bodyresize',
rlm@46 15586
rlm@46 15587 'titlechange',
rlm@46 15588
rlm@46 15589 'collapse',
rlm@46 15590
rlm@46 15591 'expand',
rlm@46 15592
rlm@46 15593 'beforecollapse',
rlm@46 15594
rlm@46 15595 'beforeexpand',
rlm@46 15596
rlm@46 15597 'beforeclose',
rlm@46 15598
rlm@46 15599 'close',
rlm@46 15600
rlm@46 15601 'activate',
rlm@46 15602
rlm@46 15603 'deactivate'
rlm@46 15604 );
rlm@46 15605
rlm@46 15606 if(this.tbar){
rlm@46 15607 this.elements += ',tbar';
rlm@46 15608 if(typeof this.tbar == 'object'){
rlm@46 15609 this.topToolbar = this.tbar;
rlm@46 15610 }
rlm@46 15611 delete this.tbar;
rlm@46 15612 }
rlm@46 15613 if(this.bbar){
rlm@46 15614 this.elements += ',bbar';
rlm@46 15615 if(typeof this.bbar == 'object'){
rlm@46 15616 this.bottomToolbar = this.bbar;
rlm@46 15617 }
rlm@46 15618 delete this.bbar;
rlm@46 15619 }
rlm@46 15620
rlm@46 15621 if(this.header === true){
rlm@46 15622 this.elements += ',header';
rlm@46 15623 delete this.header;
rlm@46 15624 }else if(this.title && this.header !== false){
rlm@46 15625 this.elements += ',header';
rlm@46 15626 }
rlm@46 15627
rlm@46 15628 if(this.footer === true){
rlm@46 15629 this.elements += ',footer';
rlm@46 15630 delete this.footer;
rlm@46 15631 }
rlm@46 15632
rlm@46 15633 if(this.buttons){
rlm@46 15634 var btns = this.buttons;
rlm@46 15635
rlm@46 15636 this.buttons = [];
rlm@46 15637 for(var i = 0, len = btns.length; i < len; i++) {
rlm@46 15638 if(btns[i].render){ this.buttons.push(btns[i]);
rlm@46 15639 }else{
rlm@46 15640 this.addButton(btns[i]);
rlm@46 15641 }
rlm@46 15642 }
rlm@46 15643 }
rlm@46 15644 if(this.autoLoad){
rlm@46 15645 this.on('render', this.doAutoLoad, this, {delay:10});
rlm@46 15646 }
rlm@46 15647 },
rlm@46 15648
rlm@46 15649 createElement : function(name, pnode){
rlm@46 15650 if(this[name]){
rlm@46 15651 pnode.appendChild(this[name].dom);
rlm@46 15652 return;
rlm@46 15653 }
rlm@46 15654
rlm@46 15655 if(name === 'bwrap' || this.elements.indexOf(name) != -1){
rlm@46 15656 if(this[name+'Cfg']){
rlm@46 15657 this[name] = Ext.fly(pnode).createChild(this[name+'Cfg']);
rlm@46 15658 }else{
rlm@46 15659 var el = document.createElement('div');
rlm@46 15660 el.className = this[name+'Cls'];
rlm@46 15661 this[name] = Ext.get(pnode.appendChild(el));
rlm@46 15662 }
rlm@46 15663 }
rlm@46 15664 },
rlm@46 15665
rlm@46 15666 onRender : function(ct, position){
rlm@46 15667 Ext.Panel.superclass.onRender.call(this, ct, position);
rlm@46 15668
rlm@46 15669 this.createClasses();
rlm@46 15670
rlm@46 15671 if(this.el){ this.el.addClass(this.baseCls);
rlm@46 15672 this.header = this.el.down('.'+this.headerCls);
rlm@46 15673 this.bwrap = this.el.down('.'+this.bwrapCls);
rlm@46 15674 var cp = this.bwrap ? this.bwrap : this.el;
rlm@46 15675 this.tbar = cp.down('.'+this.tbarCls);
rlm@46 15676 this.body = cp.down('.'+this.bodyCls);
rlm@46 15677 this.bbar = cp.down('.'+this.bbarCls);
rlm@46 15678 this.footer = cp.down('.'+this.footerCls);
rlm@46 15679 this.fromMarkup = true;
rlm@46 15680 }else{
rlm@46 15681 this.el = ct.createChild({
rlm@46 15682 id: this.id,
rlm@46 15683 cls: this.baseCls
rlm@46 15684 }, position);
rlm@46 15685 }
rlm@46 15686 var el = this.el, d = el.dom;
rlm@46 15687
rlm@46 15688 if(this.cls){
rlm@46 15689 this.el.addClass(this.cls);
rlm@46 15690 }
rlm@46 15691
rlm@46 15692 if(this.buttons){
rlm@46 15693 this.elements += ',footer';
rlm@46 15694 }
rlm@46 15695
rlm@46 15696
rlm@46 15697 if(this.frame){
rlm@46 15698 el.insertHtml('afterBegin', String.format(Ext.Element.boxMarkup, this.baseCls));
rlm@46 15699
rlm@46 15700 this.createElement('header', d.firstChild.firstChild.firstChild);
rlm@46 15701 this.createElement('bwrap', d);
rlm@46 15702
rlm@46 15703 var bw = this.bwrap.dom;
rlm@46 15704 var ml = d.childNodes[1], bl = d.childNodes[2];
rlm@46 15705 bw.appendChild(ml);
rlm@46 15706 bw.appendChild(bl);
rlm@46 15707
rlm@46 15708 var mc = bw.firstChild.firstChild.firstChild;
rlm@46 15709 this.createElement('tbar', mc);
rlm@46 15710 this.createElement('body', mc);
rlm@46 15711 this.createElement('bbar', mc);
rlm@46 15712 this.createElement('footer', bw.lastChild.firstChild.firstChild);
rlm@46 15713
rlm@46 15714 if(!this.footer){
rlm@46 15715 this.bwrap.dom.lastChild.className += ' x-panel-nofooter';
rlm@46 15716 }
rlm@46 15717 }else{
rlm@46 15718 this.createElement('header', d);
rlm@46 15719 this.createElement('bwrap', d);
rlm@46 15720
rlm@46 15721 var bw = this.bwrap.dom;
rlm@46 15722 this.createElement('tbar', bw);
rlm@46 15723 this.createElement('body', bw);
rlm@46 15724 this.createElement('bbar', bw);
rlm@46 15725 this.createElement('footer', bw);
rlm@46 15726
rlm@46 15727 if(!this.header){
rlm@46 15728 this.body.addClass(this.bodyCls + '-noheader');
rlm@46 15729 if(this.tbar){
rlm@46 15730 this.tbar.addClass(this.tbarCls + '-noheader');
rlm@46 15731 }
rlm@46 15732 }
rlm@46 15733 }
rlm@46 15734
rlm@46 15735 if(this.border === false){
rlm@46 15736 this.el.addClass(this.baseCls + '-noborder');
rlm@46 15737 this.body.addClass(this.bodyCls + '-noborder');
rlm@46 15738 if(this.header){
rlm@46 15739 this.header.addClass(this.headerCls + '-noborder');
rlm@46 15740 }
rlm@46 15741 if(this.footer){
rlm@46 15742 this.footer.addClass(this.footerCls + '-noborder');
rlm@46 15743 }
rlm@46 15744 if(this.tbar){
rlm@46 15745 this.tbar.addClass(this.tbarCls + '-noborder');
rlm@46 15746 }
rlm@46 15747 if(this.bbar){
rlm@46 15748 this.bbar.addClass(this.bbarCls + '-noborder');
rlm@46 15749 }
rlm@46 15750 }
rlm@46 15751
rlm@46 15752 if(this.bodyBorder === false){
rlm@46 15753 this.body.addClass(this.bodyCls + '-noborder');
rlm@46 15754 }
rlm@46 15755
rlm@46 15756 if(this.bodyStyle){
rlm@46 15757 this.body.applyStyles(this.bodyStyle);
rlm@46 15758 }
rlm@46 15759
rlm@46 15760 this.bwrap.enableDisplayMode('block');
rlm@46 15761
rlm@46 15762 if(this.header){
rlm@46 15763 this.header.unselectable();
rlm@46 15764
rlm@46 15765 if(this.headerAsText){
rlm@46 15766 this.header.dom.innerHTML =
rlm@46 15767 '<span class="' + this.headerTextCls + '">'+this.header.dom.innerHTML+'</span>';
rlm@46 15768
rlm@46 15769 if(this.iconCls){
rlm@46 15770 this.setIconClass(this.iconCls);
rlm@46 15771 }
rlm@46 15772 }
rlm@46 15773 }
rlm@46 15774
rlm@46 15775 if(this.floating){
rlm@46 15776 this.makeFloating(this.floating);
rlm@46 15777 }
rlm@46 15778
rlm@46 15779 if(this.collapsible){
rlm@46 15780 this.tools = this.tools ? this.tools.slice(0) : [];
rlm@46 15781 if(!this.hideCollapseTool){
rlm@46 15782 this.tools[this.collapseFirst?'unshift':'push']({
rlm@46 15783 id: 'toggle',
rlm@46 15784 handler : this.toggleCollapse,
rlm@46 15785 scope: this
rlm@46 15786 });
rlm@46 15787 }
rlm@46 15788 if(this.titleCollapse && this.header){
rlm@46 15789 this.header.on('click', this.toggleCollapse, this);
rlm@46 15790 this.header.setStyle('cursor', 'pointer');
rlm@46 15791 }
rlm@46 15792 }
rlm@46 15793 if(this.tools){
rlm@46 15794 var ts = this.tools;
rlm@46 15795 this.tools = {};
rlm@46 15796 this.addTool.apply(this, ts);
rlm@46 15797 }else{
rlm@46 15798 this.tools = {};
rlm@46 15799 }
rlm@46 15800
rlm@46 15801 if(this.buttons && this.buttons.length > 0){
rlm@46 15802 var tb = this.footer.createChild({cls:'x-panel-btns-ct', cn: {
rlm@46 15803 cls:"x-panel-btns x-panel-btns-"+this.buttonAlign,
rlm@46 15804 html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'
rlm@46 15805 }}, null, true);
rlm@46 15806 var tr = tb.getElementsByTagName('tr')[0];
rlm@46 15807 for(var i = 0, len = this.buttons.length; i < len; i++) {
rlm@46 15808 var b = this.buttons[i];
rlm@46 15809 var td = document.createElement('td');
rlm@46 15810 td.className = 'x-panel-btn-td';
rlm@46 15811 b.render(tr.appendChild(td));
rlm@46 15812 }
rlm@46 15813 }
rlm@46 15814
rlm@46 15815 if(this.tbar && this.topToolbar){
rlm@46 15816 if(Ext.isArray(this.topToolbar)){
rlm@46 15817 this.topToolbar = new Ext.Toolbar(this.topToolbar);
rlm@46 15818 }
rlm@46 15819 this.topToolbar.render(this.tbar);
rlm@46 15820 this.topToolbar.ownerCt = this;
rlm@46 15821 }
rlm@46 15822 if(this.bbar && this.bottomToolbar){
rlm@46 15823 if(Ext.isArray(this.bottomToolbar)){
rlm@46 15824 this.bottomToolbar = new Ext.Toolbar(this.bottomToolbar);
rlm@46 15825 }
rlm@46 15826 this.bottomToolbar.render(this.bbar);
rlm@46 15827 this.bottomToolbar.ownerCt = this;
rlm@46 15828 }
rlm@46 15829 },
rlm@46 15830
rlm@46 15831
rlm@46 15832 setIconClass : function(cls){
rlm@46 15833 var old = this.iconCls;
rlm@46 15834 this.iconCls = cls;
rlm@46 15835 if(this.rendered && this.header){
rlm@46 15836 if(this.frame){
rlm@46 15837 this.header.addClass('x-panel-icon');
rlm@46 15838 this.header.replaceClass(old, this.iconCls);
rlm@46 15839 }else{
rlm@46 15840 var hd = this.header.dom;
rlm@46 15841 var img = hd.firstChild && String(hd.firstChild.tagName).toLowerCase() == 'img' ? hd.firstChild : null;
rlm@46 15842 if(img){
rlm@46 15843 Ext.fly(img).replaceClass(old, this.iconCls);
rlm@46 15844 }else{
rlm@46 15845 Ext.DomHelper.insertBefore(hd.firstChild, {
rlm@46 15846 tag:'img', src: Ext.BLANK_IMAGE_URL, cls:'x-panel-inline-icon '+this.iconCls
rlm@46 15847 });
rlm@46 15848 }
rlm@46 15849 }
rlm@46 15850 }
rlm@46 15851 },
rlm@46 15852
rlm@46 15853 makeFloating : function(cfg){
rlm@46 15854 this.floating = true;
rlm@46 15855 this.el = new Ext.Layer(
rlm@46 15856 typeof cfg == 'object' ? cfg : {
rlm@46 15857 shadow: this.shadow !== undefined ? this.shadow : 'sides',
rlm@46 15858 shadowOffset: this.shadowOffset,
rlm@46 15859 constrain:false,
rlm@46 15860 shim: this.shim === false ? false : undefined
rlm@46 15861 }, this.el
rlm@46 15862 );
rlm@46 15863 },
rlm@46 15864
rlm@46 15865
rlm@46 15866 getTopToolbar : function(){
rlm@46 15867 return this.topToolbar;
rlm@46 15868 },
rlm@46 15869
rlm@46 15870
rlm@46 15871 getBottomToolbar : function(){
rlm@46 15872 return this.bottomToolbar;
rlm@46 15873 },
rlm@46 15874
rlm@46 15875
rlm@46 15876 addButton : function(config, handler, scope){
rlm@46 15877 var bc = {
rlm@46 15878 handler: handler,
rlm@46 15879 scope: scope,
rlm@46 15880 minWidth: this.minButtonWidth,
rlm@46 15881 hideParent:true
rlm@46 15882 };
rlm@46 15883 if(typeof config == "string"){
rlm@46 15884 bc.text = config;
rlm@46 15885 }else{
rlm@46 15886 Ext.apply(bc, config);
rlm@46 15887 }
rlm@46 15888 var btn = new Ext.Button(bc);
rlm@46 15889 btn.ownerCt = this;
rlm@46 15890 if(!this.buttons){
rlm@46 15891 this.buttons = [];
rlm@46 15892 }
rlm@46 15893 this.buttons.push(btn);
rlm@46 15894 return btn;
rlm@46 15895 },
rlm@46 15896
rlm@46 15897 addTool : function(){
rlm@46 15898 if(!this[this.toolTarget]) { return;
rlm@46 15899 }
rlm@46 15900 if(!this.toolTemplate){
rlm@46 15901 var tt = new Ext.Template(
rlm@46 15902 '<div class="x-tool x-tool-{id}">&#160;</div>'
rlm@46 15903 );
rlm@46 15904 tt.disableFormats = true;
rlm@46 15905 tt.compile();
rlm@46 15906 Ext.Panel.prototype.toolTemplate = tt;
rlm@46 15907 }
rlm@46 15908 for(var i = 0, a = arguments, len = a.length; i < len; i++) {
rlm@46 15909 var tc = a[i], overCls = 'x-tool-'+tc.id+'-over';
rlm@46 15910 var t = this.toolTemplate.insertFirst((tc.align !== 'left') ? this[this.toolTarget] : this[this.toolTarget].child('span'), tc, true);
rlm@46 15911 this.tools[tc.id] = t;
rlm@46 15912 t.enableDisplayMode('block');
rlm@46 15913 t.on('click', this.createToolHandler(t, tc, overCls, this));
rlm@46 15914 if(tc.on){
rlm@46 15915 t.on(tc.on);
rlm@46 15916 }
rlm@46 15917 if(tc.hidden){
rlm@46 15918 t.hide();
rlm@46 15919 }
rlm@46 15920 if(tc.qtip){
rlm@46 15921 if(typeof tc.qtip == 'object'){
rlm@46 15922 Ext.QuickTips.register(Ext.apply({
rlm@46 15923 target: t.id
rlm@46 15924 }, tc.qtip));
rlm@46 15925 } else {
rlm@46 15926 t.dom.qtip = tc.qtip;
rlm@46 15927 }
rlm@46 15928 }
rlm@46 15929 t.addClassOnOver(overCls);
rlm@46 15930 }
rlm@46 15931 },
rlm@46 15932
rlm@46 15933 onShow : function(){
rlm@46 15934 if(this.floating){
rlm@46 15935 return this.el.show();
rlm@46 15936 }
rlm@46 15937 Ext.Panel.superclass.onShow.call(this);
rlm@46 15938 },
rlm@46 15939
rlm@46 15940 onHide : function(){
rlm@46 15941 if(this.floating){
rlm@46 15942 return this.el.hide();
rlm@46 15943 }
rlm@46 15944 Ext.Panel.superclass.onHide.call(this);
rlm@46 15945 },
rlm@46 15946
rlm@46 15947 createToolHandler : function(t, tc, overCls, panel){
rlm@46 15948 return function(e){
rlm@46 15949 t.removeClass(overCls);
rlm@46 15950 e.stopEvent();
rlm@46 15951 if(tc.handler){
rlm@46 15952 tc.handler.call(tc.scope || t, e, t, panel);
rlm@46 15953 }
rlm@46 15954 };
rlm@46 15955 },
rlm@46 15956
rlm@46 15957 afterRender : function(){
rlm@46 15958 if(this.fromMarkup && this.height === undefined && !this.autoHeight){
rlm@46 15959 this.height = this.el.getHeight();
rlm@46 15960 }
rlm@46 15961 if(this.floating && !this.hidden && !this.initHidden){
rlm@46 15962 this.el.show();
rlm@46 15963 }
rlm@46 15964 if(this.title){
rlm@46 15965 this.setTitle(this.title);
rlm@46 15966 }
rlm@46 15967 this.setAutoScroll();
rlm@46 15968 if(this.html){
rlm@46 15969 this.body.update(typeof this.html == 'object' ?
rlm@46 15970 Ext.DomHelper.markup(this.html) :
rlm@46 15971 this.html);
rlm@46 15972 delete this.html;
rlm@46 15973 }
rlm@46 15974 if(this.contentEl){
rlm@46 15975 var ce = Ext.getDom(this.contentEl);
rlm@46 15976 Ext.fly(ce).removeClass(['x-hidden', 'x-hide-display']);
rlm@46 15977 this.body.dom.appendChild(ce);
rlm@46 15978 }
rlm@46 15979 if(this.collapsed){
rlm@46 15980 this.collapsed = false;
rlm@46 15981 this.collapse(false);
rlm@46 15982 }
rlm@46 15983 Ext.Panel.superclass.afterRender.call(this); this.initEvents();
rlm@46 15984 },
rlm@46 15985
rlm@46 15986 setAutoScroll : function(){
rlm@46 15987 if(this.rendered && this.autoScroll){
rlm@46 15988 this.body.setOverflow('auto');
rlm@46 15989 }
rlm@46 15990 },
rlm@46 15991
rlm@46 15992 getKeyMap : function(){
rlm@46 15993 if(!this.keyMap){
rlm@46 15994 this.keyMap = new Ext.KeyMap(this.el, this.keys);
rlm@46 15995 }
rlm@46 15996 return this.keyMap;
rlm@46 15997 },
rlm@46 15998
rlm@46 15999 initEvents : function(){
rlm@46 16000 if(this.keys){
rlm@46 16001 this.getKeyMap();
rlm@46 16002 }
rlm@46 16003 if(this.draggable){
rlm@46 16004 this.initDraggable();
rlm@46 16005 }
rlm@46 16006 },
rlm@46 16007
rlm@46 16008 initDraggable : function(){
rlm@46 16009
rlm@46 16010 this.dd = new Ext.Panel.DD(this, typeof this.draggable == 'boolean' ? null : this.draggable);
rlm@46 16011 },
rlm@46 16012
rlm@46 16013 beforeEffect : function(){
rlm@46 16014 if(this.floating){
rlm@46 16015 this.el.beforeAction();
rlm@46 16016 }
rlm@46 16017 this.el.addClass('x-panel-animated');
rlm@46 16018 },
rlm@46 16019
rlm@46 16020 afterEffect : function(){
rlm@46 16021 this.syncShadow();
rlm@46 16022 this.el.removeClass('x-panel-animated');
rlm@46 16023 },
rlm@46 16024
rlm@46 16025 createEffect : function(a, cb, scope){
rlm@46 16026 var o = {
rlm@46 16027 scope:scope,
rlm@46 16028 block:true
rlm@46 16029 };
rlm@46 16030 if(a === true){
rlm@46 16031 o.callback = cb;
rlm@46 16032 return o;
rlm@46 16033 }else if(!a.callback){
rlm@46 16034 o.callback = cb;
rlm@46 16035 }else { o.callback = function(){
rlm@46 16036 cb.call(scope);
rlm@46 16037 Ext.callback(a.callback, a.scope);
rlm@46 16038 };
rlm@46 16039 }
rlm@46 16040 return Ext.applyIf(o, a);
rlm@46 16041 },
rlm@46 16042
rlm@46 16043
rlm@46 16044 collapse : function(animate){
rlm@46 16045 if(this.collapsed || this.el.hasFxBlock() || this.fireEvent('beforecollapse', this, animate) === false){
rlm@46 16046 return;
rlm@46 16047 }
rlm@46 16048 var doAnim = animate === true || (animate !== false && this.animCollapse);
rlm@46 16049 this.beforeEffect();
rlm@46 16050 this.onCollapse(doAnim, animate);
rlm@46 16051 return this;
rlm@46 16052 },
rlm@46 16053
rlm@46 16054 onCollapse : function(doAnim, animArg){
rlm@46 16055 if(doAnim){
rlm@46 16056 this[this.collapseEl].slideOut(this.slideAnchor,
rlm@46 16057 Ext.apply(this.createEffect(animArg||true, this.afterCollapse, this),
rlm@46 16058 this.collapseDefaults));
rlm@46 16059 }else{
rlm@46 16060 this[this.collapseEl].hide();
rlm@46 16061 this.afterCollapse();
rlm@46 16062 }
rlm@46 16063 },
rlm@46 16064
rlm@46 16065 afterCollapse : function(){
rlm@46 16066 this.collapsed = true;
rlm@46 16067 this.el.addClass(this.collapsedCls);
rlm@46 16068 this.afterEffect();
rlm@46 16069 this.fireEvent('collapse', this);
rlm@46 16070 },
rlm@46 16071
rlm@46 16072
rlm@46 16073 expand : function(animate){
rlm@46 16074 if(!this.collapsed || this.el.hasFxBlock() || this.fireEvent('beforeexpand', this, animate) === false){
rlm@46 16075 return;
rlm@46 16076 }
rlm@46 16077 var doAnim = animate === true || (animate !== false && this.animCollapse);
rlm@46 16078 this.el.removeClass(this.collapsedCls);
rlm@46 16079 this.beforeEffect();
rlm@46 16080 this.onExpand(doAnim, animate);
rlm@46 16081 return this;
rlm@46 16082 },
rlm@46 16083
rlm@46 16084 onExpand : function(doAnim, animArg){
rlm@46 16085 if(doAnim){
rlm@46 16086 this[this.collapseEl].slideIn(this.slideAnchor,
rlm@46 16087 Ext.apply(this.createEffect(animArg||true, this.afterExpand, this),
rlm@46 16088 this.expandDefaults));
rlm@46 16089 }else{
rlm@46 16090 this[this.collapseEl].show();
rlm@46 16091 this.afterExpand();
rlm@46 16092 }
rlm@46 16093 },
rlm@46 16094
rlm@46 16095 afterExpand : function(){
rlm@46 16096 this.collapsed = false;
rlm@46 16097 this.afterEffect();
rlm@46 16098 this.fireEvent('expand', this);
rlm@46 16099 },
rlm@46 16100
rlm@46 16101
rlm@46 16102 toggleCollapse : function(animate){
rlm@46 16103 this[this.collapsed ? 'expand' : 'collapse'](animate);
rlm@46 16104 return this;
rlm@46 16105 },
rlm@46 16106
rlm@46 16107 onDisable : function(){
rlm@46 16108 if(this.rendered && this.maskDisabled){
rlm@46 16109 this.el.mask();
rlm@46 16110 }
rlm@46 16111 Ext.Panel.superclass.onDisable.call(this);
rlm@46 16112 },
rlm@46 16113
rlm@46 16114 onEnable : function(){
rlm@46 16115 if(this.rendered && this.maskDisabled){
rlm@46 16116 this.el.unmask();
rlm@46 16117 }
rlm@46 16118 Ext.Panel.superclass.onEnable.call(this);
rlm@46 16119 },
rlm@46 16120
rlm@46 16121 onResize : function(w, h){
rlm@46 16122 if(w !== undefined || h !== undefined){
rlm@46 16123 if(!this.collapsed){
rlm@46 16124 if(typeof w == 'number'){
rlm@46 16125 this.body.setWidth(
rlm@46 16126 this.adjustBodyWidth(w - this.getFrameWidth()));
rlm@46 16127 }else if(w == 'auto'){
rlm@46 16128 this.body.setWidth(w);
rlm@46 16129 }
rlm@46 16130
rlm@46 16131 if(typeof h == 'number'){
rlm@46 16132 this.body.setHeight(
rlm@46 16133 this.adjustBodyHeight(h - this.getFrameHeight()));
rlm@46 16134 }else if(h == 'auto'){
rlm@46 16135 this.body.setHeight(h);
rlm@46 16136 }
rlm@46 16137 }else{
rlm@46 16138 this.queuedBodySize = {width: w, height: h};
rlm@46 16139 if(!this.queuedExpand && this.allowQueuedExpand !== false){
rlm@46 16140 this.queuedExpand = true;
rlm@46 16141 this.on('expand', function(){
rlm@46 16142 delete this.queuedExpand;
rlm@46 16143 this.onResize(this.queuedBodySize.width, this.queuedBodySize.height);
rlm@46 16144 this.doLayout();
rlm@46 16145 }, this, {single:true});
rlm@46 16146 }
rlm@46 16147 }
rlm@46 16148 this.fireEvent('bodyresize', this, w, h);
rlm@46 16149 }
rlm@46 16150 this.syncShadow();
rlm@46 16151 },
rlm@46 16152
rlm@46 16153 adjustBodyHeight : function(h){
rlm@46 16154 return h;
rlm@46 16155 },
rlm@46 16156
rlm@46 16157 adjustBodyWidth : function(w){
rlm@46 16158 return w;
rlm@46 16159 },
rlm@46 16160
rlm@46 16161 onPosition : function(){
rlm@46 16162 this.syncShadow();
rlm@46 16163 },
rlm@46 16164
rlm@46 16165 onDestroy : function(){
rlm@46 16166 if(this.tools){
rlm@46 16167 for(var k in this.tools){
rlm@46 16168 Ext.destroy(this.tools[k]);
rlm@46 16169 }
rlm@46 16170 }
rlm@46 16171 if(this.buttons){
rlm@46 16172 for(var b in this.buttons){
rlm@46 16173 Ext.destroy(this.buttons[b]);
rlm@46 16174 }
rlm@46 16175 }
rlm@46 16176 Ext.destroy(
rlm@46 16177 this.topToolbar,
rlm@46 16178 this.bottomToolbar
rlm@46 16179 );
rlm@46 16180 Ext.Panel.superclass.onDestroy.call(this);
rlm@46 16181 },
rlm@46 16182
rlm@46 16183
rlm@46 16184 getFrameWidth : function(){
rlm@46 16185 var w = this.el.getFrameWidth('lr');
rlm@46 16186
rlm@46 16187 if(this.frame){
rlm@46 16188 var l = this.bwrap.dom.firstChild;
rlm@46 16189 w += (Ext.fly(l).getFrameWidth('l') + Ext.fly(l.firstChild).getFrameWidth('r'));
rlm@46 16190 var mc = this.bwrap.dom.firstChild.firstChild.firstChild;
rlm@46 16191 w += Ext.fly(mc).getFrameWidth('lr');
rlm@46 16192 }
rlm@46 16193 return w;
rlm@46 16194 },
rlm@46 16195
rlm@46 16196
rlm@46 16197 getFrameHeight : function(){
rlm@46 16198 var h = this.el.getFrameWidth('tb');
rlm@46 16199 h += (this.tbar ? this.tbar.getHeight() : 0) +
rlm@46 16200 (this.bbar ? this.bbar.getHeight() : 0);
rlm@46 16201
rlm@46 16202 if(this.frame){
rlm@46 16203 var hd = this.el.dom.firstChild;
rlm@46 16204 var ft = this.bwrap.dom.lastChild;
rlm@46 16205 h += (hd.offsetHeight + ft.offsetHeight);
rlm@46 16206 var mc = this.bwrap.dom.firstChild.firstChild.firstChild;
rlm@46 16207 h += Ext.fly(mc).getFrameWidth('tb');
rlm@46 16208 }else{
rlm@46 16209 h += (this.header ? this.header.getHeight() : 0) +
rlm@46 16210 (this.footer ? this.footer.getHeight() : 0);
rlm@46 16211 }
rlm@46 16212 return h;
rlm@46 16213 },
rlm@46 16214
rlm@46 16215
rlm@46 16216 getInnerWidth : function(){
rlm@46 16217 return this.getSize().width - this.getFrameWidth();
rlm@46 16218 },
rlm@46 16219
rlm@46 16220
rlm@46 16221 getInnerHeight : function(){
rlm@46 16222 return this.getSize().height - this.getFrameHeight();
rlm@46 16223 },
rlm@46 16224
rlm@46 16225 syncShadow : function(){
rlm@46 16226 if(this.floating){
rlm@46 16227 this.el.sync(true);
rlm@46 16228 }
rlm@46 16229 },
rlm@46 16230
rlm@46 16231 getLayoutTarget : function(){
rlm@46 16232 return this.body;
rlm@46 16233 },
rlm@46 16234
rlm@46 16235
rlm@46 16236 setTitle : function(title, iconCls){
rlm@46 16237 this.title = title;
rlm@46 16238 if(this.header && this.headerAsText){
rlm@46 16239 this.header.child('span').update(title);
rlm@46 16240 }
rlm@46 16241 if(iconCls){
rlm@46 16242 this.setIconClass(iconCls);
rlm@46 16243 }
rlm@46 16244 this.fireEvent('titlechange', this, title);
rlm@46 16245 return this;
rlm@46 16246 },
rlm@46 16247
rlm@46 16248
rlm@46 16249 getUpdater : function(){
rlm@46 16250 return this.body.getUpdater();
rlm@46 16251 },
rlm@46 16252
rlm@46 16253
rlm@46 16254 load : function(){
rlm@46 16255 var um = this.body.getUpdater();
rlm@46 16256 um.update.apply(um, arguments);
rlm@46 16257 return this;
rlm@46 16258 },
rlm@46 16259
rlm@46 16260 beforeDestroy : function(){
rlm@46 16261 Ext.Element.uncache(
rlm@46 16262 this.header,
rlm@46 16263 this.tbar,
rlm@46 16264 this.bbar,
rlm@46 16265 this.footer,
rlm@46 16266 this.body
rlm@46 16267 );
rlm@46 16268 },
rlm@46 16269
rlm@46 16270 createClasses : function(){
rlm@46 16271 this.headerCls = this.baseCls + '-header';
rlm@46 16272 this.headerTextCls = this.baseCls + '-header-text';
rlm@46 16273 this.bwrapCls = this.baseCls + '-bwrap';
rlm@46 16274 this.tbarCls = this.baseCls + '-tbar';
rlm@46 16275 this.bodyCls = this.baseCls + '-body';
rlm@46 16276 this.bbarCls = this.baseCls + '-bbar';
rlm@46 16277 this.footerCls = this.baseCls + '-footer';
rlm@46 16278 },
rlm@46 16279
rlm@46 16280 createGhost : function(cls, useShim, appendTo){
rlm@46 16281 var el = document.createElement('div');
rlm@46 16282 el.className = 'x-panel-ghost ' + (cls ? cls : '');
rlm@46 16283 if(this.header){
rlm@46 16284 el.appendChild(this.el.dom.firstChild.cloneNode(true));
rlm@46 16285 }
rlm@46 16286 Ext.fly(el.appendChild(document.createElement('ul'))).setHeight(this.bwrap.getHeight());
rlm@46 16287 el.style.width = this.el.dom.offsetWidth + 'px';;
rlm@46 16288 if(!appendTo){
rlm@46 16289 this.container.dom.appendChild(el);
rlm@46 16290 }else{
rlm@46 16291 Ext.getDom(appendTo).appendChild(el);
rlm@46 16292 }
rlm@46 16293 if(useShim !== false && this.el.useShim !== false){
rlm@46 16294 var layer = new Ext.Layer({shadow:false, useDisplay:true, constrain:false}, el);
rlm@46 16295 layer.show();
rlm@46 16296 return layer;
rlm@46 16297 }else{
rlm@46 16298 return new Ext.Element(el);
rlm@46 16299 }
rlm@46 16300 },
rlm@46 16301
rlm@46 16302 doAutoLoad : function(){
rlm@46 16303 this.body.load(
rlm@46 16304 typeof this.autoLoad == 'object' ?
rlm@46 16305 this.autoLoad : {url: this.autoLoad});
rlm@46 16306 }
rlm@46 16307
rlm@46 16308
rlm@46 16309 });
rlm@46 16310 Ext.reg('panel', Ext.Panel);
rlm@46 16311
rlm@46 16312
rlm@46 16313 Ext.Window = Ext.extend(Ext.Panel, {
rlm@46 16314
rlm@46 16315
rlm@46 16316
rlm@46 16317
rlm@46 16318
rlm@46 16319
rlm@46 16320
rlm@46 16321
rlm@46 16322
rlm@46 16323 baseCls : 'x-window',
rlm@46 16324
rlm@46 16325 resizable:true,
rlm@46 16326
rlm@46 16327 draggable:true,
rlm@46 16328
rlm@46 16329 closable : true,
rlm@46 16330
rlm@46 16331 constrain:false,
rlm@46 16332
rlm@46 16333 constrainHeader:false,
rlm@46 16334
rlm@46 16335 plain:false,
rlm@46 16336
rlm@46 16337 minimizable : false,
rlm@46 16338
rlm@46 16339 maximizable : false,
rlm@46 16340
rlm@46 16341 minHeight: 100,
rlm@46 16342
rlm@46 16343 minWidth: 200,
rlm@46 16344
rlm@46 16345 expandOnShow: true,
rlm@46 16346
rlm@46 16347 closeAction: 'close',
rlm@46 16348
rlm@46 16349 elements: 'header,body',
rlm@46 16350
rlm@46 16351 collapsible:false,
rlm@46 16352
rlm@46 16353 initHidden : true,
rlm@46 16354
rlm@46 16355 monitorResize : true,
rlm@46 16356
rlm@46 16357 frame:true,
rlm@46 16358
rlm@46 16359 floating:true,
rlm@46 16360
rlm@46 16361 initComponent : function(){
rlm@46 16362 Ext.Window.superclass.initComponent.call(this);
rlm@46 16363 this.addEvents(
rlm@46 16364
rlm@46 16365
rlm@46 16366
rlm@46 16367 'resize',
rlm@46 16368
rlm@46 16369 'maximize',
rlm@46 16370
rlm@46 16371 'minimize',
rlm@46 16372
rlm@46 16373 'restore'
rlm@46 16374 );
rlm@46 16375 },
rlm@46 16376
rlm@46 16377 getState : function(){
rlm@46 16378 return Ext.apply(Ext.Window.superclass.getState.call(this) || {}, this.getBox());
rlm@46 16379 },
rlm@46 16380
rlm@46 16381 onRender : function(ct, position){
rlm@46 16382 Ext.Window.superclass.onRender.call(this, ct, position);
rlm@46 16383
rlm@46 16384 if(this.plain){
rlm@46 16385 this.el.addClass('x-window-plain');
rlm@46 16386 }
rlm@46 16387
rlm@46 16388 this.focusEl = this.el.createChild({
rlm@46 16389 tag: "a", href:"#", cls:"x-dlg-focus",
rlm@46 16390 tabIndex:"-1", html: "&#160;"});
rlm@46 16391 this.focusEl.swallowEvent('click', true);
rlm@46 16392
rlm@46 16393 this.proxy = this.el.createProxy("x-window-proxy");
rlm@46 16394 this.proxy.enableDisplayMode('block');
rlm@46 16395
rlm@46 16396 if(this.modal){
rlm@46 16397 this.mask = this.container.createChild({cls:"ext-el-mask"}, this.el.dom);
rlm@46 16398 this.mask.enableDisplayMode("block");
rlm@46 16399 this.mask.hide();
rlm@46 16400 }
rlm@46 16401 },
rlm@46 16402
rlm@46 16403 initEvents : function(){
rlm@46 16404 Ext.Window.superclass.initEvents.call(this);
rlm@46 16405 if(this.animateTarget){
rlm@46 16406 this.setAnimateTarget(this.animateTarget);
rlm@46 16407 }
rlm@46 16408
rlm@46 16409 if(this.resizable){
rlm@46 16410 this.resizer = new Ext.Resizable(this.el, {
rlm@46 16411 minWidth: this.minWidth,
rlm@46 16412 minHeight:this.minHeight,
rlm@46 16413 handles: this.resizeHandles || "all",
rlm@46 16414 pinned: true,
rlm@46 16415 resizeElement : this.resizerAction
rlm@46 16416 });
rlm@46 16417 this.resizer.window = this;
rlm@46 16418 this.resizer.on("beforeresize", this.beforeResize, this);
rlm@46 16419 }
rlm@46 16420
rlm@46 16421 if(this.draggable){
rlm@46 16422 this.header.addClass("x-window-draggable");
rlm@46 16423 }
rlm@46 16424 this.initTools();
rlm@46 16425
rlm@46 16426 this.el.on("mousedown", this.toFront, this);
rlm@46 16427 this.manager = this.manager || Ext.WindowMgr;
rlm@46 16428 this.manager.register(this);
rlm@46 16429 this.hidden = true;
rlm@46 16430 if(this.maximized){
rlm@46 16431 this.maximized = false;
rlm@46 16432 this.maximize();
rlm@46 16433 }
rlm@46 16434 if(this.closable){
rlm@46 16435 var km = this.getKeyMap();
rlm@46 16436 km.on(27, this.onEsc, this);
rlm@46 16437 km.disable();
rlm@46 16438 }
rlm@46 16439 },
rlm@46 16440
rlm@46 16441 initDraggable : function(){
rlm@46 16442
rlm@46 16443 this.dd = new Ext.Window.DD(this);
rlm@46 16444 },
rlm@46 16445
rlm@46 16446 onEsc : function(){
rlm@46 16447 this[this.closeAction]();
rlm@46 16448 },
rlm@46 16449
rlm@46 16450 beforeDestroy : function(){
rlm@46 16451 Ext.destroy(
rlm@46 16452 this.resizer,
rlm@46 16453 this.dd,
rlm@46 16454 this.proxy,
rlm@46 16455 this.mask
rlm@46 16456 );
rlm@46 16457 Ext.Window.superclass.beforeDestroy.call(this);
rlm@46 16458 },
rlm@46 16459
rlm@46 16460 onDestroy : function(){
rlm@46 16461 if(this.manager){
rlm@46 16462 this.manager.unregister(this);
rlm@46 16463 }
rlm@46 16464 Ext.Window.superclass.onDestroy.call(this);
rlm@46 16465 },
rlm@46 16466
rlm@46 16467 initTools : function(){
rlm@46 16468 if(this.minimizable){
rlm@46 16469 this.addTool({
rlm@46 16470 id: 'minimize',
rlm@46 16471 handler: this.minimize.createDelegate(this, [])
rlm@46 16472 });
rlm@46 16473 }
rlm@46 16474 if(this.maximizable){
rlm@46 16475 this.addTool({
rlm@46 16476 id: 'maximize',
rlm@46 16477 handler: this.maximize.createDelegate(this, [])
rlm@46 16478 });
rlm@46 16479 this.addTool({
rlm@46 16480 id: 'restore',
rlm@46 16481 handler: this.restore.createDelegate(this, []),
rlm@46 16482 hidden:true
rlm@46 16483 });
rlm@46 16484 this.header.on('dblclick', this.toggleMaximize, this);
rlm@46 16485 }
rlm@46 16486 if(this.closable){
rlm@46 16487 this.addTool({
rlm@46 16488 id: 'close',
rlm@46 16489 handler: this[this.closeAction].createDelegate(this, [])
rlm@46 16490 });
rlm@46 16491 }
rlm@46 16492 },
rlm@46 16493
rlm@46 16494 resizerAction : function(){
rlm@46 16495 var box = this.proxy.getBox();
rlm@46 16496 this.proxy.hide();
rlm@46 16497 this.window.handleResize(box);
rlm@46 16498 return box;
rlm@46 16499 },
rlm@46 16500
rlm@46 16501 beforeResize : function(){
rlm@46 16502 this.resizer.minHeight = Math.max(this.minHeight, this.getFrameHeight() + 40); this.resizer.minWidth = Math.max(this.minWidth, this.getFrameWidth() + 40);
rlm@46 16503 this.resizeBox = this.el.getBox();
rlm@46 16504 },
rlm@46 16505
rlm@46 16506 updateHandles : function(){
rlm@46 16507 if(Ext.isIE && this.resizer){
rlm@46 16508 this.resizer.syncHandleHeight();
rlm@46 16509 this.el.repaint();
rlm@46 16510 }
rlm@46 16511 },
rlm@46 16512
rlm@46 16513 handleResize : function(box){
rlm@46 16514 var rz = this.resizeBox;
rlm@46 16515 if(rz.x != box.x || rz.y != box.y){
rlm@46 16516 this.updateBox(box);
rlm@46 16517 }else{
rlm@46 16518 this.setSize(box);
rlm@46 16519 }
rlm@46 16520 this.focus();
rlm@46 16521 this.updateHandles();
rlm@46 16522 this.saveState();
rlm@46 16523 this.fireEvent("resize", this, box.width, box.height);
rlm@46 16524 },
rlm@46 16525
rlm@46 16526
rlm@46 16527 focus : function(){
rlm@46 16528 var f = this.focusEl, db = this.defaultButton, t = typeof db;
rlm@46 16529 if(t != 'undefined'){
rlm@46 16530 if(t == 'number'){
rlm@46 16531 f = this.buttons[db];
rlm@46 16532 }else if(t == 'string'){
rlm@46 16533 f = Ext.getCmp(db);
rlm@46 16534 }else{
rlm@46 16535 f = db;
rlm@46 16536 }
rlm@46 16537 }
rlm@46 16538 f.focus.defer(10, f);
rlm@46 16539 },
rlm@46 16540
rlm@46 16541
rlm@46 16542 setAnimateTarget : function(el){
rlm@46 16543 el = Ext.get(el);
rlm@46 16544 this.animateTarget = el;
rlm@46 16545 },
rlm@46 16546
rlm@46 16547 beforeShow : function(){
rlm@46 16548 delete this.el.lastXY;
rlm@46 16549 delete this.el.lastLT;
rlm@46 16550 if(this.x === undefined || this.y === undefined){
rlm@46 16551 var xy = this.el.getAlignToXY(this.container, 'c-c');
rlm@46 16552 var pos = this.el.translatePoints(xy[0], xy[1]);
rlm@46 16553 this.x = this.x === undefined? pos.left : this.x;
rlm@46 16554 this.y = this.y === undefined? pos.top : this.y;
rlm@46 16555 }
rlm@46 16556 this.el.setLeftTop(this.x, this.y);
rlm@46 16557
rlm@46 16558 if(this.expandOnShow){
rlm@46 16559 this.expand(false);
rlm@46 16560 }
rlm@46 16561
rlm@46 16562 if(this.modal){
rlm@46 16563 Ext.getBody().addClass("x-body-masked");
rlm@46 16564 this.mask.setSize(Ext.lib.Dom.getViewWidth(true), Ext.lib.Dom.getViewHeight(true));
rlm@46 16565 this.mask.show();
rlm@46 16566 }
rlm@46 16567 },
rlm@46 16568
rlm@46 16569
rlm@46 16570 show : function(animateTarget, cb, scope){
rlm@46 16571 if(!this.rendered){
rlm@46 16572 this.render(Ext.getBody());
rlm@46 16573 }
rlm@46 16574 if(this.hidden === false){
rlm@46 16575 this.toFront();
rlm@46 16576 return;
rlm@46 16577 }
rlm@46 16578 if(this.fireEvent("beforeshow", this) === false){
rlm@46 16579 return;
rlm@46 16580 }
rlm@46 16581 if(cb){
rlm@46 16582 this.on('show', cb, scope, {single:true});
rlm@46 16583 }
rlm@46 16584 this.hidden = false;
rlm@46 16585 if(animateTarget !== undefined){
rlm@46 16586 this.setAnimateTarget(animateTarget);
rlm@46 16587 }
rlm@46 16588 this.beforeShow();
rlm@46 16589 if(this.animateTarget){
rlm@46 16590 this.animShow();
rlm@46 16591 }else{
rlm@46 16592 this.afterShow();
rlm@46 16593 }
rlm@46 16594 },
rlm@46 16595
rlm@46 16596 afterShow : function(){
rlm@46 16597 this.proxy.hide();
rlm@46 16598 this.el.setStyle('display', 'block');
rlm@46 16599 this.el.show();
rlm@46 16600 if(this.maximized){
rlm@46 16601 this.fitContainer();
rlm@46 16602 }
rlm@46 16603 if(Ext.isMac && Ext.isGecko){ this.cascade(this.setAutoScroll);
rlm@46 16604 }
rlm@46 16605
rlm@46 16606 if(this.monitorResize || this.modal || this.constrain || this.constrainHeader){
rlm@46 16607 Ext.EventManager.onWindowResize(this.onWindowResize, this);
rlm@46 16608 }
rlm@46 16609 this.doConstrain();
rlm@46 16610 if(this.layout){
rlm@46 16611 this.doLayout();
rlm@46 16612 }
rlm@46 16613 if(this.keyMap){
rlm@46 16614 this.keyMap.enable();
rlm@46 16615 }
rlm@46 16616 this.toFront();
rlm@46 16617 this.updateHandles();
rlm@46 16618 this.fireEvent("show", this);
rlm@46 16619 },
rlm@46 16620
rlm@46 16621 animShow : function(){
rlm@46 16622 this.proxy.show();
rlm@46 16623 this.proxy.setBox(this.animateTarget.getBox());
rlm@46 16624 this.proxy.setOpacity(0);
rlm@46 16625 var b = this.getBox(false);
rlm@46 16626 b.callback = this.afterShow;
rlm@46 16627 b.scope = this;
rlm@46 16628 b.duration = .25;
rlm@46 16629 b.easing = 'easeNone';
rlm@46 16630 b.opacity = .5;
rlm@46 16631 b.block = true;
rlm@46 16632 this.el.setStyle('display', 'none');
rlm@46 16633 this.proxy.shift(b);
rlm@46 16634 },
rlm@46 16635
rlm@46 16636
rlm@46 16637 hide : function(animateTarget, cb, scope){
rlm@46 16638 if(this.hidden || this.fireEvent("beforehide", this) === false){
rlm@46 16639 return;
rlm@46 16640 }
rlm@46 16641 if(cb){
rlm@46 16642 this.on('hide', cb, scope, {single:true});
rlm@46 16643 }
rlm@46 16644 this.hidden = true;
rlm@46 16645 if(animateTarget !== undefined){
rlm@46 16646 this.setAnimateTarget(animateTarget);
rlm@46 16647 }
rlm@46 16648 if(this.animateTarget){
rlm@46 16649 this.animHide();
rlm@46 16650 }else{
rlm@46 16651 this.el.hide();
rlm@46 16652 this.afterHide();
rlm@46 16653 }
rlm@46 16654 },
rlm@46 16655
rlm@46 16656 afterHide : function(){
rlm@46 16657 this.proxy.hide();
rlm@46 16658 if(this.monitorResize || this.modal || this.constrain || this.constrainHeader){
rlm@46 16659 Ext.EventManager.removeResizeListener(this.onWindowResize, this);
rlm@46 16660 }
rlm@46 16661 if(this.modal){
rlm@46 16662 this.mask.hide();
rlm@46 16663 Ext.getBody().removeClass("x-body-masked");
rlm@46 16664 }
rlm@46 16665 if(this.keyMap){
rlm@46 16666 this.keyMap.disable();
rlm@46 16667 }
rlm@46 16668 this.fireEvent("hide", this);
rlm@46 16669 },
rlm@46 16670
rlm@46 16671 animHide : function(){
rlm@46 16672 this.proxy.setOpacity(.5);
rlm@46 16673 this.proxy.show();
rlm@46 16674 var tb = this.getBox(false);
rlm@46 16675 this.proxy.setBox(tb);
rlm@46 16676 this.el.hide();
rlm@46 16677 var b = this.animateTarget.getBox();
rlm@46 16678 b.callback = this.afterHide;
rlm@46 16679 b.scope = this;
rlm@46 16680 b.duration = .25;
rlm@46 16681 b.easing = 'easeNone';
rlm@46 16682 b.block = true;
rlm@46 16683 b.opacity = 0;
rlm@46 16684 this.proxy.shift(b);
rlm@46 16685 },
rlm@46 16686
rlm@46 16687 onWindowResize : function(){
rlm@46 16688 if(this.maximized){
rlm@46 16689 this.fitContainer();
rlm@46 16690 }
rlm@46 16691 if(this.modal){
rlm@46 16692 this.mask.setSize('100%', '100%');
rlm@46 16693 var force = this.mask.dom.offsetHeight;
rlm@46 16694 this.mask.setSize(Ext.lib.Dom.getViewWidth(true), Ext.lib.Dom.getViewHeight(true));
rlm@46 16695 }
rlm@46 16696 this.doConstrain();
rlm@46 16697 },
rlm@46 16698
rlm@46 16699 doConstrain : function(){
rlm@46 16700 if(this.constrain || this.constrainHeader){
rlm@46 16701 var offsets;
rlm@46 16702 if(this.constrain){
rlm@46 16703 offsets = {
rlm@46 16704 right:this.el.shadowOffset,
rlm@46 16705 left:this.el.shadowOffset,
rlm@46 16706 bottom:this.el.shadowOffset
rlm@46 16707 };
rlm@46 16708 }else {
rlm@46 16709 var s = this.getSize();
rlm@46 16710 offsets = {
rlm@46 16711 right:-(s.width - 100),
rlm@46 16712 bottom:-(s.height - 25)
rlm@46 16713 };
rlm@46 16714 }
rlm@46 16715
rlm@46 16716 var xy = this.el.getConstrainToXY(this.container, true, offsets);
rlm@46 16717 if(xy){
rlm@46 16718 this.setPosition(xy[0], xy[1]);
rlm@46 16719 }
rlm@46 16720 }
rlm@46 16721 },
rlm@46 16722
rlm@46 16723 ghost : function(cls){
rlm@46 16724 var ghost = this.createGhost(cls);
rlm@46 16725 var box = this.getBox(true);
rlm@46 16726 ghost.setLeftTop(box.x, box.y);
rlm@46 16727 ghost.setWidth(box.width);
rlm@46 16728 this.el.hide();
rlm@46 16729 this.activeGhost = ghost;
rlm@46 16730 return ghost;
rlm@46 16731 },
rlm@46 16732
rlm@46 16733 unghost : function(show, matchPosition){
rlm@46 16734 if(show !== false){
rlm@46 16735 this.el.show();
rlm@46 16736 this.focus();
rlm@46 16737 if(Ext.isMac && Ext.isGecko){ this.cascade(this.setAutoScroll);
rlm@46 16738 }
rlm@46 16739 }
rlm@46 16740 if(matchPosition !== false){
rlm@46 16741 this.setPosition(this.activeGhost.getLeft(true), this.activeGhost.getTop(true));
rlm@46 16742 }
rlm@46 16743 this.activeGhost.hide();
rlm@46 16744 this.activeGhost.remove();
rlm@46 16745 delete this.activeGhost;
rlm@46 16746 },
rlm@46 16747
rlm@46 16748
rlm@46 16749 minimize : function(){
rlm@46 16750 this.fireEvent('minimize', this);
rlm@46 16751 },
rlm@46 16752
rlm@46 16753
rlm@46 16754 close : function(){
rlm@46 16755 if(this.fireEvent("beforeclose", this) !== false){
rlm@46 16756 this.hide(null, function(){
rlm@46 16757 this.fireEvent('close', this);
rlm@46 16758 this.destroy();
rlm@46 16759 }, this);
rlm@46 16760 }
rlm@46 16761 },
rlm@46 16762
rlm@46 16763
rlm@46 16764 maximize : function(){
rlm@46 16765 if(!this.maximized){
rlm@46 16766 this.expand(false);
rlm@46 16767 this.restoreSize = this.getSize();
rlm@46 16768 this.restorePos = this.getPosition(true);
rlm@46 16769 if (this.maximizable){
rlm@46 16770 this.tools.maximize.hide();
rlm@46 16771 this.tools.restore.show();
rlm@46 16772 }
rlm@46 16773 this.maximized = true;
rlm@46 16774 this.el.disableShadow();
rlm@46 16775
rlm@46 16776 if(this.dd){
rlm@46 16777 this.dd.lock();
rlm@46 16778 }
rlm@46 16779 if(this.collapsible){
rlm@46 16780 this.tools.toggle.hide();
rlm@46 16781 }
rlm@46 16782 this.el.addClass('x-window-maximized');
rlm@46 16783 this.container.addClass('x-window-maximized-ct');
rlm@46 16784
rlm@46 16785 this.setPosition(0, 0);
rlm@46 16786 this.fitContainer();
rlm@46 16787 this.fireEvent('maximize', this);
rlm@46 16788 }
rlm@46 16789 },
rlm@46 16790
rlm@46 16791
rlm@46 16792 restore : function(){
rlm@46 16793 if(this.maximized){
rlm@46 16794 this.el.removeClass('x-window-maximized');
rlm@46 16795 this.tools.restore.hide();
rlm@46 16796 this.tools.maximize.show();
rlm@46 16797 this.setPosition(this.restorePos[0], this.restorePos[1]);
rlm@46 16798 this.setSize(this.restoreSize.width, this.restoreSize.height);
rlm@46 16799 delete this.restorePos;
rlm@46 16800 delete this.restoreSize;
rlm@46 16801 this.maximized = false;
rlm@46 16802 this.el.enableShadow(true);
rlm@46 16803
rlm@46 16804 if(this.dd){
rlm@46 16805 this.dd.unlock();
rlm@46 16806 }
rlm@46 16807 if(this.collapsible){
rlm@46 16808 this.tools.toggle.show();
rlm@46 16809 }
rlm@46 16810 this.container.removeClass('x-window-maximized-ct');
rlm@46 16811
rlm@46 16812 this.doConstrain();
rlm@46 16813 this.fireEvent('restore', this);
rlm@46 16814 }
rlm@46 16815 },
rlm@46 16816
rlm@46 16817
rlm@46 16818 toggleMaximize : function(){
rlm@46 16819 this[this.maximized ? 'restore' : 'maximize']();
rlm@46 16820 },
rlm@46 16821
rlm@46 16822 fitContainer : function(){
rlm@46 16823 var vs = this.container.getViewSize();
rlm@46 16824 this.setSize(vs.width, vs.height);
rlm@46 16825 },
rlm@46 16826
rlm@46 16827 setZIndex : function(index){
rlm@46 16828 if(this.modal){
rlm@46 16829 this.mask.setStyle("z-index", index);
rlm@46 16830 }
rlm@46 16831 this.el.setZIndex(++index);
rlm@46 16832 index += 5;
rlm@46 16833
rlm@46 16834 if(this.resizer){
rlm@46 16835 this.resizer.proxy.setStyle("z-index", ++index);
rlm@46 16836 }
rlm@46 16837
rlm@46 16838 this.lastZIndex = index;
rlm@46 16839 },
rlm@46 16840
rlm@46 16841
rlm@46 16842 alignTo : function(element, position, offsets){
rlm@46 16843 var xy = this.el.getAlignToXY(element, position, offsets);
rlm@46 16844 this.setPagePosition(xy[0], xy[1]);
rlm@46 16845 return this;
rlm@46 16846 },
rlm@46 16847
rlm@46 16848
rlm@46 16849 anchorTo : function(el, alignment, offsets, monitorScroll, _pname){
rlm@46 16850 var action = function(){
rlm@46 16851 this.alignTo(el, alignment, offsets);
rlm@46 16852 };
rlm@46 16853 Ext.EventManager.onWindowResize(action, this);
rlm@46 16854 var tm = typeof monitorScroll;
rlm@46 16855 if(tm != 'undefined'){
rlm@46 16856 Ext.EventManager.on(window, 'scroll', action, this,
rlm@46 16857 {buffer: tm == 'number' ? monitorScroll : 50});
rlm@46 16858 }
rlm@46 16859 action.call(this);
rlm@46 16860 this[_pname] = action;
rlm@46 16861 return this;
rlm@46 16862 },
rlm@46 16863
rlm@46 16864
rlm@46 16865 toFront : function(){
rlm@46 16866 if(this.manager.bringToFront(this)){
rlm@46 16867 this.focus();
rlm@46 16868 }
rlm@46 16869 return this;
rlm@46 16870 },
rlm@46 16871
rlm@46 16872
rlm@46 16873 setActive : function(active){
rlm@46 16874 if(active){
rlm@46 16875 if(!this.maximized){
rlm@46 16876 this.el.enableShadow(true);
rlm@46 16877 }
rlm@46 16878 this.fireEvent('activate', this);
rlm@46 16879 }else{
rlm@46 16880 this.el.disableShadow();
rlm@46 16881 this.fireEvent('deactivate', this);
rlm@46 16882 }
rlm@46 16883 },
rlm@46 16884
rlm@46 16885
rlm@46 16886 toBack : function(){
rlm@46 16887 this.manager.sendToBack(this);
rlm@46 16888 return this;
rlm@46 16889 },
rlm@46 16890
rlm@46 16891
rlm@46 16892 center : function(){
rlm@46 16893 var xy = this.el.getAlignToXY(this.container, 'c-c');
rlm@46 16894 this.setPagePosition(xy[0], xy[1]);
rlm@46 16895 return this;
rlm@46 16896 }
rlm@46 16897 });
rlm@46 16898 Ext.reg('window', Ext.Window);
rlm@46 16899
rlm@46 16900 Ext.Window.DD = function(win){
rlm@46 16901 this.win = win;
rlm@46 16902 Ext.Window.DD.superclass.constructor.call(this, win.el.id, 'WindowDD-'+win.id);
rlm@46 16903 this.setHandleElId(win.header.id);
rlm@46 16904 this.scroll = false;
rlm@46 16905 };
rlm@46 16906
rlm@46 16907 Ext.extend(Ext.Window.DD, Ext.dd.DD, {
rlm@46 16908 moveOnly:true,
rlm@46 16909 headerOffsets:[100, 25],
rlm@46 16910 startDrag : function(){
rlm@46 16911 var w = this.win;
rlm@46 16912 this.proxy = w.ghost();
rlm@46 16913 if(w.constrain !== false){
rlm@46 16914 var so = w.el.shadowOffset;
rlm@46 16915 this.constrainTo(w.container, {right: so, left: so, bottom: so});
rlm@46 16916 }else if(w.constrainHeader !== false){
rlm@46 16917 var s = this.proxy.getSize();
rlm@46 16918 this.constrainTo(w.container, {right: -(s.width-this.headerOffsets[0]), bottom: -(s.height-this.headerOffsets[1])});
rlm@46 16919 }
rlm@46 16920 },
rlm@46 16921 b4Drag : Ext.emptyFn,
rlm@46 16922
rlm@46 16923 onDrag : function(e){
rlm@46 16924 this.alignElWithMouse(this.proxy, e.getPageX(), e.getPageY());
rlm@46 16925 },
rlm@46 16926
rlm@46 16927 endDrag : function(e){
rlm@46 16928 this.win.unghost();
rlm@46 16929 this.win.saveState();
rlm@46 16930 }
rlm@46 16931 });
rlm@46 16932
rlm@46 16933
rlm@46 16934 Ext.WindowGroup = function(){
rlm@46 16935 var list = {};
rlm@46 16936 var accessList = [];
rlm@46 16937 var front = null;
rlm@46 16938
rlm@46 16939 var sortWindows = function(d1, d2){
rlm@46 16940 return (!d1._lastAccess || d1._lastAccess < d2._lastAccess) ? -1 : 1;
rlm@46 16941 };
rlm@46 16942
rlm@46 16943 var orderWindows = function(){
rlm@46 16944 var a = accessList, len = a.length;
rlm@46 16945 if(len > 0){
rlm@46 16946 a.sort(sortWindows);
rlm@46 16947 var seed = a[0].manager.zseed;
rlm@46 16948 for(var i = 0; i < len; i++){
rlm@46 16949 var win = a[i];
rlm@46 16950 if(win && !win.hidden){
rlm@46 16951 win.setZIndex(seed + (i*10));
rlm@46 16952 }
rlm@46 16953 }
rlm@46 16954 }
rlm@46 16955 activateLast();
rlm@46 16956 };
rlm@46 16957
rlm@46 16958 var setActiveWin = function(win){
rlm@46 16959 if(win != front){
rlm@46 16960 if(front){
rlm@46 16961 front.setActive(false);
rlm@46 16962 }
rlm@46 16963 front = win;
rlm@46 16964 if(win){
rlm@46 16965 win.setActive(true);
rlm@46 16966 }
rlm@46 16967 }
rlm@46 16968 };
rlm@46 16969
rlm@46 16970 var activateLast = function(){
rlm@46 16971 for(var i = accessList.length-1; i >=0; --i) {
rlm@46 16972 if(!accessList[i].hidden){
rlm@46 16973 setActiveWin(accessList[i]);
rlm@46 16974 return;
rlm@46 16975 }
rlm@46 16976 }
rlm@46 16977 setActiveWin(null);
rlm@46 16978 };
rlm@46 16979
rlm@46 16980 return {
rlm@46 16981
rlm@46 16982 zseed : 9000,
rlm@46 16983
rlm@46 16984 register : function(win){
rlm@46 16985 list[win.id] = win;
rlm@46 16986 accessList.push(win);
rlm@46 16987 win.on('hide', activateLast);
rlm@46 16988 },
rlm@46 16989
rlm@46 16990 unregister : function(win){
rlm@46 16991 delete list[win.id];
rlm@46 16992 win.un('hide', activateLast);
rlm@46 16993 accessList.remove(win);
rlm@46 16994 },
rlm@46 16995
rlm@46 16996
rlm@46 16997 get : function(id){
rlm@46 16998 return typeof id == "object" ? id : list[id];
rlm@46 16999 },
rlm@46 17000
rlm@46 17001
rlm@46 17002 bringToFront : function(win){
rlm@46 17003 win = this.get(win);
rlm@46 17004 if(win != front){
rlm@46 17005 win._lastAccess = new Date().getTime();
rlm@46 17006 orderWindows();
rlm@46 17007 return true;
rlm@46 17008 }
rlm@46 17009 return false;
rlm@46 17010 },
rlm@46 17011
rlm@46 17012
rlm@46 17013 sendToBack : function(win){
rlm@46 17014 win = this.get(win);
rlm@46 17015 win._lastAccess = -(new Date().getTime());
rlm@46 17016 orderWindows();
rlm@46 17017 return win;
rlm@46 17018 },
rlm@46 17019
rlm@46 17020
rlm@46 17021 hideAll : function(){
rlm@46 17022 for(var id in list){
rlm@46 17023 if(list[id] && typeof list[id] != "function" && list[id].isVisible()){
rlm@46 17024 list[id].hide();
rlm@46 17025 }
rlm@46 17026 }
rlm@46 17027 },
rlm@46 17028
rlm@46 17029
rlm@46 17030 getActive : function(){
rlm@46 17031 return front;
rlm@46 17032 },
rlm@46 17033
rlm@46 17034
rlm@46 17035 getBy : function(fn, scope){
rlm@46 17036 var r = [];
rlm@46 17037 for(var i = accessList.length-1; i >=0; --i) {
rlm@46 17038 var win = accessList[i];
rlm@46 17039 if(fn.call(scope||win, win) !== false){
rlm@46 17040 r.push(win);
rlm@46 17041 }
rlm@46 17042 }
rlm@46 17043 return r;
rlm@46 17044 },
rlm@46 17045
rlm@46 17046
rlm@46 17047 each : function(fn, scope){
rlm@46 17048 for(var id in list){
rlm@46 17049 if(list[id] && typeof list[id] != "function"){
rlm@46 17050 if(fn.call(scope || list[id], list[id]) === false){
rlm@46 17051 return;
rlm@46 17052 }
rlm@46 17053 }
rlm@46 17054 }
rlm@46 17055 }
rlm@46 17056 };
rlm@46 17057 };
rlm@46 17058
rlm@46 17059
rlm@46 17060
rlm@46 17061 Ext.WindowMgr = new Ext.WindowGroup();
rlm@46 17062
rlm@46 17063 Ext.dd.PanelProxy = function(panel, config){
rlm@46 17064 this.panel = panel;
rlm@46 17065 this.id = this.panel.id +'-ddproxy';
rlm@46 17066 Ext.apply(this, config);
rlm@46 17067 };
rlm@46 17068
rlm@46 17069 Ext.dd.PanelProxy.prototype = {
rlm@46 17070
rlm@46 17071 insertProxy : true,
rlm@46 17072
rlm@46 17073
rlm@46 17074 setStatus : Ext.emptyFn,
rlm@46 17075 reset : Ext.emptyFn,
rlm@46 17076 update : Ext.emptyFn,
rlm@46 17077 stop : Ext.emptyFn,
rlm@46 17078 sync: Ext.emptyFn,
rlm@46 17079
rlm@46 17080
rlm@46 17081 getEl : function(){
rlm@46 17082 return this.ghost;
rlm@46 17083 },
rlm@46 17084
rlm@46 17085
rlm@46 17086 getGhost : function(){
rlm@46 17087 return this.ghost;
rlm@46 17088 },
rlm@46 17089
rlm@46 17090
rlm@46 17091 getProxy : function(){
rlm@46 17092 return this.proxy;
rlm@46 17093 },
rlm@46 17094
rlm@46 17095
rlm@46 17096 hide : function(){
rlm@46 17097 if(this.ghost){
rlm@46 17098 if(this.proxy){
rlm@46 17099 this.proxy.remove();
rlm@46 17100 delete this.proxy;
rlm@46 17101 }
rlm@46 17102 this.panel.el.dom.style.display = '';
rlm@46 17103 this.ghost.remove();
rlm@46 17104 delete this.ghost;
rlm@46 17105 }
rlm@46 17106 },
rlm@46 17107
rlm@46 17108
rlm@46 17109 show : function(){
rlm@46 17110 if(!this.ghost){
rlm@46 17111 this.ghost = this.panel.createGhost(undefined, undefined, Ext.getBody());
rlm@46 17112 this.ghost.setXY(this.panel.el.getXY())
rlm@46 17113 if(this.insertProxy){
rlm@46 17114 this.proxy = this.panel.el.insertSibling({cls:'x-panel-dd-spacer'});
rlm@46 17115 this.proxy.setSize(this.panel.getSize());
rlm@46 17116 }
rlm@46 17117 this.panel.el.dom.style.display = 'none';
rlm@46 17118 }
rlm@46 17119 },
rlm@46 17120
rlm@46 17121
rlm@46 17122 repair : function(xy, callback, scope){
rlm@46 17123 this.hide();
rlm@46 17124 if(typeof callback == "function"){
rlm@46 17125 callback.call(scope || this);
rlm@46 17126 }
rlm@46 17127 },
rlm@46 17128
rlm@46 17129
rlm@46 17130 moveProxy : function(parentNode, before){
rlm@46 17131 if(this.proxy){
rlm@46 17132 parentNode.insertBefore(this.proxy.dom, before);
rlm@46 17133 }
rlm@46 17134 }
rlm@46 17135 };
rlm@46 17136
rlm@46 17137
rlm@46 17138 Ext.Panel.DD = function(panel, cfg){
rlm@46 17139 this.panel = panel;
rlm@46 17140 this.dragData = {panel: panel};
rlm@46 17141 this.proxy = new Ext.dd.PanelProxy(panel, cfg);
rlm@46 17142 Ext.Panel.DD.superclass.constructor.call(this, panel.el, cfg);
rlm@46 17143 var h = panel.header;
rlm@46 17144 if(h){
rlm@46 17145 this.setHandleElId(h.id);
rlm@46 17146 }
rlm@46 17147 (h ? h : this.panel.body).setStyle('cursor', 'move');
rlm@46 17148 this.scroll = false;
rlm@46 17149 };
rlm@46 17150
rlm@46 17151 Ext.extend(Ext.Panel.DD, Ext.dd.DragSource, {
rlm@46 17152 showFrame: Ext.emptyFn,
rlm@46 17153 startDrag: Ext.emptyFn,
rlm@46 17154 b4StartDrag: function(x, y) {
rlm@46 17155 this.proxy.show();
rlm@46 17156 },
rlm@46 17157 b4MouseDown: function(e) {
rlm@46 17158 var x = e.getPageX();
rlm@46 17159 var y = e.getPageY();
rlm@46 17160 this.autoOffset(x, y);
rlm@46 17161 },
rlm@46 17162 onInitDrag : function(x, y){
rlm@46 17163 this.onStartDrag(x, y);
rlm@46 17164 return true;
rlm@46 17165 },
rlm@46 17166 createFrame : Ext.emptyFn,
rlm@46 17167 getDragEl : function(e){
rlm@46 17168 return this.proxy.ghost.dom;
rlm@46 17169 },
rlm@46 17170 endDrag : function(e){
rlm@46 17171 this.proxy.hide();
rlm@46 17172 this.panel.saveState();
rlm@46 17173 },
rlm@46 17174
rlm@46 17175 autoOffset : function(x, y) {
rlm@46 17176 x -= this.startPageX;
rlm@46 17177 y -= this.startPageY;
rlm@46 17178 this.setDelta(x, y);
rlm@46 17179 }
rlm@46 17180 });
rlm@46 17181
rlm@46 17182 Ext.state.Provider = function(){
rlm@46 17183
rlm@46 17184 this.addEvents("statechange");
rlm@46 17185 this.state = {};
rlm@46 17186 Ext.state.Provider.superclass.constructor.call(this);
rlm@46 17187 };
rlm@46 17188 Ext.extend(Ext.state.Provider, Ext.util.Observable, {
rlm@46 17189
rlm@46 17190 get : function(name, defaultValue){
rlm@46 17191 return typeof this.state[name] == "undefined" ?
rlm@46 17192 defaultValue : this.state[name];
rlm@46 17193 },
rlm@46 17194
rlm@46 17195
rlm@46 17196 clear : function(name){
rlm@46 17197 delete this.state[name];
rlm@46 17198 this.fireEvent("statechange", this, name, null);
rlm@46 17199 },
rlm@46 17200
rlm@46 17201
rlm@46 17202 set : function(name, value){
rlm@46 17203 this.state[name] = value;
rlm@46 17204 this.fireEvent("statechange", this, name, value);
rlm@46 17205 },
rlm@46 17206
rlm@46 17207
rlm@46 17208 decodeValue : function(cookie){
rlm@46 17209 var re = /^(a|n|d|b|s|o)\:(.*)$/;
rlm@46 17210 var matches = re.exec(unescape(cookie));
rlm@46 17211 if(!matches || !matches[1]) return;
rlm@46 17212 var type = matches[1];
rlm@46 17213 var v = matches[2];
rlm@46 17214 switch(type){
rlm@46 17215 case "n":
rlm@46 17216 return parseFloat(v);
rlm@46 17217 case "d":
rlm@46 17218 return new Date(Date.parse(v));
rlm@46 17219 case "b":
rlm@46 17220 return (v == "1");
rlm@46 17221 case "a":
rlm@46 17222 var all = [];
rlm@46 17223 var values = v.split("^");
rlm@46 17224 for(var i = 0, len = values.length; i < len; i++){
rlm@46 17225 all.push(this.decodeValue(values[i]));
rlm@46 17226 }
rlm@46 17227 return all;
rlm@46 17228 case "o":
rlm@46 17229 var all = {};
rlm@46 17230 var values = v.split("^");
rlm@46 17231 for(var i = 0, len = values.length; i < len; i++){
rlm@46 17232 var kv = values[i].split("=");
rlm@46 17233 all[kv[0]] = this.decodeValue(kv[1]);
rlm@46 17234 }
rlm@46 17235 return all;
rlm@46 17236 default:
rlm@46 17237 return v;
rlm@46 17238 }
rlm@46 17239 },
rlm@46 17240
rlm@46 17241
rlm@46 17242 encodeValue : function(v){
rlm@46 17243 var enc;
rlm@46 17244 if(typeof v == "number"){
rlm@46 17245 enc = "n:" + v;
rlm@46 17246 }else if(typeof v == "boolean"){
rlm@46 17247 enc = "b:" + (v ? "1" : "0");
rlm@46 17248 }else if(Ext.isDate(v)){
rlm@46 17249 enc = "d:" + v.toGMTString();
rlm@46 17250 }else if(Ext.isArray(v)){
rlm@46 17251 var flat = "";
rlm@46 17252 for(var i = 0, len = v.length; i < len; i++){
rlm@46 17253 flat += this.encodeValue(v[i]);
rlm@46 17254 if(i != len-1) flat += "^";
rlm@46 17255 }
rlm@46 17256 enc = "a:" + flat;
rlm@46 17257 }else if(typeof v == "object"){
rlm@46 17258 var flat = "";
rlm@46 17259 for(var key in v){
rlm@46 17260 if(typeof v[key] != "function" && v[key] !== undefined){
rlm@46 17261 flat += key + "=" + this.encodeValue(v[key]) + "^";
rlm@46 17262 }
rlm@46 17263 }
rlm@46 17264 enc = "o:" + flat.substring(0, flat.length-1);
rlm@46 17265 }else{
rlm@46 17266 enc = "s:" + v;
rlm@46 17267 }
rlm@46 17268 return escape(enc);
rlm@46 17269 }
rlm@46 17270 });
rlm@46 17271
rlm@46 17272
rlm@46 17273 Ext.state.Manager = function(){
rlm@46 17274 var provider = new Ext.state.Provider();
rlm@46 17275
rlm@46 17276 return {
rlm@46 17277
rlm@46 17278 setProvider : function(stateProvider){
rlm@46 17279 provider = stateProvider;
rlm@46 17280 },
rlm@46 17281
rlm@46 17282
rlm@46 17283 get : function(key, defaultValue){
rlm@46 17284 return provider.get(key, defaultValue);
rlm@46 17285 },
rlm@46 17286
rlm@46 17287
rlm@46 17288 set : function(key, value){
rlm@46 17289 provider.set(key, value);
rlm@46 17290 },
rlm@46 17291
rlm@46 17292
rlm@46 17293 clear : function(key){
rlm@46 17294 provider.clear(key);
rlm@46 17295 },
rlm@46 17296
rlm@46 17297
rlm@46 17298 getProvider : function(){
rlm@46 17299 return provider;
rlm@46 17300 }
rlm@46 17301 };
rlm@46 17302 }();
rlm@46 17303
rlm@46 17304
rlm@46 17305 Ext.state.CookieProvider = function(config){
rlm@46 17306 Ext.state.CookieProvider.superclass.constructor.call(this);
rlm@46 17307 this.path = "/";
rlm@46 17308 this.expires = new Date(new Date().getTime()+(1000*60*60*24*7));
rlm@46 17309 this.domain = null;
rlm@46 17310 this.secure = false;
rlm@46 17311 Ext.apply(this, config);
rlm@46 17312 this.state = this.readCookies();
rlm@46 17313 };
rlm@46 17314
rlm@46 17315 Ext.extend(Ext.state.CookieProvider, Ext.state.Provider, {
rlm@46 17316
rlm@46 17317 set : function(name, value){
rlm@46 17318 if(typeof value == "undefined" || value === null){
rlm@46 17319 this.clear(name);
rlm@46 17320 return;
rlm@46 17321 }
rlm@46 17322 this.setCookie(name, value);
rlm@46 17323 Ext.state.CookieProvider.superclass.set.call(this, name, value);
rlm@46 17324 },
rlm@46 17325
rlm@46 17326
rlm@46 17327 clear : function(name){
rlm@46 17328 this.clearCookie(name);
rlm@46 17329 Ext.state.CookieProvider.superclass.clear.call(this, name);
rlm@46 17330 },
rlm@46 17331
rlm@46 17332
rlm@46 17333 readCookies : function(){
rlm@46 17334 var cookies = {};
rlm@46 17335 var c = document.cookie + ";";
rlm@46 17336 var re = /\s?(.*?)=(.*?);/g;
rlm@46 17337 var matches;
rlm@46 17338 while((matches = re.exec(c)) != null){
rlm@46 17339 var name = matches[1];
rlm@46 17340 var value = matches[2];
rlm@46 17341 if(name && name.substring(0,3) == "ys-"){
rlm@46 17342 cookies[name.substr(3)] = this.decodeValue(value);
rlm@46 17343 }
rlm@46 17344 }
rlm@46 17345 return cookies;
rlm@46 17346 },
rlm@46 17347
rlm@46 17348
rlm@46 17349 setCookie : function(name, value){
rlm@46 17350 document.cookie = "ys-"+ name + "=" + this.encodeValue(value) +
rlm@46 17351 ((this.expires == null) ? "" : ("; expires=" + this.expires.toGMTString())) +
rlm@46 17352 ((this.path == null) ? "" : ("; path=" + this.path)) +
rlm@46 17353 ((this.domain == null) ? "" : ("; domain=" + this.domain)) +
rlm@46 17354 ((this.secure == true) ? "; secure" : "");
rlm@46 17355 },
rlm@46 17356
rlm@46 17357
rlm@46 17358 clearCookie : function(name){
rlm@46 17359 document.cookie = "ys-" + name + "=null; expires=Thu, 01-Jan-70 00:00:01 GMT" +
rlm@46 17360 ((this.path == null) ? "" : ("; path=" + this.path)) +
rlm@46 17361 ((this.domain == null) ? "" : ("; domain=" + this.domain)) +
rlm@46 17362 ((this.secure == true) ? "; secure" : "");
rlm@46 17363 }
rlm@46 17364 });
rlm@46 17365
rlm@46 17366 Ext.DataView = Ext.extend(Ext.BoxComponent, {
rlm@46 17367
rlm@46 17368
rlm@46 17369
rlm@46 17370
rlm@46 17371
rlm@46 17372
rlm@46 17373
rlm@46 17374
rlm@46 17375
rlm@46 17376 selectedClass : "x-view-selected",
rlm@46 17377
rlm@46 17378 emptyText : "",
rlm@46 17379
rlm@46 17380
rlm@46 17381 deferEmptyText: true,
rlm@46 17382
rlm@46 17383 last: false,
rlm@46 17384
rlm@46 17385 initComponent : function(){
rlm@46 17386 Ext.DataView.superclass.initComponent.call(this);
rlm@46 17387 if(typeof this.tpl == "string"){
rlm@46 17388 this.tpl = new Ext.XTemplate(this.tpl);
rlm@46 17389 }
rlm@46 17390
rlm@46 17391 this.addEvents(
rlm@46 17392
rlm@46 17393 "beforeclick",
rlm@46 17394
rlm@46 17395 "click",
rlm@46 17396
rlm@46 17397 "containerclick",
rlm@46 17398
rlm@46 17399 "dblclick",
rlm@46 17400
rlm@46 17401 "contextmenu",
rlm@46 17402
rlm@46 17403 "selectionchange",
rlm@46 17404
rlm@46 17405
rlm@46 17406 "beforeselect"
rlm@46 17407 );
rlm@46 17408
rlm@46 17409 this.all = new Ext.CompositeElementLite();
rlm@46 17410 this.selected = new Ext.CompositeElementLite();
rlm@46 17411 },
rlm@46 17412
rlm@46 17413 onRender : function(){
rlm@46 17414 if(!this.el){
rlm@46 17415 this.el = document.createElement('div');
rlm@46 17416 this.el.id = this.id;
rlm@46 17417 }
rlm@46 17418 Ext.DataView.superclass.onRender.apply(this, arguments);
rlm@46 17419 },
rlm@46 17420
rlm@46 17421 afterRender : function(){
rlm@46 17422 Ext.DataView.superclass.afterRender.call(this);
rlm@46 17423
rlm@46 17424 this.el.on({
rlm@46 17425 "click": this.onClick,
rlm@46 17426 "dblclick": this.onDblClick,
rlm@46 17427 "contextmenu": this.onContextMenu,
rlm@46 17428 scope:this
rlm@46 17429 });
rlm@46 17430
rlm@46 17431 if(this.overClass){
rlm@46 17432 this.el.on({
rlm@46 17433 "mouseover": this.onMouseOver,
rlm@46 17434 "mouseout": this.onMouseOut,
rlm@46 17435 scope:this
rlm@46 17436 });
rlm@46 17437 }
rlm@46 17438
rlm@46 17439 if(this.store){
rlm@46 17440 this.setStore(this.store, true);
rlm@46 17441 }
rlm@46 17442 },
rlm@46 17443
rlm@46 17444
rlm@46 17445 refresh : function(){
rlm@46 17446 this.clearSelections(false, true);
rlm@46 17447 this.el.update("");
rlm@46 17448 var html = [];
rlm@46 17449 var records = this.store.getRange();
rlm@46 17450 if(records.length < 1){
rlm@46 17451 if(!this.deferEmptyText || this.hasSkippedEmptyText){
rlm@46 17452 this.el.update(this.emptyText);
rlm@46 17453 }
rlm@46 17454 this.hasSkippedEmptyText = true;
rlm@46 17455 this.all.clear();
rlm@46 17456 return;
rlm@46 17457 }
rlm@46 17458 this.tpl.overwrite(this.el, this.collectData(records, 0));
rlm@46 17459 this.all.fill(Ext.query(this.itemSelector, this.el.dom));
rlm@46 17460 this.updateIndexes(0);
rlm@46 17461 },
rlm@46 17462
rlm@46 17463
rlm@46 17464 prepareData : function(data){
rlm@46 17465 return data;
rlm@46 17466 },
rlm@46 17467
rlm@46 17468 collectData : function(records, startIndex){
rlm@46 17469 var r = [];
rlm@46 17470 for(var i = 0, len = records.length; i < len; i++){
rlm@46 17471 r[r.length] = this.prepareData(records[i].data, startIndex+i, records[i]);
rlm@46 17472 }
rlm@46 17473 return r;
rlm@46 17474 },
rlm@46 17475
rlm@46 17476 bufferRender : function(records){
rlm@46 17477 var div = document.createElement('div');
rlm@46 17478 this.tpl.overwrite(div, this.collectData(records));
rlm@46 17479 return Ext.query(this.itemSelector, div);
rlm@46 17480 },
rlm@46 17481
rlm@46 17482 onUpdate : function(ds, record){
rlm@46 17483 var index = this.store.indexOf(record);
rlm@46 17484 var sel = this.isSelected(index);
rlm@46 17485 var original = this.all.elements[index];
rlm@46 17486 var node = this.bufferRender([record], index)[0];
rlm@46 17487
rlm@46 17488 this.all.replaceElement(index, node, true);
rlm@46 17489 if(sel){
rlm@46 17490 this.selected.replaceElement(original, node);
rlm@46 17491 this.all.item(index).addClass(this.selectedClass);
rlm@46 17492 }
rlm@46 17493 this.updateIndexes(index, index);
rlm@46 17494 },
rlm@46 17495
rlm@46 17496 onAdd : function(ds, records, index){
rlm@46 17497 if(this.all.getCount() == 0){
rlm@46 17498 this.refresh();
rlm@46 17499 return;
rlm@46 17500 }
rlm@46 17501 var nodes = this.bufferRender(records, index), n, a = this.all.elements;
rlm@46 17502 if(index < this.all.getCount()){
rlm@46 17503 n = this.all.item(index).insertSibling(nodes, 'before', true);
rlm@46 17504 a.splice.apply(a, [index, 0].concat(nodes));
rlm@46 17505 }else{
rlm@46 17506 n = this.all.last().insertSibling(nodes, 'after', true);
rlm@46 17507 a.push.apply(a, nodes);
rlm@46 17508 }
rlm@46 17509 this.updateIndexes(index);
rlm@46 17510 },
rlm@46 17511
rlm@46 17512 onRemove : function(ds, record, index){
rlm@46 17513 this.deselect(index);
rlm@46 17514 this.all.removeElement(index, true);
rlm@46 17515 this.updateIndexes(index);
rlm@46 17516 },
rlm@46 17517
rlm@46 17518
rlm@46 17519 refreshNode : function(index){
rlm@46 17520 this.onUpdate(this.store, this.store.getAt(index));
rlm@46 17521 },
rlm@46 17522
rlm@46 17523 updateIndexes : function(startIndex, endIndex){
rlm@46 17524 var ns = this.all.elements;
rlm@46 17525 startIndex = startIndex || 0;
rlm@46 17526 endIndex = endIndex || ((endIndex === 0) ? 0 : (ns.length - 1));
rlm@46 17527 for(var i = startIndex; i <= endIndex; i++){
rlm@46 17528 ns[i].viewIndex = i;
rlm@46 17529 }
rlm@46 17530 },
rlm@46 17531
rlm@46 17532
rlm@46 17533 setStore : function(store, initial){
rlm@46 17534 if(!initial && this.store){
rlm@46 17535 this.store.un("beforeload", this.onBeforeLoad, this);
rlm@46 17536 this.store.un("datachanged", this.refresh, this);
rlm@46 17537 this.store.un("add", this.onAdd, this);
rlm@46 17538 this.store.un("remove", this.onRemove, this);
rlm@46 17539 this.store.un("update", this.onUpdate, this);
rlm@46 17540 this.store.un("clear", this.refresh, this);
rlm@46 17541 }
rlm@46 17542 if(store){
rlm@46 17543 store = Ext.StoreMgr.lookup(store);
rlm@46 17544 store.on("beforeload", this.onBeforeLoad, this);
rlm@46 17545 store.on("datachanged", this.refresh, this);
rlm@46 17546 store.on("add", this.onAdd, this);
rlm@46 17547 store.on("remove", this.onRemove, this);
rlm@46 17548 store.on("update", this.onUpdate, this);
rlm@46 17549 store.on("clear", this.refresh, this);
rlm@46 17550 }
rlm@46 17551 this.store = store;
rlm@46 17552 if(store){
rlm@46 17553 this.refresh();
rlm@46 17554 }
rlm@46 17555 },
rlm@46 17556
rlm@46 17557
rlm@46 17558 findItemFromChild : function(node){
rlm@46 17559 return Ext.fly(node).findParent(this.itemSelector, this.el);
rlm@46 17560 },
rlm@46 17561
rlm@46 17562 onClick : function(e){
rlm@46 17563 var item = e.getTarget(this.itemSelector, this.el);
rlm@46 17564 if(item){
rlm@46 17565 var index = this.indexOf(item);
rlm@46 17566 if(this.onItemClick(item, index, e) !== false){
rlm@46 17567 this.fireEvent("click", this, index, item, e);
rlm@46 17568 }
rlm@46 17569 }else{
rlm@46 17570 if(this.fireEvent("containerclick", this, e) !== false){
rlm@46 17571 this.clearSelections();
rlm@46 17572 }
rlm@46 17573 }
rlm@46 17574 },
rlm@46 17575
rlm@46 17576 onContextMenu : function(e){
rlm@46 17577 var item = e.getTarget(this.itemSelector, this.el);
rlm@46 17578 if(item){
rlm@46 17579 this.fireEvent("contextmenu", this, this.indexOf(item), item, e);
rlm@46 17580 }
rlm@46 17581 },
rlm@46 17582
rlm@46 17583 onDblClick : function(e){
rlm@46 17584 var item = e.getTarget(this.itemSelector, this.el);
rlm@46 17585 if(item){
rlm@46 17586 this.fireEvent("dblclick", this, this.indexOf(item), item, e);
rlm@46 17587 }
rlm@46 17588 },
rlm@46 17589
rlm@46 17590 onMouseOver : function(e){
rlm@46 17591 var item = e.getTarget(this.itemSelector, this.el);
rlm@46 17592 if(item && item !== this.lastItem){
rlm@46 17593 this.lastItem = item;
rlm@46 17594 Ext.fly(item).addClass(this.overClass);
rlm@46 17595 }
rlm@46 17596 },
rlm@46 17597
rlm@46 17598 onMouseOut : function(e){
rlm@46 17599 if(this.lastItem){
rlm@46 17600 if(!e.within(this.lastItem, true)){
rlm@46 17601 Ext.fly(this.lastItem).removeClass(this.overClass);
rlm@46 17602 delete this.lastItem;
rlm@46 17603 }
rlm@46 17604 }
rlm@46 17605 },
rlm@46 17606
rlm@46 17607 onItemClick : function(item, index, e){
rlm@46 17608 if(this.fireEvent("beforeclick", this, index, item, e) === false){
rlm@46 17609 return false;
rlm@46 17610 }
rlm@46 17611 if(this.multiSelect){
rlm@46 17612 this.doMultiSelection(item, index, e);
rlm@46 17613 e.preventDefault();
rlm@46 17614 }else if(this.singleSelect){
rlm@46 17615 this.doSingleSelection(item, index, e);
rlm@46 17616 e.preventDefault();
rlm@46 17617 }
rlm@46 17618 return true;
rlm@46 17619 },
rlm@46 17620
rlm@46 17621 doSingleSelection : function(item, index, e){
rlm@46 17622 if(e.ctrlKey && this.isSelected(index)){
rlm@46 17623 this.deselect(index);
rlm@46 17624 }else{
rlm@46 17625 this.select(index, false);
rlm@46 17626 }
rlm@46 17627 },
rlm@46 17628
rlm@46 17629 doMultiSelection : function(item, index, e){
rlm@46 17630 if(e.shiftKey && this.last !== false){
rlm@46 17631 var last = this.last;
rlm@46 17632 this.selectRange(last, index, e.ctrlKey);
rlm@46 17633 this.last = last; }else{
rlm@46 17634 if((e.ctrlKey||this.simpleSelect) && this.isSelected(index)){
rlm@46 17635 this.deselect(index);
rlm@46 17636 }else{
rlm@46 17637 this.select(index, e.ctrlKey || e.shiftKey || this.simpleSelect);
rlm@46 17638 }
rlm@46 17639 }
rlm@46 17640 },
rlm@46 17641
rlm@46 17642
rlm@46 17643 getSelectionCount : function(){
rlm@46 17644 return this.selected.getCount()
rlm@46 17645 },
rlm@46 17646
rlm@46 17647
rlm@46 17648 getSelectedNodes : function(){
rlm@46 17649 return this.selected.elements;
rlm@46 17650 },
rlm@46 17651
rlm@46 17652
rlm@46 17653 getSelectedIndexes : function(){
rlm@46 17654 var indexes = [], s = this.selected.elements;
rlm@46 17655 for(var i = 0, len = s.length; i < len; i++){
rlm@46 17656 indexes.push(s[i].viewIndex);
rlm@46 17657 }
rlm@46 17658 return indexes;
rlm@46 17659 },
rlm@46 17660
rlm@46 17661
rlm@46 17662 getSelectedRecords : function(){
rlm@46 17663 var r = [], s = this.selected.elements;
rlm@46 17664 for(var i = 0, len = s.length; i < len; i++){
rlm@46 17665 r[r.length] = this.store.getAt(s[i].viewIndex);
rlm@46 17666 }
rlm@46 17667 return r;
rlm@46 17668 },
rlm@46 17669
rlm@46 17670
rlm@46 17671 getRecords : function(nodes){
rlm@46 17672 var r = [], s = nodes;
rlm@46 17673 for(var i = 0, len = s.length; i < len; i++){
rlm@46 17674 r[r.length] = this.store.getAt(s[i].viewIndex);
rlm@46 17675 }
rlm@46 17676 return r;
rlm@46 17677 },
rlm@46 17678
rlm@46 17679
rlm@46 17680 getRecord : function(node){
rlm@46 17681 return this.store.getAt(node.viewIndex);
rlm@46 17682 },
rlm@46 17683
rlm@46 17684
rlm@46 17685 clearSelections : function(suppressEvent, skipUpdate){
rlm@46 17686 if((this.multiSelect || this.singleSelect) && this.selected.getCount() > 0){
rlm@46 17687 if(!skipUpdate){
rlm@46 17688 this.selected.removeClass(this.selectedClass);
rlm@46 17689 }
rlm@46 17690 this.selected.clear();
rlm@46 17691 this.last = false;
rlm@46 17692 if(!suppressEvent){
rlm@46 17693 this.fireEvent("selectionchange", this, this.selected.elements);
rlm@46 17694 }
rlm@46 17695 }
rlm@46 17696 },
rlm@46 17697
rlm@46 17698
rlm@46 17699 isSelected : function(node){
rlm@46 17700 return this.selected.contains(this.getNode(node));
rlm@46 17701 },
rlm@46 17702
rlm@46 17703
rlm@46 17704 deselect : function(node){
rlm@46 17705 if(this.isSelected(node)){
rlm@46 17706 var node = this.getNode(node);
rlm@46 17707 this.selected.removeElement(node);
rlm@46 17708 if(this.last == node.viewIndex){
rlm@46 17709 this.last = false;
rlm@46 17710 }
rlm@46 17711 Ext.fly(node).removeClass(this.selectedClass);
rlm@46 17712 this.fireEvent("selectionchange", this, this.selected.elements);
rlm@46 17713 }
rlm@46 17714 },
rlm@46 17715
rlm@46 17716
rlm@46 17717 select : function(nodeInfo, keepExisting, suppressEvent){
rlm@46 17718 if(Ext.isArray(nodeInfo)){
rlm@46 17719 if(!keepExisting){
rlm@46 17720 this.clearSelections(true);
rlm@46 17721 }
rlm@46 17722 for(var i = 0, len = nodeInfo.length; i < len; i++){
rlm@46 17723 this.select(nodeInfo[i], true, true);
rlm@46 17724 }
rlm@46 17725 if(!suppressEvent){
rlm@46 17726 this.fireEvent("selectionchange", this, this.selected.elements);
rlm@46 17727 }
rlm@46 17728 } else{
rlm@46 17729 var node = this.getNode(nodeInfo);
rlm@46 17730 if(!keepExisting){
rlm@46 17731 this.clearSelections(true);
rlm@46 17732 }
rlm@46 17733 if(node && !this.isSelected(node)){
rlm@46 17734 if(this.fireEvent("beforeselect", this, node, this.selected.elements) !== false){
rlm@46 17735 Ext.fly(node).addClass(this.selectedClass);
rlm@46 17736 this.selected.add(node);
rlm@46 17737 this.last = node.viewIndex;
rlm@46 17738 if(!suppressEvent){
rlm@46 17739 this.fireEvent("selectionchange", this, this.selected.elements);
rlm@46 17740 }
rlm@46 17741 }
rlm@46 17742 }
rlm@46 17743 }
rlm@46 17744 },
rlm@46 17745
rlm@46 17746
rlm@46 17747 selectRange : function(start, end, keepExisting){
rlm@46 17748 if(!keepExisting){
rlm@46 17749 this.clearSelections(true);
rlm@46 17750 }
rlm@46 17751 this.select(this.getNodes(start, end), true);
rlm@46 17752 },
rlm@46 17753
rlm@46 17754
rlm@46 17755 getNode : function(nodeInfo){
rlm@46 17756 if(typeof nodeInfo == "string"){
rlm@46 17757 return document.getElementById(nodeInfo);
rlm@46 17758 }else if(typeof nodeInfo == "number"){
rlm@46 17759 return this.all.elements[nodeInfo];
rlm@46 17760 }
rlm@46 17761 return nodeInfo;
rlm@46 17762 },
rlm@46 17763
rlm@46 17764
rlm@46 17765 getNodes : function(start, end){
rlm@46 17766 var ns = this.all.elements;
rlm@46 17767 start = start || 0;
rlm@46 17768 end = typeof end == "undefined" ? ns.length - 1 : end;
rlm@46 17769 var nodes = [], i;
rlm@46 17770 if(start <= end){
rlm@46 17771 for(i = start; i <= end; i++){
rlm@46 17772 nodes.push(ns[i]);
rlm@46 17773 }
rlm@46 17774 } else{
rlm@46 17775 for(i = start; i >= end; i--){
rlm@46 17776 nodes.push(ns[i]);
rlm@46 17777 }
rlm@46 17778 }
rlm@46 17779 return nodes;
rlm@46 17780 },
rlm@46 17781
rlm@46 17782
rlm@46 17783 indexOf : function(node){
rlm@46 17784 node = this.getNode(node);
rlm@46 17785 if(typeof node.viewIndex == "number"){
rlm@46 17786 return node.viewIndex;
rlm@46 17787 }
rlm@46 17788 return this.all.indexOf(node);
rlm@46 17789 },
rlm@46 17790
rlm@46 17791 onBeforeLoad : function(){
rlm@46 17792 if(this.loadingText){
rlm@46 17793 this.clearSelections(false, true);
rlm@46 17794 this.el.update('<div class="loading-indicator">'+this.loadingText+'</div>');
rlm@46 17795 this.all.clear();
rlm@46 17796 }
rlm@46 17797 },
rlm@46 17798
rlm@46 17799 onDestroy : function(){
rlm@46 17800 Ext.DataView.superclass.onDestroy.call(this);
rlm@46 17801 this.setStore(null);
rlm@46 17802 }
rlm@46 17803 });
rlm@46 17804
rlm@46 17805 Ext.reg('dataview', Ext.DataView);
rlm@46 17806
rlm@46 17807 Ext.ColorPalette = function(config){
rlm@46 17808 Ext.ColorPalette.superclass.constructor.call(this, config);
rlm@46 17809 this.addEvents(
rlm@46 17810
rlm@46 17811 'select'
rlm@46 17812 );
rlm@46 17813
rlm@46 17814 if(this.handler){
rlm@46 17815 this.on("select", this.handler, this.scope, true);
rlm@46 17816 }
rlm@46 17817 };
rlm@46 17818 Ext.extend(Ext.ColorPalette, Ext.Component, {
rlm@46 17819
rlm@46 17820
rlm@46 17821 itemCls : "x-color-palette",
rlm@46 17822
rlm@46 17823 value : null,
rlm@46 17824 clickEvent:'click',
rlm@46 17825 ctype: "Ext.ColorPalette",
rlm@46 17826
rlm@46 17827
rlm@46 17828 allowReselect : false,
rlm@46 17829
rlm@46 17830
rlm@46 17831 colors : [
rlm@46 17832 "000000", "993300", "333300", "003300", "003366", "000080", "333399", "333333",
rlm@46 17833 "800000", "FF6600", "808000", "008000", "008080", "0000FF", "666699", "808080",
rlm@46 17834 "FF0000", "FF9900", "99CC00", "339966", "33CCCC", "3366FF", "800080", "969696",
rlm@46 17835 "FF00FF", "FFCC00", "FFFF00", "00FF00", "00FFFF", "00CCFF", "993366", "C0C0C0",
rlm@46 17836 "FF99CC", "FFCC99", "FFFF99", "CCFFCC", "CCFFFF", "99CCFF", "CC99FF", "FFFFFF"
rlm@46 17837 ],
rlm@46 17838
rlm@46 17839 onRender : function(container, position){
rlm@46 17840 var t = this.tpl || new Ext.XTemplate(
rlm@46 17841 '<tpl for="."><a href="#" class="color-{.}" hidefocus="on"><em><span style="background:#{.}" unselectable="on">&#160;</span></em></a></tpl>'
rlm@46 17842 );
rlm@46 17843 var el = document.createElement("div");
rlm@46 17844 el.className = this.itemCls;
rlm@46 17845 t.overwrite(el, this.colors);
rlm@46 17846 container.dom.insertBefore(el, position);
rlm@46 17847 this.el = Ext.get(el);
rlm@46 17848 this.el.on(this.clickEvent, this.handleClick, this, {delegate: "a"});
rlm@46 17849 if(this.clickEvent != 'click'){
rlm@46 17850 this.el.on('click', Ext.emptyFn, this, {delegate: "a", preventDefault:true});
rlm@46 17851 }
rlm@46 17852 },
rlm@46 17853
rlm@46 17854 afterRender : function(){
rlm@46 17855 Ext.ColorPalette.superclass.afterRender.call(this);
rlm@46 17856 if(this.value){
rlm@46 17857 var s = this.value;
rlm@46 17858 this.value = null;
rlm@46 17859 this.select(s);
rlm@46 17860 }
rlm@46 17861 },
rlm@46 17862
rlm@46 17863 handleClick : function(e, t){
rlm@46 17864 e.preventDefault();
rlm@46 17865 if(!this.disabled){
rlm@46 17866 var c = t.className.match(/(?:^|\s)color-(.{6})(?:\s|$)/)[1];
rlm@46 17867 this.select(c.toUpperCase());
rlm@46 17868 }
rlm@46 17869 },
rlm@46 17870
rlm@46 17871
rlm@46 17872 select : function(color){
rlm@46 17873 color = color.replace("#", "");
rlm@46 17874 if(color != this.value || this.allowReselect){
rlm@46 17875 var el = this.el;
rlm@46 17876 if(this.value){
rlm@46 17877 el.child("a.color-"+this.value).removeClass("x-color-palette-sel");
rlm@46 17878 }
rlm@46 17879 el.child("a.color-"+color).addClass("x-color-palette-sel");
rlm@46 17880 this.value = color;
rlm@46 17881 this.fireEvent("select", this, color);
rlm@46 17882 }
rlm@46 17883 }
rlm@46 17884
rlm@46 17885
rlm@46 17886 });
rlm@46 17887 Ext.reg('colorpalette', Ext.ColorPalette);
rlm@46 17888
rlm@46 17889 Ext.DatePicker = Ext.extend(Ext.Component, {
rlm@46 17890
rlm@46 17891 todayText : "Today",
rlm@46 17892
rlm@46 17893 okText : "&#160;OK&#160;",
rlm@46 17894
rlm@46 17895 cancelText : "Cancel",
rlm@46 17896
rlm@46 17897 todayTip : "{0} (Spacebar)",
rlm@46 17898
rlm@46 17899 minDate : null,
rlm@46 17900
rlm@46 17901 maxDate : null,
rlm@46 17902
rlm@46 17903 minText : "This date is before the minimum date",
rlm@46 17904
rlm@46 17905 maxText : "This date is after the maximum date",
rlm@46 17906
rlm@46 17907 format : "m/d/y",
rlm@46 17908
rlm@46 17909 disabledDays : null,
rlm@46 17910
rlm@46 17911 disabledDaysText : "",
rlm@46 17912
rlm@46 17913 disabledDatesRE : null,
rlm@46 17914
rlm@46 17915 disabledDatesText : "",
rlm@46 17916
rlm@46 17917 constrainToViewport : true,
rlm@46 17918
rlm@46 17919 monthNames : Date.monthNames,
rlm@46 17920
rlm@46 17921 dayNames : Date.dayNames,
rlm@46 17922
rlm@46 17923 nextText: 'Next Month (Control+Right)',
rlm@46 17924
rlm@46 17925 prevText: 'Previous Month (Control+Left)',
rlm@46 17926
rlm@46 17927 monthYearText: 'Choose a month (Control+Up/Down to move years)',
rlm@46 17928
rlm@46 17929 startDay : 0,
rlm@46 17930
rlm@46 17931 initComponent : function(){
rlm@46 17932 Ext.DatePicker.superclass.initComponent.call(this);
rlm@46 17933
rlm@46 17934 this.value = this.value ?
rlm@46 17935 this.value.clearTime() : new Date().clearTime();
rlm@46 17936
rlm@46 17937 this.addEvents(
rlm@46 17938
rlm@46 17939 'select'
rlm@46 17940 );
rlm@46 17941
rlm@46 17942 if(this.handler){
rlm@46 17943 this.on("select", this.handler, this.scope || this);
rlm@46 17944 }
rlm@46 17945
rlm@46 17946 this.initDisabledDays();
rlm@46 17947 },
rlm@46 17948
rlm@46 17949
rlm@46 17950 initDisabledDays : function(){
rlm@46 17951 if(!this.disabledDatesRE && this.disabledDates){
rlm@46 17952 var dd = this.disabledDates;
rlm@46 17953 var re = "(?:";
rlm@46 17954 for(var i = 0; i < dd.length; i++){
rlm@46 17955 re += dd[i];
rlm@46 17956 if(i != dd.length-1) re += "|";
rlm@46 17957 }
rlm@46 17958 this.disabledDatesRE = new RegExp(re + ")");
rlm@46 17959 }
rlm@46 17960 },
rlm@46 17961
rlm@46 17962
rlm@46 17963 setValue : function(value){
rlm@46 17964 var old = this.value;
rlm@46 17965 this.value = value.clearTime(true);
rlm@46 17966 if(this.el){
rlm@46 17967 this.update(this.value);
rlm@46 17968 }
rlm@46 17969 },
rlm@46 17970
rlm@46 17971
rlm@46 17972 getValue : function(){
rlm@46 17973 return this.value;
rlm@46 17974 },
rlm@46 17975
rlm@46 17976
rlm@46 17977 focus : function(){
rlm@46 17978 if(this.el){
rlm@46 17979 this.update(this.activeDate);
rlm@46 17980 }
rlm@46 17981 },
rlm@46 17982
rlm@46 17983
rlm@46 17984 onRender : function(container, position){
rlm@46 17985 var m = [
rlm@46 17986 '<table cellspacing="0">',
rlm@46 17987 '<tr><td class="x-date-left"><a href="#" title="', this.prevText ,'">&#160;</a></td><td class="x-date-middle" align="center"></td><td class="x-date-right"><a href="#" title="', this.nextText ,'">&#160;</a></td></tr>',
rlm@46 17988 '<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'];
rlm@46 17989 var dn = this.dayNames;
rlm@46 17990 for(var i = 0; i < 7; i++){
rlm@46 17991 var d = this.startDay+i;
rlm@46 17992 if(d > 6){
rlm@46 17993 d = d-7;
rlm@46 17994 }
rlm@46 17995 m.push("<th><span>", dn[d].substr(0,1), "</span></th>");
rlm@46 17996 }
rlm@46 17997 m[m.length] = "</tr></thead><tbody><tr>";
rlm@46 17998 for(var i = 0; i < 42; i++) {
rlm@46 17999 if(i % 7 == 0 && i != 0){
rlm@46 18000 m[m.length] = "</tr><tr>";
rlm@46 18001 }
rlm@46 18002 m[m.length] = '<td><a href="#" hidefocus="on" class="x-date-date" tabIndex="1"><em><span></span></em></a></td>';
rlm@46 18003 }
rlm@46 18004 m[m.length] = '</tr></tbody></table></td></tr><tr><td colspan="3" class="x-date-bottom" align="center"></td></tr></table><div class="x-date-mp"></div>';
rlm@46 18005
rlm@46 18006 var el = document.createElement("div");
rlm@46 18007 el.className = "x-date-picker";
rlm@46 18008 el.innerHTML = m.join("");
rlm@46 18009
rlm@46 18010 container.dom.insertBefore(el, position);
rlm@46 18011
rlm@46 18012 this.el = Ext.get(el);
rlm@46 18013 this.eventEl = Ext.get(el.firstChild);
rlm@46 18014
rlm@46 18015 new Ext.util.ClickRepeater(this.el.child("td.x-date-left a"), {
rlm@46 18016 handler: this.showPrevMonth,
rlm@46 18017 scope: this,
rlm@46 18018 preventDefault:true,
rlm@46 18019 stopDefault:true
rlm@46 18020 });
rlm@46 18021
rlm@46 18022 new Ext.util.ClickRepeater(this.el.child("td.x-date-right a"), {
rlm@46 18023 handler: this.showNextMonth,
rlm@46 18024 scope: this,
rlm@46 18025 preventDefault:true,
rlm@46 18026 stopDefault:true
rlm@46 18027 });
rlm@46 18028
rlm@46 18029 this.eventEl.on("mousewheel", this.handleMouseWheel, this);
rlm@46 18030
rlm@46 18031 this.monthPicker = this.el.down('div.x-date-mp');
rlm@46 18032 this.monthPicker.enableDisplayMode('block');
rlm@46 18033
rlm@46 18034 var kn = new Ext.KeyNav(this.eventEl, {
rlm@46 18035 "left" : function(e){
rlm@46 18036 e.ctrlKey ?
rlm@46 18037 this.showPrevMonth() :
rlm@46 18038 this.update(this.activeDate.add("d", -1));
rlm@46 18039 },
rlm@46 18040
rlm@46 18041 "right" : function(e){
rlm@46 18042 e.ctrlKey ?
rlm@46 18043 this.showNextMonth() :
rlm@46 18044 this.update(this.activeDate.add("d", 1));
rlm@46 18045 },
rlm@46 18046
rlm@46 18047 "up" : function(e){
rlm@46 18048 e.ctrlKey ?
rlm@46 18049 this.showNextYear() :
rlm@46 18050 this.update(this.activeDate.add("d", -7));
rlm@46 18051 },
rlm@46 18052
rlm@46 18053 "down" : function(e){
rlm@46 18054 e.ctrlKey ?
rlm@46 18055 this.showPrevYear() :
rlm@46 18056 this.update(this.activeDate.add("d", 7));
rlm@46 18057 },
rlm@46 18058
rlm@46 18059 "pageUp" : function(e){
rlm@46 18060 this.showNextMonth();
rlm@46 18061 },
rlm@46 18062
rlm@46 18063 "pageDown" : function(e){
rlm@46 18064 this.showPrevMonth();
rlm@46 18065 },
rlm@46 18066
rlm@46 18067 "enter" : function(e){
rlm@46 18068 e.stopPropagation();
rlm@46 18069 return true;
rlm@46 18070 },
rlm@46 18071
rlm@46 18072 scope : this
rlm@46 18073 });
rlm@46 18074
rlm@46 18075 this.eventEl.on("click", this.handleDateClick, this, {delegate: "a.x-date-date"});
rlm@46 18076
rlm@46 18077 this.eventEl.addKeyListener(Ext.EventObject.SPACE, this.selectToday, this);
rlm@46 18078
rlm@46 18079 this.el.unselectable();
rlm@46 18080
rlm@46 18081 this.cells = this.el.select("table.x-date-inner tbody td");
rlm@46 18082 this.textNodes = this.el.query("table.x-date-inner tbody span");
rlm@46 18083
rlm@46 18084 this.mbtn = new Ext.Button({
rlm@46 18085 text: "&#160;",
rlm@46 18086 tooltip: this.monthYearText,
rlm@46 18087 renderTo: this.el.child("td.x-date-middle", true)
rlm@46 18088 });
rlm@46 18089
rlm@46 18090 this.mbtn.on('click', this.showMonthPicker, this);
rlm@46 18091 this.mbtn.el.child(this.mbtn.menuClassTarget).addClass("x-btn-with-menu");
rlm@46 18092
rlm@46 18093
rlm@46 18094 var today = (new Date()).dateFormat(this.format);
rlm@46 18095 this.todayBtn = new Ext.Button({
rlm@46 18096 renderTo: this.el.child("td.x-date-bottom", true),
rlm@46 18097 text: String.format(this.todayText, today),
rlm@46 18098 tooltip: String.format(this.todayTip, today),
rlm@46 18099 handler: this.selectToday,
rlm@46 18100 scope: this
rlm@46 18101 });
rlm@46 18102
rlm@46 18103 if(Ext.isIE){
rlm@46 18104 this.el.repaint();
rlm@46 18105 }
rlm@46 18106 this.update(this.value);
rlm@46 18107 },
rlm@46 18108
rlm@46 18109 createMonthPicker : function(){
rlm@46 18110 if(!this.monthPicker.dom.firstChild){
rlm@46 18111 var buf = ['<table border="0" cellspacing="0">'];
rlm@46 18112 for(var i = 0; i < 6; i++){
rlm@46 18113 buf.push(
rlm@46 18114 '<tr><td class="x-date-mp-month"><a href="#">', this.monthNames[i].substr(0, 3), '</a></td>',
rlm@46 18115 '<td class="x-date-mp-month x-date-mp-sep"><a href="#">', this.monthNames[i+6].substr(0, 3), '</a></td>',
rlm@46 18116 i == 0 ?
rlm@46 18117 '<td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-prev"></a></td><td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-next"></a></td></tr>' :
rlm@46 18118 '<td class="x-date-mp-year"><a href="#"></a></td><td class="x-date-mp-year"><a href="#"></a></td></tr>'
rlm@46 18119 );
rlm@46 18120 }
rlm@46 18121 buf.push(
rlm@46 18122 '<tr class="x-date-mp-btns"><td colspan="4"><button type="button" class="x-date-mp-ok">',
rlm@46 18123 this.okText,
rlm@46 18124 '</button><button type="button" class="x-date-mp-cancel">',
rlm@46 18125 this.cancelText,
rlm@46 18126 '</button></td></tr>',
rlm@46 18127 '</table>'
rlm@46 18128 );
rlm@46 18129 this.monthPicker.update(buf.join(''));
rlm@46 18130 this.monthPicker.on('click', this.onMonthClick, this);
rlm@46 18131 this.monthPicker.on('dblclick', this.onMonthDblClick, this);
rlm@46 18132
rlm@46 18133 this.mpMonths = this.monthPicker.select('td.x-date-mp-month');
rlm@46 18134 this.mpYears = this.monthPicker.select('td.x-date-mp-year');
rlm@46 18135
rlm@46 18136 this.mpMonths.each(function(m, a, i){
rlm@46 18137 i += 1;
rlm@46 18138 if((i%2) == 0){
rlm@46 18139 m.dom.xmonth = 5 + Math.round(i * .5);
rlm@46 18140 }else{
rlm@46 18141 m.dom.xmonth = Math.round((i-1) * .5);
rlm@46 18142 }
rlm@46 18143 });
rlm@46 18144 }
rlm@46 18145 },
rlm@46 18146
rlm@46 18147 showMonthPicker : function(){
rlm@46 18148 this.createMonthPicker();
rlm@46 18149 var size = this.el.getSize();
rlm@46 18150 this.monthPicker.setSize(size);
rlm@46 18151 this.monthPicker.child('table').setSize(size);
rlm@46 18152
rlm@46 18153 this.mpSelMonth = (this.activeDate || this.value).getMonth();
rlm@46 18154 this.updateMPMonth(this.mpSelMonth);
rlm@46 18155 this.mpSelYear = (this.activeDate || this.value).getFullYear();
rlm@46 18156 this.updateMPYear(this.mpSelYear);
rlm@46 18157
rlm@46 18158 this.monthPicker.slideIn('t', {duration:.2});
rlm@46 18159 },
rlm@46 18160
rlm@46 18161 updateMPYear : function(y){
rlm@46 18162 this.mpyear = y;
rlm@46 18163 var ys = this.mpYears.elements;
rlm@46 18164 for(var i = 1; i <= 10; i++){
rlm@46 18165 var td = ys[i-1], y2;
rlm@46 18166 if((i%2) == 0){
rlm@46 18167 y2 = y + Math.round(i * .5);
rlm@46 18168 td.firstChild.innerHTML = y2;
rlm@46 18169 td.xyear = y2;
rlm@46 18170 }else{
rlm@46 18171 y2 = y - (5-Math.round(i * .5));
rlm@46 18172 td.firstChild.innerHTML = y2;
rlm@46 18173 td.xyear = y2;
rlm@46 18174 }
rlm@46 18175 this.mpYears.item(i-1)[y2 == this.mpSelYear ? 'addClass' : 'removeClass']('x-date-mp-sel');
rlm@46 18176 }
rlm@46 18177 },
rlm@46 18178
rlm@46 18179 updateMPMonth : function(sm){
rlm@46 18180 this.mpMonths.each(function(m, a, i){
rlm@46 18181 m[m.dom.xmonth == sm ? 'addClass' : 'removeClass']('x-date-mp-sel');
rlm@46 18182 });
rlm@46 18183 },
rlm@46 18184
rlm@46 18185 selectMPMonth: function(m){
rlm@46 18186
rlm@46 18187 },
rlm@46 18188
rlm@46 18189 onMonthClick : function(e, t){
rlm@46 18190 e.stopEvent();
rlm@46 18191 var el = new Ext.Element(t), pn;
rlm@46 18192 if(el.is('button.x-date-mp-cancel')){
rlm@46 18193 this.hideMonthPicker();
rlm@46 18194 }
rlm@46 18195 else if(el.is('button.x-date-mp-ok')){
rlm@46 18196 var d = new Date(this.mpSelYear, this.mpSelMonth, (this.activeDate || this.value).getDate());
rlm@46 18197 if(d.getMonth() != this.mpSelMonth){
rlm@46 18198
rlm@46 18199 d = new Date(this.mpSelYear, this.mpSelMonth, 1).getLastDateOfMonth();
rlm@46 18200 }
rlm@46 18201 this.update(d);
rlm@46 18202 this.hideMonthPicker();
rlm@46 18203 }
rlm@46 18204 else if(pn = el.up('td.x-date-mp-month', 2)){
rlm@46 18205 this.mpMonths.removeClass('x-date-mp-sel');
rlm@46 18206 pn.addClass('x-date-mp-sel');
rlm@46 18207 this.mpSelMonth = pn.dom.xmonth;
rlm@46 18208 }
rlm@46 18209 else if(pn = el.up('td.x-date-mp-year', 2)){
rlm@46 18210 this.mpYears.removeClass('x-date-mp-sel');
rlm@46 18211 pn.addClass('x-date-mp-sel');
rlm@46 18212 this.mpSelYear = pn.dom.xyear;
rlm@46 18213 }
rlm@46 18214 else if(el.is('a.x-date-mp-prev')){
rlm@46 18215 this.updateMPYear(this.mpyear-10);
rlm@46 18216 }
rlm@46 18217 else if(el.is('a.x-date-mp-next')){
rlm@46 18218 this.updateMPYear(this.mpyear+10);
rlm@46 18219 }
rlm@46 18220 },
rlm@46 18221
rlm@46 18222 onMonthDblClick : function(e, t){
rlm@46 18223 e.stopEvent();
rlm@46 18224 var el = new Ext.Element(t), pn;
rlm@46 18225 if(pn = el.up('td.x-date-mp-month', 2)){
rlm@46 18226 this.update(new Date(this.mpSelYear, pn.dom.xmonth, (this.activeDate || this.value).getDate()));
rlm@46 18227 this.hideMonthPicker();
rlm@46 18228 }
rlm@46 18229 else if(pn = el.up('td.x-date-mp-year', 2)){
rlm@46 18230 this.update(new Date(pn.dom.xyear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
rlm@46 18231 this.hideMonthPicker();
rlm@46 18232 }
rlm@46 18233 },
rlm@46 18234
rlm@46 18235 hideMonthPicker : function(disableAnim){
rlm@46 18236 if(this.monthPicker){
rlm@46 18237 if(disableAnim === true){
rlm@46 18238 this.monthPicker.hide();
rlm@46 18239 }else{
rlm@46 18240 this.monthPicker.slideOut('t', {duration:.2});
rlm@46 18241 }
rlm@46 18242 }
rlm@46 18243 },
rlm@46 18244
rlm@46 18245
rlm@46 18246 showPrevMonth : function(e){
rlm@46 18247 this.update(this.activeDate.add("mo", -1));
rlm@46 18248 },
rlm@46 18249
rlm@46 18250
rlm@46 18251 showNextMonth : function(e){
rlm@46 18252 this.update(this.activeDate.add("mo", 1));
rlm@46 18253 },
rlm@46 18254
rlm@46 18255
rlm@46 18256 showPrevYear : function(){
rlm@46 18257 this.update(this.activeDate.add("y", -1));
rlm@46 18258 },
rlm@46 18259
rlm@46 18260
rlm@46 18261 showNextYear : function(){
rlm@46 18262 this.update(this.activeDate.add("y", 1));
rlm@46 18263 },
rlm@46 18264
rlm@46 18265
rlm@46 18266 handleMouseWheel : function(e){
rlm@46 18267 var delta = e.getWheelDelta();
rlm@46 18268 if(delta > 0){
rlm@46 18269 this.showPrevMonth();
rlm@46 18270 e.stopEvent();
rlm@46 18271 } else if(delta < 0){
rlm@46 18272 this.showNextMonth();
rlm@46 18273 e.stopEvent();
rlm@46 18274 }
rlm@46 18275 },
rlm@46 18276
rlm@46 18277
rlm@46 18278 handleDateClick : function(e, t){
rlm@46 18279 e.stopEvent();
rlm@46 18280 if(t.dateValue && !Ext.fly(t.parentNode).hasClass("x-date-disabled")){
rlm@46 18281 this.setValue(new Date(t.dateValue));
rlm@46 18282 this.fireEvent("select", this, this.value);
rlm@46 18283 }
rlm@46 18284 },
rlm@46 18285
rlm@46 18286
rlm@46 18287 selectToday : function(){
rlm@46 18288 this.setValue(new Date().clearTime());
rlm@46 18289 this.fireEvent("select", this, this.value);
rlm@46 18290 },
rlm@46 18291
rlm@46 18292
rlm@46 18293 update : function(date){
rlm@46 18294 var vd = this.activeDate;
rlm@46 18295 this.activeDate = date;
rlm@46 18296 if(vd && this.el){
rlm@46 18297 var t = date.getTime();
rlm@46 18298 if(vd.getMonth() == date.getMonth() && vd.getFullYear() == date.getFullYear()){
rlm@46 18299 this.cells.removeClass("x-date-selected");
rlm@46 18300 this.cells.each(function(c){
rlm@46 18301 if(c.dom.firstChild.dateValue == t){
rlm@46 18302 c.addClass("x-date-selected");
rlm@46 18303 setTimeout(function(){
rlm@46 18304 try{c.dom.firstChild.focus();}catch(e){}
rlm@46 18305 }, 50);
rlm@46 18306 return false;
rlm@46 18307 }
rlm@46 18308 });
rlm@46 18309 return;
rlm@46 18310 }
rlm@46 18311 }
rlm@46 18312 var days = date.getDaysInMonth();
rlm@46 18313 var firstOfMonth = date.getFirstDateOfMonth();
rlm@46 18314 var startingPos = firstOfMonth.getDay()-this.startDay;
rlm@46 18315
rlm@46 18316 if(startingPos <= this.startDay){
rlm@46 18317 startingPos += 7;
rlm@46 18318 }
rlm@46 18319
rlm@46 18320 var pm = date.add("mo", -1);
rlm@46 18321 var prevStart = pm.getDaysInMonth()-startingPos;
rlm@46 18322
rlm@46 18323 var cells = this.cells.elements;
rlm@46 18324 var textEls = this.textNodes;
rlm@46 18325 days += startingPos;
rlm@46 18326
rlm@46 18327
rlm@46 18328 var day = 86400000;
rlm@46 18329 var d = (new Date(pm.getFullYear(), pm.getMonth(), prevStart)).clearTime();
rlm@46 18330 var today = new Date().clearTime().getTime();
rlm@46 18331 var sel = date.clearTime().getTime();
rlm@46 18332 var min = this.minDate ? this.minDate.clearTime() : Number.NEGATIVE_INFINITY;
rlm@46 18333 var max = this.maxDate ? this.maxDate.clearTime() : Number.POSITIVE_INFINITY;
rlm@46 18334 var ddMatch = this.disabledDatesRE;
rlm@46 18335 var ddText = this.disabledDatesText;
rlm@46 18336 var ddays = this.disabledDays ? this.disabledDays.join("") : false;
rlm@46 18337 var ddaysText = this.disabledDaysText;
rlm@46 18338 var format = this.format;
rlm@46 18339
rlm@46 18340 var setCellClass = function(cal, cell){
rlm@46 18341 cell.title = "";
rlm@46 18342 var t = d.getTime();
rlm@46 18343 cell.firstChild.dateValue = t;
rlm@46 18344 if(t == today){
rlm@46 18345 cell.className += " x-date-today";
rlm@46 18346 cell.title = cal.todayText;
rlm@46 18347 }
rlm@46 18348 if(t == sel){
rlm@46 18349 cell.className += " x-date-selected";
rlm@46 18350 setTimeout(function(){
rlm@46 18351 try{cell.firstChild.focus();}catch(e){}
rlm@46 18352 }, 50);
rlm@46 18353 }
rlm@46 18354
rlm@46 18355 if(t < min) {
rlm@46 18356 cell.className = " x-date-disabled";
rlm@46 18357 cell.title = cal.minText;
rlm@46 18358 return;
rlm@46 18359 }
rlm@46 18360 if(t > max) {
rlm@46 18361 cell.className = " x-date-disabled";
rlm@46 18362 cell.title = cal.maxText;
rlm@46 18363 return;
rlm@46 18364 }
rlm@46 18365 if(ddays){
rlm@46 18366 if(ddays.indexOf(d.getDay()) != -1){
rlm@46 18367 cell.title = ddaysText;
rlm@46 18368 cell.className = " x-date-disabled";
rlm@46 18369 }
rlm@46 18370 }
rlm@46 18371 if(ddMatch && format){
rlm@46 18372 var fvalue = d.dateFormat(format);
rlm@46 18373 if(ddMatch.test(fvalue)){
rlm@46 18374 cell.title = ddText.replace("%0", fvalue);
rlm@46 18375 cell.className = " x-date-disabled";
rlm@46 18376 }
rlm@46 18377 }
rlm@46 18378 };
rlm@46 18379
rlm@46 18380 var i = 0;
rlm@46 18381 for(; i < startingPos; i++) {
rlm@46 18382 textEls[i].innerHTML = (++prevStart);
rlm@46 18383 d.setDate(d.getDate()+1);
rlm@46 18384 cells[i].className = "x-date-prevday";
rlm@46 18385 setCellClass(this, cells[i]);
rlm@46 18386 }
rlm@46 18387 for(; i < days; i++){
rlm@46 18388 intDay = i - startingPos + 1;
rlm@46 18389 textEls[i].innerHTML = (intDay);
rlm@46 18390 d.setDate(d.getDate()+1);
rlm@46 18391 cells[i].className = "x-date-active";
rlm@46 18392 setCellClass(this, cells[i]);
rlm@46 18393 }
rlm@46 18394 var extraDays = 0;
rlm@46 18395 for(; i < 42; i++) {
rlm@46 18396 textEls[i].innerHTML = (++extraDays);
rlm@46 18397 d.setDate(d.getDate()+1);
rlm@46 18398 cells[i].className = "x-date-nextday";
rlm@46 18399 setCellClass(this, cells[i]);
rlm@46 18400 }
rlm@46 18401
rlm@46 18402 this.mbtn.setText(this.monthNames[date.getMonth()] + " " + date.getFullYear());
rlm@46 18403
rlm@46 18404 if(!this.internalRender){
rlm@46 18405 var main = this.el.dom.firstChild;
rlm@46 18406 var w = main.offsetWidth;
rlm@46 18407 this.el.setWidth(w + this.el.getBorderWidth("lr"));
rlm@46 18408 Ext.fly(main).setWidth(w);
rlm@46 18409 this.internalRender = true;
rlm@46 18410
rlm@46 18411
rlm@46 18412
rlm@46 18413 if(Ext.isOpera && !this.secondPass){
rlm@46 18414 main.rows[0].cells[1].style.width = (w - (main.rows[0].cells[0].offsetWidth+main.rows[0].cells[2].offsetWidth)) + "px";
rlm@46 18415 this.secondPass = true;
rlm@46 18416 this.update.defer(10, this, [date]);
rlm@46 18417 }
rlm@46 18418 }
rlm@46 18419 },
rlm@46 18420
rlm@46 18421
rlm@46 18422 beforeDestroy : function() {
rlm@46 18423 if(this.rendered){
rlm@46 18424 this.mbtn.destroy();
rlm@46 18425 this.todayBtn.destroy();
rlm@46 18426 }
rlm@46 18427 }
rlm@46 18428
rlm@46 18429
rlm@46 18430 });
rlm@46 18431 Ext.reg('datepicker', Ext.DatePicker);
rlm@46 18432
rlm@46 18433 Ext.TabPanel = Ext.extend(Ext.Panel, {
rlm@46 18434
rlm@46 18435
rlm@46 18436 monitorResize : true,
rlm@46 18437
rlm@46 18438 deferredRender : true,
rlm@46 18439
rlm@46 18440 tabWidth: 120,
rlm@46 18441
rlm@46 18442 minTabWidth: 30,
rlm@46 18443
rlm@46 18444 resizeTabs:false,
rlm@46 18445
rlm@46 18446 enableTabScroll: false,
rlm@46 18447
rlm@46 18448 scrollIncrement : 0,
rlm@46 18449
rlm@46 18450 scrollRepeatInterval : 400,
rlm@46 18451
rlm@46 18452 scrollDuration : .35,
rlm@46 18453
rlm@46 18454 animScroll : true,
rlm@46 18455
rlm@46 18456 tabPosition: 'top',
rlm@46 18457
rlm@46 18458 baseCls: 'x-tab-panel',
rlm@46 18459
rlm@46 18460 autoTabs : false,
rlm@46 18461
rlm@46 18462 autoTabSelector:'div.x-tab',
rlm@46 18463
rlm@46 18464 activeTab : null,
rlm@46 18465
rlm@46 18466 tabMargin : 2,
rlm@46 18467
rlm@46 18468 plain: false,
rlm@46 18469
rlm@46 18470 wheelIncrement : 20,
rlm@46 18471
rlm@46 18472
rlm@46 18473 idDelimiter : '__',
rlm@46 18474
rlm@46 18475 itemCls : 'x-tab-item',
rlm@46 18476
rlm@46 18477 elements: 'body',
rlm@46 18478 headerAsText: false,
rlm@46 18479 frame: false,
rlm@46 18480 hideBorders:true,
rlm@46 18481
rlm@46 18482 initComponent : function(){
rlm@46 18483 this.frame = false;
rlm@46 18484 Ext.TabPanel.superclass.initComponent.call(this);
rlm@46 18485 this.addEvents(
rlm@46 18486
rlm@46 18487 'beforetabchange',
rlm@46 18488
rlm@46 18489 'tabchange',
rlm@46 18490
rlm@46 18491 'contextmenu'
rlm@46 18492 );
rlm@46 18493 this.setLayout(new Ext.layout.CardLayout({
rlm@46 18494 deferredRender: this.deferredRender
rlm@46 18495 }));
rlm@46 18496 if(this.tabPosition == 'top'){
rlm@46 18497 this.elements += ',header';
rlm@46 18498 this.stripTarget = 'header';
rlm@46 18499 }else {
rlm@46 18500 this.elements += ',footer';
rlm@46 18501 this.stripTarget = 'footer';
rlm@46 18502 }
rlm@46 18503 if(!this.stack){
rlm@46 18504 this.stack = Ext.TabPanel.AccessStack();
rlm@46 18505 }
rlm@46 18506 this.initItems();
rlm@46 18507 },
rlm@46 18508
rlm@46 18509 render : function(){
rlm@46 18510 Ext.TabPanel.superclass.render.apply(this, arguments);
rlm@46 18511 if(this.activeTab !== undefined){
rlm@46 18512 var item = this.activeTab;
rlm@46 18513 delete this.activeTab;
rlm@46 18514 this.setActiveTab(item);
rlm@46 18515 }
rlm@46 18516 },
rlm@46 18517
rlm@46 18518 onRender : function(ct, position){
rlm@46 18519 Ext.TabPanel.superclass.onRender.call(this, ct, position);
rlm@46 18520
rlm@46 18521 if(this.plain){
rlm@46 18522 var pos = this.tabPosition == 'top' ? 'header' : 'footer';
rlm@46 18523 this[pos].addClass('x-tab-panel-'+pos+'-plain');
rlm@46 18524 }
rlm@46 18525
rlm@46 18526 var st = this[this.stripTarget];
rlm@46 18527
rlm@46 18528 this.stripWrap = st.createChild({cls:'x-tab-strip-wrap', cn:{
rlm@46 18529 tag:'ul', cls:'x-tab-strip x-tab-strip-'+this.tabPosition}});
rlm@46 18530 this.stripSpacer = st.createChild({cls:'x-tab-strip-spacer'});
rlm@46 18531 this.strip = new Ext.Element(this.stripWrap.dom.firstChild);
rlm@46 18532
rlm@46 18533 this.edge = this.strip.createChild({tag:'li', cls:'x-tab-edge'});
rlm@46 18534 this.strip.createChild({cls:'x-clear'});
rlm@46 18535
rlm@46 18536 this.body.addClass('x-tab-panel-body-'+this.tabPosition);
rlm@46 18537
rlm@46 18538 if(!this.itemTpl){
rlm@46 18539 var tt = new Ext.Template(
rlm@46 18540 '<li class="{cls}" id="{id}"><a class="x-tab-strip-close" onclick="return false;"></a>',
rlm@46 18541 '<a class="x-tab-right" href="#" onclick="return false;"><em class="x-tab-left">',
rlm@46 18542 '<span class="x-tab-strip-inner"><span class="x-tab-strip-text {iconCls}">{text}</span></span>',
rlm@46 18543 '</em></a></li>'
rlm@46 18544 );
rlm@46 18545 tt.disableFormats = true;
rlm@46 18546 tt.compile();
rlm@46 18547 Ext.TabPanel.prototype.itemTpl = tt;
rlm@46 18548 }
rlm@46 18549
rlm@46 18550 this.items.each(this.initTab, this);
rlm@46 18551 },
rlm@46 18552
rlm@46 18553 afterRender : function(){
rlm@46 18554 Ext.TabPanel.superclass.afterRender.call(this);
rlm@46 18555 if(this.autoTabs){
rlm@46 18556 this.readTabs(false);
rlm@46 18557 }
rlm@46 18558 },
rlm@46 18559
rlm@46 18560 initEvents : function(){
rlm@46 18561 Ext.TabPanel.superclass.initEvents.call(this);
rlm@46 18562 this.on('add', this.onAdd, this);
rlm@46 18563 this.on('remove', this.onRemove, this);
rlm@46 18564
rlm@46 18565 this.strip.on('mousedown', this.onStripMouseDown, this);
rlm@46 18566 this.strip.on('click', this.onStripClick, this);
rlm@46 18567 this.strip.on('contextmenu', this.onStripContextMenu, this);
rlm@46 18568 if(this.enableTabScroll){
rlm@46 18569 this.strip.on('mousewheel', this.onWheel, this);
rlm@46 18570 }
rlm@46 18571 },
rlm@46 18572
rlm@46 18573 findTargets : function(e){
rlm@46 18574 var item = null;
rlm@46 18575 var itemEl = e.getTarget('li', this.strip);
rlm@46 18576 if(itemEl){
rlm@46 18577 item = this.getComponent(itemEl.id.split(this.idDelimiter)[1]);
rlm@46 18578 if(item.disabled){
rlm@46 18579 return {
rlm@46 18580 close : null,
rlm@46 18581 item : null,
rlm@46 18582 el : null
rlm@46 18583 };
rlm@46 18584 }
rlm@46 18585 }
rlm@46 18586 return {
rlm@46 18587 close : e.getTarget('.x-tab-strip-close', this.strip),
rlm@46 18588 item : item,
rlm@46 18589 el : itemEl
rlm@46 18590 };
rlm@46 18591 },
rlm@46 18592
rlm@46 18593 onStripMouseDown : function(e){
rlm@46 18594 e.preventDefault();
rlm@46 18595 if(e.button != 0){
rlm@46 18596 return;
rlm@46 18597 }
rlm@46 18598 var t = this.findTargets(e);
rlm@46 18599 if(t.close){
rlm@46 18600 this.remove(t.item);
rlm@46 18601 return;
rlm@46 18602 }
rlm@46 18603 if(t.item && t.item != this.activeTab){
rlm@46 18604 this.setActiveTab(t.item);
rlm@46 18605 }
rlm@46 18606 },
rlm@46 18607
rlm@46 18608 onStripClick : function(e){
rlm@46 18609 var t = this.findTargets(e);
rlm@46 18610 if(!t.close && t.item && t.item != this.activeTab){
rlm@46 18611 this.setActiveTab(t.item);
rlm@46 18612 }
rlm@46 18613 },
rlm@46 18614
rlm@46 18615 onStripContextMenu : function(e){
rlm@46 18616 e.preventDefault();
rlm@46 18617 var t = this.findTargets(e);
rlm@46 18618 if(t.item){
rlm@46 18619 this.fireEvent('contextmenu', this, t.item, e);
rlm@46 18620 }
rlm@46 18621 },
rlm@46 18622
rlm@46 18623
rlm@46 18624 readTabs : function(removeExisting){
rlm@46 18625 if(removeExisting === true){
rlm@46 18626 this.items.each(function(item){
rlm@46 18627 this.remove(item);
rlm@46 18628 }, this);
rlm@46 18629 }
rlm@46 18630 var tabs = this.el.query(this.autoTabSelector);
rlm@46 18631 for(var i = 0, len = tabs.length; i < len; i++){
rlm@46 18632 var tab = tabs[i];
rlm@46 18633 var title = tab.getAttribute('title');
rlm@46 18634 tab.removeAttribute('title');
rlm@46 18635 this.add({
rlm@46 18636 title: title,
rlm@46 18637 el: tab
rlm@46 18638 });
rlm@46 18639 }
rlm@46 18640 },
rlm@46 18641
rlm@46 18642 initTab : function(item, index){
rlm@46 18643 var before = this.strip.dom.childNodes[index];
rlm@46 18644 var cls = item.closable ? 'x-tab-strip-closable' : '';
rlm@46 18645 if(item.disabled){
rlm@46 18646 cls += ' x-item-disabled';
rlm@46 18647 }
rlm@46 18648 if(item.iconCls){
rlm@46 18649 cls += ' x-tab-with-icon';
rlm@46 18650 }
rlm@46 18651 if(item.tabCls){
rlm@46 18652 cls += ' ' + item.tabCls;
rlm@46 18653 }
rlm@46 18654
rlm@46 18655 var p = {
rlm@46 18656 id: this.id + this.idDelimiter + item.getItemId(),
rlm@46 18657 text: item.title,
rlm@46 18658 cls: cls,
rlm@46 18659 iconCls: item.iconCls || ''
rlm@46 18660 };
rlm@46 18661 var el = before ?
rlm@46 18662 this.itemTpl.insertBefore(before, p) :
rlm@46 18663 this.itemTpl.append(this.strip, p);
rlm@46 18664
rlm@46 18665 Ext.fly(el).addClassOnOver('x-tab-strip-over');
rlm@46 18666
rlm@46 18667 if(item.tabTip){
rlm@46 18668 Ext.fly(el).child('span.x-tab-strip-text', true).qtip = item.tabTip;
rlm@46 18669 }
rlm@46 18670 item.on('disable', this.onItemDisabled, this);
rlm@46 18671 item.on('enable', this.onItemEnabled, this);
rlm@46 18672 item.on('titlechange', this.onItemTitleChanged, this);
rlm@46 18673 item.on('beforeshow', this.onBeforeShowItem, this);
rlm@46 18674 },
rlm@46 18675
rlm@46 18676 onAdd : function(tp, item, index){
rlm@46 18677 this.initTab(item, index);
rlm@46 18678 if(this.items.getCount() == 1){
rlm@46 18679 this.syncSize();
rlm@46 18680 }
rlm@46 18681 this.delegateUpdates();
rlm@46 18682 },
rlm@46 18683
rlm@46 18684 onBeforeAdd : function(item){
rlm@46 18685 var existing = item.events ? (this.items.containsKey(item.getItemId()) ? item : null) : this.items.get(item);
rlm@46 18686 if(existing){
rlm@46 18687 this.setActiveTab(item);
rlm@46 18688 return false;
rlm@46 18689 }
rlm@46 18690 Ext.TabPanel.superclass.onBeforeAdd.apply(this, arguments);
rlm@46 18691 var es = item.elements;
rlm@46 18692 item.elements = es ? es.replace(',header', '') : es;
rlm@46 18693 item.border = (item.border === true);
rlm@46 18694 },
rlm@46 18695
rlm@46 18696 onRemove : function(tp, item){
rlm@46 18697 Ext.removeNode(this.getTabEl(item));
rlm@46 18698 this.stack.remove(item);
rlm@46 18699 item.un('disable', this.onItemDisabled, this);
rlm@46 18700 item.un('enable', this.onItemEnabled, this);
rlm@46 18701 item.un('titlechange', this.onItemTitleChanged, this);
rlm@46 18702 item.un('beforeshow', this.onBeforeShowItem, this);
rlm@46 18703 if(item == this.activeTab){
rlm@46 18704 var next = this.stack.next();
rlm@46 18705 if(next){
rlm@46 18706 this.setActiveTab(next);
rlm@46 18707 }else{
rlm@46 18708 this.setActiveTab(0);
rlm@46 18709 }
rlm@46 18710 }
rlm@46 18711 this.delegateUpdates();
rlm@46 18712 },
rlm@46 18713
rlm@46 18714 onBeforeShowItem : function(item){
rlm@46 18715 if(item != this.activeTab){
rlm@46 18716 this.setActiveTab(item);
rlm@46 18717 return false;
rlm@46 18718 }
rlm@46 18719 },
rlm@46 18720
rlm@46 18721 onItemDisabled : function(item){
rlm@46 18722 var el = this.getTabEl(item);
rlm@46 18723 if(el){
rlm@46 18724 Ext.fly(el).addClass('x-item-disabled');
rlm@46 18725 }
rlm@46 18726 this.stack.remove(item);
rlm@46 18727 },
rlm@46 18728
rlm@46 18729 onItemEnabled : function(item){
rlm@46 18730 var el = this.getTabEl(item);
rlm@46 18731 if(el){
rlm@46 18732 Ext.fly(el).removeClass('x-item-disabled');
rlm@46 18733 }
rlm@46 18734 },
rlm@46 18735
rlm@46 18736 onItemTitleChanged : function(item){
rlm@46 18737 var el = this.getTabEl(item);
rlm@46 18738 if(el){
rlm@46 18739 Ext.fly(el).child('span.x-tab-strip-text', true).innerHTML = item.title;
rlm@46 18740 }
rlm@46 18741 },
rlm@46 18742
rlm@46 18743
rlm@46 18744 getTabEl : function(item){
rlm@46 18745 var itemId = (typeof item === 'number')?this.items.items[item].getItemId() : item.getItemId();
rlm@46 18746 return document.getElementById(this.id+this.idDelimiter+itemId);
rlm@46 18747 },
rlm@46 18748
rlm@46 18749 onResize : function(){
rlm@46 18750 Ext.TabPanel.superclass.onResize.apply(this, arguments);
rlm@46 18751 this.delegateUpdates();
rlm@46 18752 },
rlm@46 18753
rlm@46 18754
rlm@46 18755 beginUpdate : function(){
rlm@46 18756 this.suspendUpdates = true;
rlm@46 18757 },
rlm@46 18758
rlm@46 18759
rlm@46 18760 endUpdate : function(){
rlm@46 18761 this.suspendUpdates = false;
rlm@46 18762 this.delegateUpdates();
rlm@46 18763 },
rlm@46 18764
rlm@46 18765
rlm@46 18766 hideTabStripItem : function(item){
rlm@46 18767 item = this.getComponent(item);
rlm@46 18768 var el = this.getTabEl(item);
rlm@46 18769 if(el){
rlm@46 18770 el.style.display = 'none';
rlm@46 18771 this.delegateUpdates();
rlm@46 18772 }
rlm@46 18773 this.stack.remove(item);
rlm@46 18774 },
rlm@46 18775
rlm@46 18776
rlm@46 18777 unhideTabStripItem : function(item){
rlm@46 18778 item = this.getComponent(item);
rlm@46 18779 var el = this.getTabEl(item);
rlm@46 18780 if(el){
rlm@46 18781 el.style.display = '';
rlm@46 18782 this.delegateUpdates();
rlm@46 18783 }
rlm@46 18784 },
rlm@46 18785
rlm@46 18786 delegateUpdates : function(){
rlm@46 18787 if(this.suspendUpdates){
rlm@46 18788 return;
rlm@46 18789 }
rlm@46 18790 if(this.resizeTabs && this.rendered){
rlm@46 18791 this.autoSizeTabs();
rlm@46 18792 }
rlm@46 18793 if(this.enableTabScroll && this.rendered){
rlm@46 18794 this.autoScrollTabs();
rlm@46 18795 }
rlm@46 18796 },
rlm@46 18797
rlm@46 18798 autoSizeTabs : function(){
rlm@46 18799 var count = this.items.length;
rlm@46 18800 var ce = this.tabPosition != 'bottom' ? 'header' : 'footer';
rlm@46 18801 var ow = this[ce].dom.offsetWidth;
rlm@46 18802 var aw = this[ce].dom.clientWidth;
rlm@46 18803
rlm@46 18804 if(!this.resizeTabs || count < 1 || !aw){ return;
rlm@46 18805 }
rlm@46 18806
rlm@46 18807 var each = Math.max(Math.min(Math.floor((aw-4) / count) - this.tabMargin, this.tabWidth), this.minTabWidth); this.lastTabWidth = each;
rlm@46 18808 var lis = this.stripWrap.dom.getElementsByTagName('li');
rlm@46 18809 for(var i = 0, len = lis.length-1; i < len; i++) { var li = lis[i];
rlm@46 18810 var inner = li.childNodes[1].firstChild.firstChild;
rlm@46 18811 var tw = li.offsetWidth;
rlm@46 18812 var iw = inner.offsetWidth;
rlm@46 18813 inner.style.width = (each - (tw-iw)) + 'px';
rlm@46 18814 }
rlm@46 18815 },
rlm@46 18816
rlm@46 18817 adjustBodyWidth : function(w){
rlm@46 18818 if(this.header){
rlm@46 18819 this.header.setWidth(w);
rlm@46 18820 }
rlm@46 18821 if(this.footer){
rlm@46 18822 this.footer.setWidth(w);
rlm@46 18823 }
rlm@46 18824 return w;
rlm@46 18825 },
rlm@46 18826
rlm@46 18827
rlm@46 18828 setActiveTab : function(item){
rlm@46 18829 item = this.getComponent(item);
rlm@46 18830 if(!item || this.fireEvent('beforetabchange', this, item, this.activeTab) === false){
rlm@46 18831 return;
rlm@46 18832 }
rlm@46 18833 if(!this.rendered){
rlm@46 18834 this.activeTab = item;
rlm@46 18835 return;
rlm@46 18836 }
rlm@46 18837 if(this.activeTab != item){
rlm@46 18838 if(this.activeTab){
rlm@46 18839 var oldEl = this.getTabEl(this.activeTab);
rlm@46 18840 if(oldEl){
rlm@46 18841 Ext.fly(oldEl).removeClass('x-tab-strip-active');
rlm@46 18842 }
rlm@46 18843 this.activeTab.fireEvent('deactivate', this.activeTab);
rlm@46 18844 }
rlm@46 18845 var el = this.getTabEl(item);
rlm@46 18846 Ext.fly(el).addClass('x-tab-strip-active');
rlm@46 18847 this.activeTab = item;
rlm@46 18848 this.stack.add(item);
rlm@46 18849
rlm@46 18850 this.layout.setActiveItem(item);
rlm@46 18851 if(this.layoutOnTabChange && item.doLayout){
rlm@46 18852 item.doLayout();
rlm@46 18853 }
rlm@46 18854 if(this.scrolling){
rlm@46 18855 this.scrollToTab(item, this.animScroll);
rlm@46 18856 }
rlm@46 18857
rlm@46 18858 item.fireEvent('activate', item);
rlm@46 18859 this.fireEvent('tabchange', this, item);
rlm@46 18860 }
rlm@46 18861 },
rlm@46 18862
rlm@46 18863
rlm@46 18864 getActiveTab : function(){
rlm@46 18865 return this.activeTab || null;
rlm@46 18866 },
rlm@46 18867
rlm@46 18868
rlm@46 18869 getItem : function(item){
rlm@46 18870 return this.getComponent(item);
rlm@46 18871 },
rlm@46 18872
rlm@46 18873 autoScrollTabs : function(){
rlm@46 18874 var count = this.items.length;
rlm@46 18875 var ow = this.header.dom.offsetWidth;
rlm@46 18876 var tw = this.header.dom.clientWidth;
rlm@46 18877
rlm@46 18878 var wrap = this.stripWrap;
rlm@46 18879 var wd = wrap.dom;
rlm@46 18880 var cw = wd.offsetWidth;
rlm@46 18881 var pos = this.getScrollPos();
rlm@46 18882 var l = this.edge.getOffsetsTo(this.stripWrap)[0] + pos;
rlm@46 18883
rlm@46 18884 if(!this.enableTabScroll || count < 1 || cw < 20){ return;
rlm@46 18885 }
rlm@46 18886 if(l <= tw){
rlm@46 18887 wd.scrollLeft = 0;
rlm@46 18888 wrap.setWidth(tw);
rlm@46 18889 if(this.scrolling){
rlm@46 18890 this.scrolling = false;
rlm@46 18891 this.header.removeClass('x-tab-scrolling');
rlm@46 18892 this.scrollLeft.hide();
rlm@46 18893 this.scrollRight.hide();
rlm@46 18894 if(Ext.isAir){
rlm@46 18895 wd.style.marginLeft = '';
rlm@46 18896 wd.style.marginRight = '';
rlm@46 18897 }
rlm@46 18898 }
rlm@46 18899 }else{
rlm@46 18900 if(!this.scrolling){
rlm@46 18901 this.header.addClass('x-tab-scrolling');
rlm@46 18902 if(Ext.isAir){
rlm@46 18903 wd.style.marginLeft = '18px';
rlm@46 18904 wd.style.marginRight = '18px';
rlm@46 18905 }
rlm@46 18906 }
rlm@46 18907 tw -= wrap.getMargins('lr');
rlm@46 18908 wrap.setWidth(tw > 20 ? tw : 20);
rlm@46 18909 if(!this.scrolling){
rlm@46 18910 if(!this.scrollLeft){
rlm@46 18911 this.createScrollers();
rlm@46 18912 }else{
rlm@46 18913 this.scrollLeft.show();
rlm@46 18914 this.scrollRight.show();
rlm@46 18915 }
rlm@46 18916 }
rlm@46 18917 this.scrolling = true;
rlm@46 18918 if(pos > (l-tw)){ wd.scrollLeft = l-tw;
rlm@46 18919 }else{ this.scrollToTab(this.activeTab, false);
rlm@46 18920 }
rlm@46 18921 this.updateScrollButtons();
rlm@46 18922 }
rlm@46 18923 },
rlm@46 18924
rlm@46 18925 createScrollers : function(){
rlm@46 18926 var h = this.stripWrap.dom.offsetHeight;
rlm@46 18927
rlm@46 18928 var sl = this.header.insertFirst({
rlm@46 18929 cls:'x-tab-scroller-left'
rlm@46 18930 });
rlm@46 18931 sl.setHeight(h);
rlm@46 18932 sl.addClassOnOver('x-tab-scroller-left-over');
rlm@46 18933 this.leftRepeater = new Ext.util.ClickRepeater(sl, {
rlm@46 18934 interval : this.scrollRepeatInterval,
rlm@46 18935 handler: this.onScrollLeft,
rlm@46 18936 scope: this
rlm@46 18937 });
rlm@46 18938 this.scrollLeft = sl;
rlm@46 18939
rlm@46 18940 var sr = this.header.insertFirst({
rlm@46 18941 cls:'x-tab-scroller-right'
rlm@46 18942 });
rlm@46 18943 sr.setHeight(h);
rlm@46 18944 sr.addClassOnOver('x-tab-scroller-right-over');
rlm@46 18945 this.rightRepeater = new Ext.util.ClickRepeater(sr, {
rlm@46 18946 interval : this.scrollRepeatInterval,
rlm@46 18947 handler: this.onScrollRight,
rlm@46 18948 scope: this
rlm@46 18949 });
rlm@46 18950 this.scrollRight = sr;
rlm@46 18951 },
rlm@46 18952
rlm@46 18953 getScrollWidth : function(){
rlm@46 18954 return this.edge.getOffsetsTo(this.stripWrap)[0] + this.getScrollPos();
rlm@46 18955 },
rlm@46 18956
rlm@46 18957 getScrollPos : function(){
rlm@46 18958 return parseInt(this.stripWrap.dom.scrollLeft, 10) || 0;
rlm@46 18959 },
rlm@46 18960
rlm@46 18961 getScrollArea : function(){
rlm@46 18962 return parseInt(this.stripWrap.dom.clientWidth, 10) || 0;
rlm@46 18963 },
rlm@46 18964
rlm@46 18965 getScrollAnim : function(){
rlm@46 18966 return {duration:this.scrollDuration, callback: this.updateScrollButtons, scope: this};
rlm@46 18967 },
rlm@46 18968
rlm@46 18969 getScrollIncrement : function(){
rlm@46 18970 return this.scrollIncrement || (this.resizeTabs ? this.lastTabWidth+2 : 100);
rlm@46 18971 },
rlm@46 18972
rlm@46 18973
rlm@46 18974
rlm@46 18975 scrollToTab : function(item, animate){
rlm@46 18976 if(!item){ return; }
rlm@46 18977 var el = this.getTabEl(item);
rlm@46 18978 var pos = this.getScrollPos(), area = this.getScrollArea();
rlm@46 18979 var left = Ext.fly(el).getOffsetsTo(this.stripWrap)[0] + pos;
rlm@46 18980 var right = left + el.offsetWidth;
rlm@46 18981 if(left < pos){
rlm@46 18982 this.scrollTo(left, animate);
rlm@46 18983 }else if(right > (pos + area)){
rlm@46 18984 this.scrollTo(right - area, animate);
rlm@46 18985 }
rlm@46 18986 },
rlm@46 18987
rlm@46 18988 scrollTo : function(pos, animate){
rlm@46 18989 this.stripWrap.scrollTo('left', pos, animate ? this.getScrollAnim() : false);
rlm@46 18990 if(!animate){
rlm@46 18991 this.updateScrollButtons();
rlm@46 18992 }
rlm@46 18993 },
rlm@46 18994
rlm@46 18995 onWheel : function(e){
rlm@46 18996 var d = e.getWheelDelta()*this.wheelIncrement*-1;
rlm@46 18997 e.stopEvent();
rlm@46 18998
rlm@46 18999 var pos = this.getScrollPos();
rlm@46 19000 var newpos = pos + d;
rlm@46 19001 var sw = this.getScrollWidth()-this.getScrollArea();
rlm@46 19002
rlm@46 19003 var s = Math.max(0, Math.min(sw, newpos));
rlm@46 19004 if(s != pos){
rlm@46 19005 this.scrollTo(s, false);
rlm@46 19006 }
rlm@46 19007 },
rlm@46 19008
rlm@46 19009 onScrollRight : function(){
rlm@46 19010 var sw = this.getScrollWidth()-this.getScrollArea();
rlm@46 19011 var pos = this.getScrollPos();
rlm@46 19012 var s = Math.min(sw, pos + this.getScrollIncrement());
rlm@46 19013 if(s != pos){
rlm@46 19014 this.scrollTo(s, this.animScroll);
rlm@46 19015 }
rlm@46 19016 },
rlm@46 19017
rlm@46 19018 onScrollLeft : function(){
rlm@46 19019 var pos = this.getScrollPos();
rlm@46 19020 var s = Math.max(0, pos - this.getScrollIncrement());
rlm@46 19021 if(s != pos){
rlm@46 19022 this.scrollTo(s, this.animScroll);
rlm@46 19023 }
rlm@46 19024 },
rlm@46 19025
rlm@46 19026 updateScrollButtons : function(){
rlm@46 19027 var pos = this.getScrollPos();
rlm@46 19028 this.scrollLeft[pos == 0 ? 'addClass' : 'removeClass']('x-tab-scroller-left-disabled');
rlm@46 19029 this.scrollRight[pos >= (this.getScrollWidth()-this.getScrollArea()) ? 'addClass' : 'removeClass']('x-tab-scroller-right-disabled');
rlm@46 19030 }
rlm@46 19031
rlm@46 19032
rlm@46 19033
rlm@46 19034
rlm@46 19035
rlm@46 19036
rlm@46 19037
rlm@46 19038
rlm@46 19039
rlm@46 19040
rlm@46 19041
rlm@46 19042
rlm@46 19043
rlm@46 19044 });
rlm@46 19045 Ext.reg('tabpanel', Ext.TabPanel);
rlm@46 19046
rlm@46 19047
rlm@46 19048 Ext.TabPanel.prototype.activate = Ext.TabPanel.prototype.setActiveTab;
rlm@46 19049
rlm@46 19050 Ext.TabPanel.AccessStack = function(){
rlm@46 19051 var items = [];
rlm@46 19052 return {
rlm@46 19053 add : function(item){
rlm@46 19054 items.push(item);
rlm@46 19055 if(items.length > 10){
rlm@46 19056 items.shift();
rlm@46 19057 }
rlm@46 19058 },
rlm@46 19059
rlm@46 19060 remove : function(item){
rlm@46 19061 var s = [];
rlm@46 19062 for(var i = 0, len = items.length; i < len; i++) {
rlm@46 19063 if(items[i] != item){
rlm@46 19064 s.push(items[i]);
rlm@46 19065 }
rlm@46 19066 }
rlm@46 19067 items = s;
rlm@46 19068 },
rlm@46 19069
rlm@46 19070 next : function(){
rlm@46 19071 return items.pop();
rlm@46 19072 }
rlm@46 19073 };
rlm@46 19074 };
rlm@46 19075
rlm@46 19076
rlm@46 19077
rlm@46 19078
rlm@46 19079 Ext.Button = Ext.extend(Ext.Component, {
rlm@46 19080
rlm@46 19081 hidden : false,
rlm@46 19082
rlm@46 19083 disabled : false,
rlm@46 19084
rlm@46 19085 pressed : false,
rlm@46 19086
rlm@46 19087
rlm@46 19088
rlm@46 19089
rlm@46 19090
rlm@46 19091
rlm@46 19092
rlm@46 19093 enableToggle: false,
rlm@46 19094
rlm@46 19095
rlm@46 19096
rlm@46 19097 menuAlign : "tl-bl?",
rlm@46 19098
rlm@46 19099
rlm@46 19100
rlm@46 19101 type : 'button',
rlm@46 19102
rlm@46 19103 menuClassTarget: 'tr',
rlm@46 19104
rlm@46 19105
rlm@46 19106 clickEvent : 'click',
rlm@46 19107
rlm@46 19108
rlm@46 19109 handleMouseEvents : true,
rlm@46 19110
rlm@46 19111
rlm@46 19112 tooltipType : 'qtip',
rlm@46 19113
rlm@46 19114 buttonSelector : "button:first",
rlm@46 19115
rlm@46 19116
rlm@46 19117
rlm@46 19118
rlm@46 19119 initComponent : function(){
rlm@46 19120 Ext.Button.superclass.initComponent.call(this);
rlm@46 19121
rlm@46 19122 this.addEvents(
rlm@46 19123
rlm@46 19124 "click",
rlm@46 19125
rlm@46 19126 "toggle",
rlm@46 19127
rlm@46 19128 'mouseover',
rlm@46 19129
rlm@46 19130 'mouseout',
rlm@46 19131
rlm@46 19132 'menushow',
rlm@46 19133
rlm@46 19134 'menuhide',
rlm@46 19135
rlm@46 19136 'menutriggerover',
rlm@46 19137
rlm@46 19138 'menutriggerout'
rlm@46 19139 );
rlm@46 19140 if(this.menu){
rlm@46 19141 this.menu = Ext.menu.MenuMgr.get(this.menu);
rlm@46 19142 }
rlm@46 19143 if(typeof this.toggleGroup === 'string'){
rlm@46 19144 this.enableToggle = true;
rlm@46 19145 }
rlm@46 19146 },
rlm@46 19147
rlm@46 19148 onRender : function(ct, position){
rlm@46 19149 if(!this.template){
rlm@46 19150 if(!Ext.Button.buttonTemplate){
rlm@46 19151 Ext.Button.buttonTemplate = new Ext.Template(
rlm@46 19152 '<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>',
rlm@46 19153 '<td class="x-btn-left"><i>&#160;</i></td><td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}">{0}</button></em></td><td class="x-btn-right"><i>&#160;</i></td>',
rlm@46 19154 "</tr></tbody></table>");
rlm@46 19155 }
rlm@46 19156 this.template = Ext.Button.buttonTemplate;
rlm@46 19157 }
rlm@46 19158 var btn, targs = [this.text || '&#160;', this.type];
rlm@46 19159
rlm@46 19160 if(position){
rlm@46 19161 btn = this.template.insertBefore(position, targs, true);
rlm@46 19162 }else{
rlm@46 19163 btn = this.template.append(ct, targs, true);
rlm@46 19164 }
rlm@46 19165 var btnEl = btn.child(this.buttonSelector);
rlm@46 19166 btnEl.on('focus', this.onFocus, this);
rlm@46 19167 btnEl.on('blur', this.onBlur, this);
rlm@46 19168
rlm@46 19169 this.initButtonEl(btn, btnEl);
rlm@46 19170
rlm@46 19171 if(this.menu){
rlm@46 19172 this.el.child(this.menuClassTarget).addClass("x-btn-with-menu");
rlm@46 19173 }
rlm@46 19174 Ext.ButtonToggleMgr.register(this);
rlm@46 19175 },
rlm@46 19176
rlm@46 19177 initButtonEl : function(btn, btnEl){
rlm@46 19178
rlm@46 19179 this.el = btn;
rlm@46 19180 btn.addClass("x-btn");
rlm@46 19181
rlm@46 19182 if(this.icon){
rlm@46 19183 btnEl.setStyle('background-image', 'url(' +this.icon +')');
rlm@46 19184 }
rlm@46 19185 if(this.iconCls){
rlm@46 19186 btnEl.addClass(this.iconCls);
rlm@46 19187 if(!this.cls){
rlm@46 19188 btn.addClass(this.text ? 'x-btn-text-icon' : 'x-btn-icon');
rlm@46 19189 }
rlm@46 19190 }
rlm@46 19191 if(this.tabIndex !== undefined){
rlm@46 19192 btnEl.dom.tabIndex = this.tabIndex;
rlm@46 19193 }
rlm@46 19194 if(this.tooltip){
rlm@46 19195 if(typeof this.tooltip == 'object'){
rlm@46 19196 Ext.QuickTips.register(Ext.apply({
rlm@46 19197 target: btnEl.id
rlm@46 19198 }, this.tooltip));
rlm@46 19199 } else {
rlm@46 19200 btnEl.dom[this.tooltipType] = this.tooltip;
rlm@46 19201 }
rlm@46 19202 }
rlm@46 19203
rlm@46 19204 if(this.pressed){
rlm@46 19205 this.el.addClass("x-btn-pressed");
rlm@46 19206 }
rlm@46 19207
rlm@46 19208 if(this.handleMouseEvents){
rlm@46 19209 btn.on("mouseover", this.onMouseOver, this);
rlm@46 19210 btn.on("mousedown", this.onMouseDown, this);
rlm@46 19211 }
rlm@46 19212
rlm@46 19213 if(this.menu){
rlm@46 19214 this.menu.on("show", this.onMenuShow, this);
rlm@46 19215 this.menu.on("hide", this.onMenuHide, this);
rlm@46 19216 }
rlm@46 19217
rlm@46 19218 if(this.id){
rlm@46 19219 this.el.dom.id = this.el.id = this.id;
rlm@46 19220 }
rlm@46 19221
rlm@46 19222 if(this.repeat){
rlm@46 19223 var repeater = new Ext.util.ClickRepeater(btn,
rlm@46 19224 typeof this.repeat == "object" ? this.repeat : {}
rlm@46 19225 );
rlm@46 19226 repeater.on("click", this.onClick, this);
rlm@46 19227 }
rlm@46 19228
rlm@46 19229 btn.on(this.clickEvent, this.onClick, this);
rlm@46 19230 },
rlm@46 19231
rlm@46 19232 afterRender : function(){
rlm@46 19233 Ext.Button.superclass.afterRender.call(this);
rlm@46 19234 if(Ext.isIE6){
rlm@46 19235 this.autoWidth.defer(1, this);
rlm@46 19236 }else{
rlm@46 19237 this.autoWidth();
rlm@46 19238 }
rlm@46 19239 },
rlm@46 19240
rlm@46 19241
rlm@46 19242 setIconClass : function(cls){
rlm@46 19243 if(this.el){
rlm@46 19244 this.el.child(this.buttonSelector).replaceClass(this.iconCls, cls);
rlm@46 19245 }
rlm@46 19246 this.iconCls = cls;
rlm@46 19247 },
rlm@46 19248
rlm@46 19249 beforeDestroy: function(){
rlm@46 19250 if(this.rendered){
rlm@46 19251 var btn = this.el.child(this.buttonSelector);
rlm@46 19252 if(btn){
rlm@46 19253 btn.removeAllListeners();
rlm@46 19254 }
rlm@46 19255 }
rlm@46 19256 if(this.menu){
rlm@46 19257 Ext.destroy(this.menu);
rlm@46 19258 }
rlm@46 19259 },
rlm@46 19260
rlm@46 19261 onDestroy : function(){
rlm@46 19262 if(this.rendered){
rlm@46 19263 Ext.ButtonToggleMgr.unregister(this);
rlm@46 19264 }
rlm@46 19265 },
rlm@46 19266
rlm@46 19267 autoWidth : function(){
rlm@46 19268 if(this.el){
rlm@46 19269 this.el.setWidth("auto");
rlm@46 19270 if(Ext.isIE7 && Ext.isStrict){
rlm@46 19271 var ib = this.el.child(this.buttonSelector);
rlm@46 19272 if(ib && ib.getWidth() > 20){
rlm@46 19273 ib.clip();
rlm@46 19274 ib.setWidth(Ext.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
rlm@46 19275 }
rlm@46 19276 }
rlm@46 19277 if(this.minWidth){
rlm@46 19278 if(this.el.getWidth() < this.minWidth){
rlm@46 19279 this.el.setWidth(this.minWidth);
rlm@46 19280 }
rlm@46 19281 }
rlm@46 19282 }
rlm@46 19283 },
rlm@46 19284
rlm@46 19285
rlm@46 19286 setHandler : function(handler, scope){
rlm@46 19287 this.handler = handler;
rlm@46 19288 this.scope = scope;
rlm@46 19289 },
rlm@46 19290
rlm@46 19291
rlm@46 19292 setText : function(text){
rlm@46 19293 this.text = text;
rlm@46 19294 if(this.el){
rlm@46 19295 this.el.child("td.x-btn-center " + this.buttonSelector).update(text);
rlm@46 19296 }
rlm@46 19297 this.autoWidth();
rlm@46 19298 },
rlm@46 19299
rlm@46 19300
rlm@46 19301 getText : function(){
rlm@46 19302 return this.text;
rlm@46 19303 },
rlm@46 19304
rlm@46 19305
rlm@46 19306 toggle : function(state){
rlm@46 19307 state = state === undefined ? !this.pressed : state;
rlm@46 19308 if(state != this.pressed){
rlm@46 19309 if(state){
rlm@46 19310 this.el.addClass("x-btn-pressed");
rlm@46 19311 this.pressed = true;
rlm@46 19312 this.fireEvent("toggle", this, true);
rlm@46 19313 }else{
rlm@46 19314 this.el.removeClass("x-btn-pressed");
rlm@46 19315 this.pressed = false;
rlm@46 19316 this.fireEvent("toggle", this, false);
rlm@46 19317 }
rlm@46 19318 if(this.toggleHandler){
rlm@46 19319 this.toggleHandler.call(this.scope || this, this, state);
rlm@46 19320 }
rlm@46 19321 }
rlm@46 19322 },
rlm@46 19323
rlm@46 19324
rlm@46 19325 focus : function(){
rlm@46 19326 this.el.child(this.buttonSelector).focus();
rlm@46 19327 },
rlm@46 19328
rlm@46 19329 onDisable : function(){
rlm@46 19330 if(this.el){
rlm@46 19331 if(!Ext.isIE6 || !this.text){
rlm@46 19332 this.el.addClass(this.disabledClass);
rlm@46 19333 }
rlm@46 19334 this.el.dom.disabled = true;
rlm@46 19335 }
rlm@46 19336 this.disabled = true;
rlm@46 19337 },
rlm@46 19338
rlm@46 19339 onEnable : function(){
rlm@46 19340 if(this.el){
rlm@46 19341 if(!Ext.isIE6 || !this.text){
rlm@46 19342 this.el.removeClass(this.disabledClass);
rlm@46 19343 }
rlm@46 19344 this.el.dom.disabled = false;
rlm@46 19345 }
rlm@46 19346 this.disabled = false;
rlm@46 19347 },
rlm@46 19348
rlm@46 19349
rlm@46 19350 showMenu : function(){
rlm@46 19351 if(this.menu){
rlm@46 19352 this.menu.show(this.el, this.menuAlign);
rlm@46 19353 }
rlm@46 19354 return this;
rlm@46 19355 },
rlm@46 19356
rlm@46 19357
rlm@46 19358 hideMenu : function(){
rlm@46 19359 if(this.menu){
rlm@46 19360 this.menu.hide();
rlm@46 19361 }
rlm@46 19362 return this;
rlm@46 19363 },
rlm@46 19364
rlm@46 19365
rlm@46 19366 hasVisibleMenu : function(){
rlm@46 19367 return this.menu && this.menu.isVisible();
rlm@46 19368 },
rlm@46 19369
rlm@46 19370 onClick : function(e){
rlm@46 19371 if(e){
rlm@46 19372 e.preventDefault();
rlm@46 19373 }
rlm@46 19374 if(e.button != 0){
rlm@46 19375 return;
rlm@46 19376 }
rlm@46 19377 if(!this.disabled){
rlm@46 19378 if(this.enableToggle && (this.allowDepress !== false || !this.pressed)){
rlm@46 19379 this.toggle();
rlm@46 19380 }
rlm@46 19381 if(this.menu && !this.menu.isVisible() && !this.ignoreNextClick){
rlm@46 19382 this.showMenu();
rlm@46 19383 }
rlm@46 19384 this.fireEvent("click", this, e);
rlm@46 19385 if(this.handler){
rlm@46 19386 this.handler.call(this.scope || this, this, e);
rlm@46 19387 }
rlm@46 19388 }
rlm@46 19389 },
rlm@46 19390
rlm@46 19391 isMenuTriggerOver : function(e, internal){
rlm@46 19392 return this.menu && !internal;
rlm@46 19393 },
rlm@46 19394
rlm@46 19395 isMenuTriggerOut : function(e, internal){
rlm@46 19396 return this.menu && !internal;
rlm@46 19397 },
rlm@46 19398
rlm@46 19399 onMouseOver : function(e){
rlm@46 19400 if(!this.disabled){
rlm@46 19401 var internal = e.within(this.el, true);
rlm@46 19402 if(!internal){
rlm@46 19403 this.el.addClass("x-btn-over");
rlm@46 19404 Ext.getDoc().on('mouseover', this.monitorMouseOver, this);
rlm@46 19405 this.fireEvent('mouseover', this, e);
rlm@46 19406 }
rlm@46 19407 if(this.isMenuTriggerOver(e, internal)){
rlm@46 19408 this.fireEvent('menutriggerover', this, this.menu, e);
rlm@46 19409 }
rlm@46 19410 }
rlm@46 19411 },
rlm@46 19412
rlm@46 19413 monitorMouseOver : function(e){
rlm@46 19414 if(e.target != this.el.dom && !e.within(this.el)){
rlm@46 19415 Ext.getDoc().un('mouseover', this.monitorMouseOver, this);
rlm@46 19416 this.onMouseOut(e);
rlm@46 19417 }
rlm@46 19418 },
rlm@46 19419
rlm@46 19420 onMouseOut : function(e){
rlm@46 19421 var internal = e.within(this.el) && e.target != this.el.dom;
rlm@46 19422 this.el.removeClass("x-btn-over");
rlm@46 19423 this.fireEvent('mouseout', this, e);
rlm@46 19424 if(this.isMenuTriggerOut(e, internal)){
rlm@46 19425 this.fireEvent('menutriggerout', this, this.menu, e);
rlm@46 19426 }
rlm@46 19427 },
rlm@46 19428 onFocus : function(e){
rlm@46 19429 if(!this.disabled){
rlm@46 19430 this.el.addClass("x-btn-focus");
rlm@46 19431 }
rlm@46 19432 },
rlm@46 19433 onBlur : function(e){
rlm@46 19434 this.el.removeClass("x-btn-focus");
rlm@46 19435 },
rlm@46 19436
rlm@46 19437 getClickEl : function(e, isUp){
rlm@46 19438 return this.el;
rlm@46 19439 },
rlm@46 19440
rlm@46 19441 onMouseDown : function(e){
rlm@46 19442 if(!this.disabled && e.button == 0){
rlm@46 19443 this.getClickEl(e).addClass("x-btn-click");
rlm@46 19444 Ext.getDoc().on('mouseup', this.onMouseUp, this);
rlm@46 19445 }
rlm@46 19446 },
rlm@46 19447 onMouseUp : function(e){
rlm@46 19448 if(e.button == 0){
rlm@46 19449 this.getClickEl(e, true).removeClass("x-btn-click");
rlm@46 19450 Ext.getDoc().un('mouseup', this.onMouseUp, this);
rlm@46 19451 }
rlm@46 19452 },
rlm@46 19453 onMenuShow : function(e){
rlm@46 19454 this.ignoreNextClick = 0;
rlm@46 19455 this.el.addClass("x-btn-menu-active");
rlm@46 19456 this.fireEvent('menushow', this, this.menu);
rlm@46 19457 },
rlm@46 19458 onMenuHide : function(e){
rlm@46 19459 this.el.removeClass("x-btn-menu-active");
rlm@46 19460 this.ignoreNextClick = this.restoreClick.defer(250, this);
rlm@46 19461 this.fireEvent('menuhide', this, this.menu);
rlm@46 19462 },
rlm@46 19463
rlm@46 19464 restoreClick : function(){
rlm@46 19465 this.ignoreNextClick = 0;
rlm@46 19466 }
rlm@46 19467
rlm@46 19468
rlm@46 19469
rlm@46 19470
rlm@46 19471 });
rlm@46 19472 Ext.reg('button', Ext.Button);
rlm@46 19473
rlm@46 19474 Ext.ButtonToggleMgr = function(){
rlm@46 19475 var groups = {};
rlm@46 19476
rlm@46 19477 function toggleGroup(btn, state){
rlm@46 19478 if(state){
rlm@46 19479 var g = groups[btn.toggleGroup];
rlm@46 19480 for(var i = 0, l = g.length; i < l; i++){
rlm@46 19481 if(g[i] != btn){
rlm@46 19482 g[i].toggle(false);
rlm@46 19483 }
rlm@46 19484 }
rlm@46 19485 }
rlm@46 19486 }
rlm@46 19487
rlm@46 19488 return {
rlm@46 19489 register : function(btn){
rlm@46 19490 if(!btn.toggleGroup){
rlm@46 19491 return;
rlm@46 19492 }
rlm@46 19493 var g = groups[btn.toggleGroup];
rlm@46 19494 if(!g){
rlm@46 19495 g = groups[btn.toggleGroup] = [];
rlm@46 19496 }
rlm@46 19497 g.push(btn);
rlm@46 19498 btn.on("toggle", toggleGroup);
rlm@46 19499 },
rlm@46 19500
rlm@46 19501 unregister : function(btn){
rlm@46 19502 if(!btn.toggleGroup){
rlm@46 19503 return;
rlm@46 19504 }
rlm@46 19505 var g = groups[btn.toggleGroup];
rlm@46 19506 if(g){
rlm@46 19507 g.remove(btn);
rlm@46 19508 btn.un("toggle", toggleGroup);
rlm@46 19509 }
rlm@46 19510 }
rlm@46 19511 };
rlm@46 19512 }();
rlm@46 19513
rlm@46 19514 Ext.SplitButton = Ext.extend(Ext.Button, {
rlm@46 19515
rlm@46 19516 arrowSelector : 'button:last',
rlm@46 19517
rlm@46 19518
rlm@46 19519 initComponent : function(){
rlm@46 19520 Ext.SplitButton.superclass.initComponent.call(this);
rlm@46 19521
rlm@46 19522 this.addEvents("arrowclick");
rlm@46 19523 },
rlm@46 19524
rlm@46 19525
rlm@46 19526 onRender : function(ct, position){
rlm@46 19527
rlm@46 19528 var tpl = new Ext.Template(
rlm@46 19529 '<table cellspacing="0" class="x-btn-menu-wrap x-btn"><tr><td>',
rlm@46 19530 '<table cellspacing="0" class="x-btn-wrap x-btn-menu-text-wrap"><tbody>',
rlm@46 19531 '<tr><td class="x-btn-left"><i>&#160;</i></td><td class="x-btn-center"><button class="x-btn-text" type="{1}">{0}</button></td></tr>',
rlm@46 19532 "</tbody></table></td><td>",
rlm@46 19533 '<table cellspacing="0" class="x-btn-wrap x-btn-menu-arrow-wrap"><tbody>',
rlm@46 19534 '<tr><td class="x-btn-center"><button class="x-btn-menu-arrow-el" type="button">&#160;</button></td><td class="x-btn-right"><i>&#160;</i></td></tr>',
rlm@46 19535 "</tbody></table></td></tr></table>"
rlm@46 19536 );
rlm@46 19537 var btn, targs = [this.text || '&#160;', this.type];
rlm@46 19538 if(position){
rlm@46 19539 btn = tpl.insertBefore(position, targs, true);
rlm@46 19540 }else{
rlm@46 19541 btn = tpl.append(ct, targs, true);
rlm@46 19542 }
rlm@46 19543 var btnEl = btn.child(this.buttonSelector);
rlm@46 19544
rlm@46 19545 this.initButtonEl(btn, btnEl);
rlm@46 19546 this.arrowBtnTable = btn.child("table:last");
rlm@46 19547 if(this.arrowTooltip){
rlm@46 19548 btn.child(this.arrowSelector).dom[this.tooltipType] = this.arrowTooltip;
rlm@46 19549 }
rlm@46 19550 },
rlm@46 19551
rlm@46 19552
rlm@46 19553 autoWidth : function(){
rlm@46 19554 if(this.el){
rlm@46 19555 var tbl = this.el.child("table:first");
rlm@46 19556 var tbl2 = this.el.child("table:last");
rlm@46 19557 this.el.setWidth("auto");
rlm@46 19558 tbl.setWidth("auto");
rlm@46 19559 if(Ext.isIE7 && Ext.isStrict){
rlm@46 19560 var ib = this.el.child(this.buttonSelector);
rlm@46 19561 if(ib && ib.getWidth() > 20){
rlm@46 19562 ib.clip();
rlm@46 19563 ib.setWidth(Ext.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
rlm@46 19564 }
rlm@46 19565 }
rlm@46 19566 if(this.minWidth){
rlm@46 19567 if((tbl.getWidth()+tbl2.getWidth()) < this.minWidth){
rlm@46 19568 tbl.setWidth(this.minWidth-tbl2.getWidth());
rlm@46 19569 }
rlm@46 19570 }
rlm@46 19571 this.el.setWidth(tbl.getWidth()+tbl2.getWidth());
rlm@46 19572 }
rlm@46 19573 },
rlm@46 19574
rlm@46 19575
rlm@46 19576 setArrowHandler : function(handler, scope){
rlm@46 19577 this.arrowHandler = handler;
rlm@46 19578 this.scope = scope;
rlm@46 19579 },
rlm@46 19580
rlm@46 19581
rlm@46 19582 onClick : function(e){
rlm@46 19583 e.preventDefault();
rlm@46 19584 if(!this.disabled){
rlm@46 19585 if(e.getTarget(".x-btn-menu-arrow-wrap")){
rlm@46 19586 if(this.menu && !this.menu.isVisible() && !this.ignoreNextClick){
rlm@46 19587 this.showMenu();
rlm@46 19588 }
rlm@46 19589 this.fireEvent("arrowclick", this, e);
rlm@46 19590 if(this.arrowHandler){
rlm@46 19591 this.arrowHandler.call(this.scope || this, this, e);
rlm@46 19592 }
rlm@46 19593 }else{
rlm@46 19594 if(this.enableToggle){
rlm@46 19595 this.toggle();
rlm@46 19596 }
rlm@46 19597 this.fireEvent("click", this, e);
rlm@46 19598 if(this.handler){
rlm@46 19599 this.handler.call(this.scope || this, this, e);
rlm@46 19600 }
rlm@46 19601 }
rlm@46 19602 }
rlm@46 19603 },
rlm@46 19604
rlm@46 19605
rlm@46 19606 getClickEl : function(e, isUp){
rlm@46 19607 if(!isUp){
rlm@46 19608 return (this.lastClickEl = e.getTarget("table", 10, true));
rlm@46 19609 }
rlm@46 19610 return this.lastClickEl;
rlm@46 19611 },
rlm@46 19612
rlm@46 19613
rlm@46 19614 onDisable : function(){
rlm@46 19615 if(this.el){
rlm@46 19616 if(!Ext.isIE6){
rlm@46 19617 this.el.addClass("x-item-disabled");
rlm@46 19618 }
rlm@46 19619 this.el.child(this.buttonSelector).dom.disabled = true;
rlm@46 19620 this.el.child(this.arrowSelector).dom.disabled = true;
rlm@46 19621 }
rlm@46 19622 this.disabled = true;
rlm@46 19623 },
rlm@46 19624
rlm@46 19625
rlm@46 19626 onEnable : function(){
rlm@46 19627 if(this.el){
rlm@46 19628 if(!Ext.isIE6){
rlm@46 19629 this.el.removeClass("x-item-disabled");
rlm@46 19630 }
rlm@46 19631 this.el.child(this.buttonSelector).dom.disabled = false;
rlm@46 19632 this.el.child(this.arrowSelector).dom.disabled = false;
rlm@46 19633 }
rlm@46 19634 this.disabled = false;
rlm@46 19635 },
rlm@46 19636
rlm@46 19637
rlm@46 19638 isMenuTriggerOver : function(e){
rlm@46 19639 return this.menu && e.within(this.arrowBtnTable) && !e.within(this.arrowBtnTable, true);
rlm@46 19640 },
rlm@46 19641
rlm@46 19642
rlm@46 19643 isMenuTriggerOut : function(e, internal){
rlm@46 19644 return this.menu && !e.within(this.arrowBtnTable);
rlm@46 19645 },
rlm@46 19646
rlm@46 19647
rlm@46 19648 onDestroy : function(){
rlm@46 19649 Ext.destroy(this.arrowBtnTable);
rlm@46 19650 Ext.SplitButton.superclass.onDestroy.call(this);
rlm@46 19651 }
rlm@46 19652 });
rlm@46 19653
rlm@46 19654
rlm@46 19655 Ext.MenuButton = Ext.SplitButton;
rlm@46 19656
rlm@46 19657
rlm@46 19658 Ext.reg('splitbutton', Ext.SplitButton);
rlm@46 19659
rlm@46 19660 Ext.CycleButton = Ext.extend(Ext.SplitButton, {
rlm@46 19661
rlm@46 19662
rlm@46 19663
rlm@46 19664
rlm@46 19665
rlm@46 19666
rlm@46 19667
rlm@46 19668 getItemText : function(item){
rlm@46 19669 if(item && this.showText === true){
rlm@46 19670 var text = '';
rlm@46 19671 if(this.prependText){
rlm@46 19672 text += this.prependText;
rlm@46 19673 }
rlm@46 19674 text += item.text;
rlm@46 19675 return text;
rlm@46 19676 }
rlm@46 19677 return undefined;
rlm@46 19678 },
rlm@46 19679
rlm@46 19680
rlm@46 19681 setActiveItem : function(item, suppressEvent){
rlm@46 19682 if(typeof item != 'object'){
rlm@46 19683 item = this.menu.items.get(item);
rlm@46 19684 }
rlm@46 19685 if(item){
rlm@46 19686 if(!this.rendered){
rlm@46 19687 this.text = this.getItemText(item);
rlm@46 19688 this.iconCls = item.iconCls;
rlm@46 19689 }else{
rlm@46 19690 var t = this.getItemText(item);
rlm@46 19691 if(t){
rlm@46 19692 this.setText(t);
rlm@46 19693 }
rlm@46 19694 this.setIconClass(item.iconCls);
rlm@46 19695 }
rlm@46 19696 this.activeItem = item;
rlm@46 19697 if(!item.checked){
rlm@46 19698 item.setChecked(true, true);
rlm@46 19699 }
rlm@46 19700 if(this.forceIcon){
rlm@46 19701 this.setIconClass(this.forceIcon);
rlm@46 19702 }
rlm@46 19703 if(!suppressEvent){
rlm@46 19704 this.fireEvent('change', this, item);
rlm@46 19705 }
rlm@46 19706 }
rlm@46 19707 },
rlm@46 19708
rlm@46 19709
rlm@46 19710 getActiveItem : function(){
rlm@46 19711 return this.activeItem;
rlm@46 19712 },
rlm@46 19713
rlm@46 19714
rlm@46 19715 initComponent : function(){
rlm@46 19716 this.addEvents(
rlm@46 19717
rlm@46 19718 "change"
rlm@46 19719 );
rlm@46 19720
rlm@46 19721 if(this.changeHandler){
rlm@46 19722 this.on('change', this.changeHandler, this.scope||this);
rlm@46 19723 delete this.changeHandler;
rlm@46 19724 }
rlm@46 19725
rlm@46 19726 this.itemCount = this.items.length;
rlm@46 19727
rlm@46 19728 this.menu = {cls:'x-cycle-menu', items:[]};
rlm@46 19729 var checked;
rlm@46 19730 for(var i = 0, len = this.itemCount; i < len; i++){
rlm@46 19731 var item = this.items[i];
rlm@46 19732 item.group = item.group || this.id;
rlm@46 19733 item.itemIndex = i;
rlm@46 19734 item.checkHandler = this.checkHandler;
rlm@46 19735 item.scope = this;
rlm@46 19736 item.checked = item.checked || false;
rlm@46 19737 this.menu.items.push(item);
rlm@46 19738 if(item.checked){
rlm@46 19739 checked = item;
rlm@46 19740 }
rlm@46 19741 }
rlm@46 19742 this.setActiveItem(checked, true);
rlm@46 19743 Ext.CycleButton.superclass.initComponent.call(this);
rlm@46 19744
rlm@46 19745 this.on('click', this.toggleSelected, this);
rlm@46 19746 },
rlm@46 19747
rlm@46 19748
rlm@46 19749 checkHandler : function(item, pressed){
rlm@46 19750 if(pressed){
rlm@46 19751 this.setActiveItem(item);
rlm@46 19752 }
rlm@46 19753 },
rlm@46 19754
rlm@46 19755
rlm@46 19756 toggleSelected : function(){
rlm@46 19757 this.menu.render();
rlm@46 19758
rlm@46 19759 var nextIdx, checkItem;
rlm@46 19760 for (var i = 1; i < this.itemCount; i++) {
rlm@46 19761 nextIdx = (this.activeItem.itemIndex + i) % this.itemCount;
rlm@46 19762
rlm@46 19763 checkItem = this.menu.items.itemAt(nextIdx);
rlm@46 19764
rlm@46 19765 if (!checkItem.disabled) {
rlm@46 19766 checkItem.setChecked(true);
rlm@46 19767 break;
rlm@46 19768 }
rlm@46 19769 }
rlm@46 19770 }
rlm@46 19771 });
rlm@46 19772 Ext.reg('cycle', Ext.CycleButton);
rlm@46 19773
rlm@46 19774 Ext.Toolbar = function(config){
rlm@46 19775 if(Ext.isArray(config)){
rlm@46 19776 config = {buttons:config};
rlm@46 19777 }
rlm@46 19778 Ext.Toolbar.superclass.constructor.call(this, config);
rlm@46 19779 };
rlm@46 19780
rlm@46 19781 (function(){
rlm@46 19782
rlm@46 19783 var T = Ext.Toolbar;
rlm@46 19784
rlm@46 19785 Ext.extend(T, Ext.BoxComponent, {
rlm@46 19786
rlm@46 19787 trackMenus : true,
rlm@46 19788
rlm@46 19789
rlm@46 19790 initComponent : function(){
rlm@46 19791 T.superclass.initComponent.call(this);
rlm@46 19792
rlm@46 19793 if(this.items){
rlm@46 19794 this.buttons = this.items;
rlm@46 19795 }
rlm@46 19796
rlm@46 19797 this.items = new Ext.util.MixedCollection(false, function(o){
rlm@46 19798 return o.itemId || o.id || Ext.id();
rlm@46 19799 });
rlm@46 19800 },
rlm@46 19801
rlm@46 19802
rlm@46 19803 autoCreate: {
rlm@46 19804 cls:'x-toolbar x-small-editor',
rlm@46 19805 html:'<table cellspacing="0"><tr></tr></table>'
rlm@46 19806 },
rlm@46 19807
rlm@46 19808
rlm@46 19809 onRender : function(ct, position){
rlm@46 19810 this.el = ct.createChild(Ext.apply({ id: this.id },this.autoCreate), position);
rlm@46 19811 this.tr = this.el.child("tr", true);
rlm@46 19812 },
rlm@46 19813
rlm@46 19814
rlm@46 19815 afterRender : function(){
rlm@46 19816 T.superclass.afterRender.call(this);
rlm@46 19817 if(this.buttons){
rlm@46 19818 this.add.apply(this, this.buttons);
rlm@46 19819 delete this.buttons;
rlm@46 19820 }
rlm@46 19821 },
rlm@46 19822
rlm@46 19823
rlm@46 19824 add : function(){
rlm@46 19825 var a = arguments, l = a.length;
rlm@46 19826 for(var i = 0; i < l; i++){
rlm@46 19827 var el = a[i];
rlm@46 19828 if(el.isFormField){
rlm@46 19829 this.addField(el);
rlm@46 19830 }else if(el.render){
rlm@46 19831 this.addItem(el);
rlm@46 19832 }else if(typeof el == "string"){
rlm@46 19833 if(el == "separator" || el == "-"){
rlm@46 19834 this.addSeparator();
rlm@46 19835 }else if(el == " "){
rlm@46 19836 this.addSpacer();
rlm@46 19837 }else if(el == "->"){
rlm@46 19838 this.addFill();
rlm@46 19839 }else{
rlm@46 19840 this.addText(el);
rlm@46 19841 }
rlm@46 19842 }else if(el.tagName){
rlm@46 19843 this.addElement(el);
rlm@46 19844 }else if(typeof el == "object"){
rlm@46 19845 if(el.xtype){
rlm@46 19846 this.addField(Ext.ComponentMgr.create(el, 'button'));
rlm@46 19847 }else{
rlm@46 19848 this.addButton(el);
rlm@46 19849 }
rlm@46 19850 }
rlm@46 19851 }
rlm@46 19852 },
rlm@46 19853
rlm@46 19854
rlm@46 19855 addSeparator : function(){
rlm@46 19856 return this.addItem(new T.Separator());
rlm@46 19857 },
rlm@46 19858
rlm@46 19859
rlm@46 19860 addSpacer : function(){
rlm@46 19861 return this.addItem(new T.Spacer());
rlm@46 19862 },
rlm@46 19863
rlm@46 19864
rlm@46 19865 addFill : function(){
rlm@46 19866 return this.addItem(new T.Fill());
rlm@46 19867 },
rlm@46 19868
rlm@46 19869
rlm@46 19870 addElement : function(el){
rlm@46 19871 return this.addItem(new T.Item(el));
rlm@46 19872 },
rlm@46 19873
rlm@46 19874
rlm@46 19875 addItem : function(item){
rlm@46 19876 var td = this.nextBlock();
rlm@46 19877 this.initMenuTracking(item);
rlm@46 19878 item.render(td);
rlm@46 19879 this.items.add(item);
rlm@46 19880 return item;
rlm@46 19881 },
rlm@46 19882
rlm@46 19883
rlm@46 19884 addButton : function(config){
rlm@46 19885 if(Ext.isArray(config)){
rlm@46 19886 var buttons = [];
rlm@46 19887 for(var i = 0, len = config.length; i < len; i++) {
rlm@46 19888 buttons.push(this.addButton(config[i]));
rlm@46 19889 }
rlm@46 19890 return buttons;
rlm@46 19891 }
rlm@46 19892 var b = config;
rlm@46 19893 if(!(config instanceof T.Button)){
rlm@46 19894 b = config.split ?
rlm@46 19895 new T.SplitButton(config) :
rlm@46 19896 new T.Button(config);
rlm@46 19897 }
rlm@46 19898 var td = this.nextBlock();
rlm@46 19899 this.initMenuTracking(b);
rlm@46 19900 b.render(td);
rlm@46 19901 this.items.add(b);
rlm@46 19902 return b;
rlm@46 19903 },
rlm@46 19904
rlm@46 19905
rlm@46 19906 initMenuTracking : function(item){
rlm@46 19907 if(this.trackMenus && item.menu){
rlm@46 19908 item.on({
rlm@46 19909 'menutriggerover' : this.onButtonTriggerOver,
rlm@46 19910 'menushow' : this.onButtonMenuShow,
rlm@46 19911 'menuhide' : this.onButtonMenuHide,
rlm@46 19912 scope: this
rlm@46 19913 })
rlm@46 19914 }
rlm@46 19915 },
rlm@46 19916
rlm@46 19917
rlm@46 19918 addText : function(text){
rlm@46 19919 return this.addItem(new T.TextItem(text));
rlm@46 19920 },
rlm@46 19921
rlm@46 19922
rlm@46 19923 insertButton : function(index, item){
rlm@46 19924 if(Ext.isArray(item)){
rlm@46 19925 var buttons = [];
rlm@46 19926 for(var i = 0, len = item.length; i < len; i++) {
rlm@46 19927 buttons.push(this.insertButton(index + i, item[i]));
rlm@46 19928 }
rlm@46 19929 return buttons;
rlm@46 19930 }
rlm@46 19931 if (!(item instanceof T.Button)){
rlm@46 19932 item = new T.Button(item);
rlm@46 19933 }
rlm@46 19934 var td = document.createElement("td");
rlm@46 19935 this.tr.insertBefore(td, this.tr.childNodes[index]);
rlm@46 19936 this.initMenuTracking(item);
rlm@46 19937 item.render(td);
rlm@46 19938 this.items.insert(index, item);
rlm@46 19939 return item;
rlm@46 19940 },
rlm@46 19941
rlm@46 19942
rlm@46 19943 addDom : function(config, returnEl){
rlm@46 19944 var td = this.nextBlock();
rlm@46 19945 Ext.DomHelper.overwrite(td, config);
rlm@46 19946 var ti = new T.Item(td.firstChild);
rlm@46 19947 ti.render(td);
rlm@46 19948 this.items.add(ti);
rlm@46 19949 return ti;
rlm@46 19950 },
rlm@46 19951
rlm@46 19952
rlm@46 19953 addField : function(field){
rlm@46 19954 var td = this.nextBlock();
rlm@46 19955 field.render(td);
rlm@46 19956 var ti = new T.Item(td.firstChild);
rlm@46 19957 ti.render(td);
rlm@46 19958 this.items.add(ti);
rlm@46 19959 return ti;
rlm@46 19960 },
rlm@46 19961
rlm@46 19962
rlm@46 19963 nextBlock : function(){
rlm@46 19964 var td = document.createElement("td");
rlm@46 19965 this.tr.appendChild(td);
rlm@46 19966 return td;
rlm@46 19967 },
rlm@46 19968
rlm@46 19969
rlm@46 19970 onDestroy : function(){
rlm@46 19971 Ext.Toolbar.superclass.onDestroy.call(this);
rlm@46 19972 if(this.rendered){
rlm@46 19973 if(this.items){
rlm@46 19974 Ext.destroy.apply(Ext, this.items.items);
rlm@46 19975 }
rlm@46 19976 Ext.Element.uncache(this.tr);
rlm@46 19977 }
rlm@46 19978 },
rlm@46 19979
rlm@46 19980
rlm@46 19981 onDisable : function(){
rlm@46 19982 this.items.each(function(item){
rlm@46 19983 if(item.disable){
rlm@46 19984 item.disable();
rlm@46 19985 }
rlm@46 19986 });
rlm@46 19987 },
rlm@46 19988
rlm@46 19989
rlm@46 19990 onEnable : function(){
rlm@46 19991 this.items.each(function(item){
rlm@46 19992 if(item.enable){
rlm@46 19993 item.enable();
rlm@46 19994 }
rlm@46 19995 });
rlm@46 19996 },
rlm@46 19997
rlm@46 19998
rlm@46 19999 onButtonTriggerOver : function(btn){
rlm@46 20000 if(this.activeMenuBtn && this.activeMenuBtn != btn){
rlm@46 20001 this.activeMenuBtn.hideMenu();
rlm@46 20002 btn.showMenu();
rlm@46 20003 this.activeMenuBtn = btn;
rlm@46 20004 }
rlm@46 20005 },
rlm@46 20006
rlm@46 20007
rlm@46 20008 onButtonMenuShow : function(btn){
rlm@46 20009 this.activeMenuBtn = btn;
rlm@46 20010 },
rlm@46 20011
rlm@46 20012
rlm@46 20013 onButtonMenuHide : function(btn){
rlm@46 20014 delete this.activeMenuBtn;
rlm@46 20015 }
rlm@46 20016
rlm@46 20017
rlm@46 20018 });
rlm@46 20019 Ext.reg('toolbar', Ext.Toolbar);
rlm@46 20020
rlm@46 20021
rlm@46 20022 T.Item = function(el){
rlm@46 20023 this.el = Ext.getDom(el);
rlm@46 20024 this.id = Ext.id(this.el);
rlm@46 20025 this.hidden = false;
rlm@46 20026 };
rlm@46 20027
rlm@46 20028 T.Item.prototype = {
rlm@46 20029
rlm@46 20030
rlm@46 20031 getEl : function(){
rlm@46 20032 return this.el;
rlm@46 20033 },
rlm@46 20034
rlm@46 20035
rlm@46 20036 render : function(td){
rlm@46 20037 this.td = td;
rlm@46 20038 td.appendChild(this.el);
rlm@46 20039 },
rlm@46 20040
rlm@46 20041
rlm@46 20042 destroy : function(){
rlm@46 20043 if(this.td && this.td.parentNode){
rlm@46 20044 this.td.parentNode.removeChild(this.td);
rlm@46 20045 }
rlm@46 20046 },
rlm@46 20047
rlm@46 20048
rlm@46 20049 show: function(){
rlm@46 20050 this.hidden = false;
rlm@46 20051 this.td.style.display = "";
rlm@46 20052 },
rlm@46 20053
rlm@46 20054
rlm@46 20055 hide: function(){
rlm@46 20056 this.hidden = true;
rlm@46 20057 this.td.style.display = "none";
rlm@46 20058 },
rlm@46 20059
rlm@46 20060
rlm@46 20061 setVisible: function(visible){
rlm@46 20062 if(visible) {
rlm@46 20063 this.show();
rlm@46 20064 }else{
rlm@46 20065 this.hide();
rlm@46 20066 }
rlm@46 20067 },
rlm@46 20068
rlm@46 20069
rlm@46 20070 focus : function(){
rlm@46 20071 Ext.fly(this.el).focus();
rlm@46 20072 },
rlm@46 20073
rlm@46 20074
rlm@46 20075 disable : function(){
rlm@46 20076 Ext.fly(this.td).addClass("x-item-disabled");
rlm@46 20077 this.disabled = true;
rlm@46 20078 this.el.disabled = true;
rlm@46 20079 },
rlm@46 20080
rlm@46 20081
rlm@46 20082 enable : function(){
rlm@46 20083 Ext.fly(this.td).removeClass("x-item-disabled");
rlm@46 20084 this.disabled = false;
rlm@46 20085 this.el.disabled = false;
rlm@46 20086 }
rlm@46 20087 };
rlm@46 20088 Ext.reg('tbitem', T.Item);
rlm@46 20089
rlm@46 20090
rlm@46 20091
rlm@46 20092 T.Separator = function(){
rlm@46 20093 var s = document.createElement("span");
rlm@46 20094 s.className = "ytb-sep";
rlm@46 20095 T.Separator.superclass.constructor.call(this, s);
rlm@46 20096 };
rlm@46 20097 Ext.extend(T.Separator, T.Item, {
rlm@46 20098 enable:Ext.emptyFn,
rlm@46 20099 disable:Ext.emptyFn,
rlm@46 20100 focus:Ext.emptyFn
rlm@46 20101 });
rlm@46 20102 Ext.reg('tbseparator', T.Separator);
rlm@46 20103
rlm@46 20104
rlm@46 20105 T.Spacer = function(){
rlm@46 20106 var s = document.createElement("div");
rlm@46 20107 s.className = "ytb-spacer";
rlm@46 20108 T.Spacer.superclass.constructor.call(this, s);
rlm@46 20109 };
rlm@46 20110 Ext.extend(T.Spacer, T.Item, {
rlm@46 20111 enable:Ext.emptyFn,
rlm@46 20112 disable:Ext.emptyFn,
rlm@46 20113 focus:Ext.emptyFn
rlm@46 20114 });
rlm@46 20115
rlm@46 20116 Ext.reg('tbspacer', T.Spacer);
rlm@46 20117
rlm@46 20118
rlm@46 20119 T.Fill = Ext.extend(T.Spacer, {
rlm@46 20120
rlm@46 20121 render : function(td){
rlm@46 20122 td.style.width = '100%';
rlm@46 20123 T.Fill.superclass.render.call(this, td);
rlm@46 20124 }
rlm@46 20125 });
rlm@46 20126 Ext.reg('tbfill', T.Fill);
rlm@46 20127
rlm@46 20128
rlm@46 20129 T.TextItem = function(t){
rlm@46 20130 var s = document.createElement("span");
rlm@46 20131 s.className = "ytb-text";
rlm@46 20132 s.innerHTML = t.text ? t.text : t;
rlm@46 20133 T.TextItem.superclass.constructor.call(this, s);
rlm@46 20134 };
rlm@46 20135 Ext.extend(T.TextItem, T.Item, {
rlm@46 20136 enable:Ext.emptyFn,
rlm@46 20137 disable:Ext.emptyFn,
rlm@46 20138 focus:Ext.emptyFn
rlm@46 20139 });
rlm@46 20140 Ext.reg('tbtext', T.TextItem);
rlm@46 20141
rlm@46 20142
rlm@46 20143
rlm@46 20144 T.Button = Ext.extend(Ext.Button, {
rlm@46 20145 hideParent : true,
rlm@46 20146
rlm@46 20147 onDestroy : function(){
rlm@46 20148 T.Button.superclass.onDestroy.call(this);
rlm@46 20149 if(this.container){
rlm@46 20150 this.container.remove();
rlm@46 20151 }
rlm@46 20152 }
rlm@46 20153 });
rlm@46 20154 Ext.reg('tbbutton', T.Button);
rlm@46 20155
rlm@46 20156
rlm@46 20157 T.SplitButton = Ext.extend(Ext.SplitButton, {
rlm@46 20158 hideParent : true,
rlm@46 20159
rlm@46 20160 onDestroy : function(){
rlm@46 20161 T.SplitButton.superclass.onDestroy.call(this);
rlm@46 20162 if(this.container){
rlm@46 20163 this.container.remove();
rlm@46 20164 }
rlm@46 20165 }
rlm@46 20166 });
rlm@46 20167
rlm@46 20168 Ext.reg('tbsplit', T.SplitButton);
rlm@46 20169
rlm@46 20170 T.MenuButton = T.SplitButton;
rlm@46 20171
rlm@46 20172 })();
rlm@46 20173
rlm@46 20174
rlm@46 20175 Ext.PagingToolbar = Ext.extend(Ext.Toolbar, {
rlm@46 20176
rlm@46 20177
rlm@46 20178
rlm@46 20179 pageSize: 20,
rlm@46 20180
rlm@46 20181 displayMsg : 'Displaying {0} - {1} of {2}',
rlm@46 20182
rlm@46 20183 emptyMsg : 'No data to display',
rlm@46 20184
rlm@46 20185 beforePageText : "Page",
rlm@46 20186
rlm@46 20187 afterPageText : "of {0}",
rlm@46 20188
rlm@46 20189 firstText : "First Page",
rlm@46 20190
rlm@46 20191 prevText : "Previous Page",
rlm@46 20192
rlm@46 20193 nextText : "Next Page",
rlm@46 20194
rlm@46 20195 lastText : "Last Page",
rlm@46 20196
rlm@46 20197 refreshText : "Refresh",
rlm@46 20198
rlm@46 20199
rlm@46 20200 paramNames : {start: 'start', limit: 'limit'},
rlm@46 20201
rlm@46 20202 initComponent : function(){
rlm@46 20203 Ext.PagingToolbar.superclass.initComponent.call(this);
rlm@46 20204 this.cursor = 0;
rlm@46 20205 this.bind(this.store);
rlm@46 20206 },
rlm@46 20207
rlm@46 20208 onRender : function(ct, position){
rlm@46 20209 Ext.PagingToolbar.superclass.onRender.call(this, ct, position);
rlm@46 20210 this.first = this.addButton({
rlm@46 20211 tooltip: this.firstText,
rlm@46 20212 iconCls: "x-tbar-page-first",
rlm@46 20213 disabled: true,
rlm@46 20214 handler: this.onClick.createDelegate(this, ["first"])
rlm@46 20215 });
rlm@46 20216 this.prev = this.addButton({
rlm@46 20217 tooltip: this.prevText,
rlm@46 20218 iconCls: "x-tbar-page-prev",
rlm@46 20219 disabled: true,
rlm@46 20220 handler: this.onClick.createDelegate(this, ["prev"])
rlm@46 20221 });
rlm@46 20222 this.addSeparator();
rlm@46 20223 this.add(this.beforePageText);
rlm@46 20224 this.field = Ext.get(this.addDom({
rlm@46 20225 tag: "input",
rlm@46 20226 type: "text",
rlm@46 20227 size: "3",
rlm@46 20228 value: "1",
rlm@46 20229 cls: "x-tbar-page-number"
rlm@46 20230 }).el);
rlm@46 20231 this.field.on("keydown", this.onPagingKeydown, this);
rlm@46 20232 this.field.on("focus", function(){this.dom.select();});
rlm@46 20233 this.afterTextEl = this.addText(String.format(this.afterPageText, 1));
rlm@46 20234 this.field.setHeight(18);
rlm@46 20235 this.addSeparator();
rlm@46 20236 this.next = this.addButton({
rlm@46 20237 tooltip: this.nextText,
rlm@46 20238 iconCls: "x-tbar-page-next",
rlm@46 20239 disabled: true,
rlm@46 20240 handler: this.onClick.createDelegate(this, ["next"])
rlm@46 20241 });
rlm@46 20242 this.last = this.addButton({
rlm@46 20243 tooltip: this.lastText,
rlm@46 20244 iconCls: "x-tbar-page-last",
rlm@46 20245 disabled: true,
rlm@46 20246 handler: this.onClick.createDelegate(this, ["last"])
rlm@46 20247 });
rlm@46 20248 this.addSeparator();
rlm@46 20249 this.loading = this.addButton({
rlm@46 20250 tooltip: this.refreshText,
rlm@46 20251 iconCls: "x-tbar-loading",
rlm@46 20252 handler: this.onClick.createDelegate(this, ["refresh"])
rlm@46 20253 });
rlm@46 20254
rlm@46 20255 if(this.displayInfo){
rlm@46 20256 this.displayEl = Ext.fly(this.el.dom).createChild({cls:'x-paging-info'});
rlm@46 20257 }
rlm@46 20258 if(this.dsLoaded){
rlm@46 20259 this.onLoad.apply(this, this.dsLoaded);
rlm@46 20260 }
rlm@46 20261 },
rlm@46 20262
rlm@46 20263 updateInfo : function(){
rlm@46 20264 if(this.displayEl){
rlm@46 20265 var count = this.store.getCount();
rlm@46 20266 var msg = count == 0 ?
rlm@46 20267 this.emptyMsg :
rlm@46 20268 String.format(
rlm@46 20269 this.displayMsg,
rlm@46 20270 this.cursor+1, this.cursor+count, this.store.getTotalCount()
rlm@46 20271 );
rlm@46 20272 this.displayEl.update(msg);
rlm@46 20273 }
rlm@46 20274 },
rlm@46 20275
rlm@46 20276 onLoad : function(store, r, o){
rlm@46 20277 if(!this.rendered){
rlm@46 20278 this.dsLoaded = [store, r, o];
rlm@46 20279 return;
rlm@46 20280 }
rlm@46 20281 this.cursor = o.params ? o.params[this.paramNames.start] : 0;
rlm@46 20282 var d = this.getPageData(), ap = d.activePage, ps = d.pages;
rlm@46 20283
rlm@46 20284 this.afterTextEl.el.innerHTML = String.format(this.afterPageText, d.pages);
rlm@46 20285 this.field.dom.value = ap;
rlm@46 20286 this.first.setDisabled(ap == 1);
rlm@46 20287 this.prev.setDisabled(ap == 1);
rlm@46 20288 this.next.setDisabled(ap == ps);
rlm@46 20289 this.last.setDisabled(ap == ps);
rlm@46 20290 this.loading.enable();
rlm@46 20291 this.updateInfo();
rlm@46 20292 },
rlm@46 20293
rlm@46 20294 getPageData : function(){
rlm@46 20295 var total = this.store.getTotalCount();
rlm@46 20296 return {
rlm@46 20297 total : total,
rlm@46 20298 activePage : Math.ceil((this.cursor+this.pageSize)/this.pageSize),
rlm@46 20299 pages : total < this.pageSize ? 1 : Math.ceil(total/this.pageSize)
rlm@46 20300 };
rlm@46 20301 },
rlm@46 20302
rlm@46 20303 onLoadError : function(){
rlm@46 20304 if(!this.rendered){
rlm@46 20305 return;
rlm@46 20306 }
rlm@46 20307 this.loading.enable();
rlm@46 20308 },
rlm@46 20309
rlm@46 20310 readPage : function(d){
rlm@46 20311 var v = this.field.dom.value, pageNum;
rlm@46 20312 if (!v || isNaN(pageNum = parseInt(v, 10))) {
rlm@46 20313 this.field.dom.value = d.activePage;
rlm@46 20314 return false;
rlm@46 20315 }
rlm@46 20316 return pageNum;
rlm@46 20317 },
rlm@46 20318
rlm@46 20319 onPagingKeydown : function(e){
rlm@46 20320 var k = e.getKey(), d = this.getPageData(), pageNum;
rlm@46 20321 if (k == e.RETURN) {
rlm@46 20322 e.stopEvent();
rlm@46 20323 if(pageNum = this.readPage(d)){
rlm@46 20324 pageNum = Math.min(Math.max(1, pageNum), d.pages) - 1;
rlm@46 20325 this.doLoad(pageNum * this.pageSize);
rlm@46 20326 }
rlm@46 20327 }else if (k == e.HOME || k == e.END){
rlm@46 20328 e.stopEvent();
rlm@46 20329 pageNum = k == e.HOME ? 1 : d.pages;
rlm@46 20330 this.field.dom.value = pageNum;
rlm@46 20331 }else if (k == e.UP || k == e.PAGEUP || k == e.DOWN || k == e.PAGEDOWN){
rlm@46 20332 e.stopEvent();
rlm@46 20333 if(pageNum = this.readPage(d)){
rlm@46 20334 var increment = e.shiftKey ? 10 : 1;
rlm@46 20335 if(k == e.DOWN || k == e.PAGEDOWN){
rlm@46 20336 increment *= -1;
rlm@46 20337 }
rlm@46 20338 pageNum += increment;
rlm@46 20339 if(pageNum >= 1 & pageNum <= d.pages){
rlm@46 20340 this.field.dom.value = pageNum;
rlm@46 20341 }
rlm@46 20342 }
rlm@46 20343 }
rlm@46 20344 },
rlm@46 20345
rlm@46 20346 beforeLoad : function(){
rlm@46 20347 if(this.rendered && this.loading){
rlm@46 20348 this.loading.disable();
rlm@46 20349 }
rlm@46 20350 },
rlm@46 20351
rlm@46 20352 doLoad : function(start){
rlm@46 20353 var o = {}, pn = this.paramNames;
rlm@46 20354 o[pn.start] = start;
rlm@46 20355 o[pn.limit] = this.pageSize;
rlm@46 20356 this.store.load({params:o});
rlm@46 20357 },
rlm@46 20358
rlm@46 20359 onClick : function(which){
rlm@46 20360 var store = this.store;
rlm@46 20361 switch(which){
rlm@46 20362 case "first":
rlm@46 20363 this.doLoad(0);
rlm@46 20364 break;
rlm@46 20365 case "prev":
rlm@46 20366 this.doLoad(Math.max(0, this.cursor-this.pageSize));
rlm@46 20367 break;
rlm@46 20368 case "next":
rlm@46 20369 this.doLoad(this.cursor+this.pageSize);
rlm@46 20370 break;
rlm@46 20371 case "last":
rlm@46 20372 var total = store.getTotalCount();
rlm@46 20373 var extra = total % this.pageSize;
rlm@46 20374 var lastStart = extra ? (total - extra) : total-this.pageSize;
rlm@46 20375 this.doLoad(lastStart);
rlm@46 20376 break;
rlm@46 20377 case "refresh":
rlm@46 20378 this.doLoad(this.cursor);
rlm@46 20379 break;
rlm@46 20380 }
rlm@46 20381 },
rlm@46 20382
rlm@46 20383
rlm@46 20384 unbind : function(store){
rlm@46 20385 store = Ext.StoreMgr.lookup(store);
rlm@46 20386 store.un("beforeload", this.beforeLoad, this);
rlm@46 20387 store.un("load", this.onLoad, this);
rlm@46 20388 store.un("loadexception", this.onLoadError, this);
rlm@46 20389 this.store = undefined;
rlm@46 20390 },
rlm@46 20391
rlm@46 20392
rlm@46 20393 bind : function(store){
rlm@46 20394 store = Ext.StoreMgr.lookup(store);
rlm@46 20395 store.on("beforeload", this.beforeLoad, this);
rlm@46 20396 store.on("load", this.onLoad, this);
rlm@46 20397 store.on("loadexception", this.onLoadError, this);
rlm@46 20398 this.store = store;
rlm@46 20399 }
rlm@46 20400 });
rlm@46 20401 Ext.reg('paging', Ext.PagingToolbar);
rlm@46 20402
rlm@46 20403 Ext.Resizable = function(el, config){
rlm@46 20404 this.el = Ext.get(el);
rlm@46 20405
rlm@46 20406 if(config && config.wrap){
rlm@46 20407 config.resizeChild = this.el;
rlm@46 20408 this.el = this.el.wrap(typeof config.wrap == "object" ? config.wrap : {cls:"xresizable-wrap"});
rlm@46 20409 this.el.id = this.el.dom.id = config.resizeChild.id + "-rzwrap";
rlm@46 20410 this.el.setStyle("overflow", "hidden");
rlm@46 20411 this.el.setPositioning(config.resizeChild.getPositioning());
rlm@46 20412 config.resizeChild.clearPositioning();
rlm@46 20413 if(!config.width || !config.height){
rlm@46 20414 var csize = config.resizeChild.getSize();
rlm@46 20415 this.el.setSize(csize.width, csize.height);
rlm@46 20416 }
rlm@46 20417 if(config.pinned && !config.adjustments){
rlm@46 20418 config.adjustments = "auto";
rlm@46 20419 }
rlm@46 20420 }
rlm@46 20421
rlm@46 20422
rlm@46 20423 this.proxy = this.el.createProxy({tag: "div", cls: "x-resizable-proxy", id: this.el.id + "-rzproxy"});
rlm@46 20424 this.proxy.unselectable();
rlm@46 20425 this.proxy.enableDisplayMode('block');
rlm@46 20426
rlm@46 20427 Ext.apply(this, config);
rlm@46 20428
rlm@46 20429 if(this.pinned){
rlm@46 20430 this.disableTrackOver = true;
rlm@46 20431 this.el.addClass("x-resizable-pinned");
rlm@46 20432 }
rlm@46 20433
rlm@46 20434 var position = this.el.getStyle("position");
rlm@46 20435 if(position != "absolute" && position != "fixed"){
rlm@46 20436 this.el.setStyle("position", "relative");
rlm@46 20437 }
rlm@46 20438 if(!this.handles){
rlm@46 20439 this.handles = 's,e,se';
rlm@46 20440 if(this.multiDirectional){
rlm@46 20441 this.handles += ',n,w';
rlm@46 20442 }
rlm@46 20443 }
rlm@46 20444 if(this.handles == "all"){
rlm@46 20445 this.handles = "n s e w ne nw se sw";
rlm@46 20446 }
rlm@46 20447 var hs = this.handles.split(/\s*?[,;]\s*?| /);
rlm@46 20448 var ps = Ext.Resizable.positions;
rlm@46 20449 for(var i = 0, len = hs.length; i < len; i++){
rlm@46 20450 if(hs[i] && ps[hs[i]]){
rlm@46 20451 var pos = ps[hs[i]];
rlm@46 20452 this[pos] = new Ext.Resizable.Handle(this, pos, this.disableTrackOver, this.transparent);
rlm@46 20453 }
rlm@46 20454 }
rlm@46 20455
rlm@46 20456 this.corner = this.southeast;
rlm@46 20457
rlm@46 20458 if(this.handles.indexOf("n") != -1 || this.handles.indexOf("w") != -1){
rlm@46 20459 this.updateBox = true;
rlm@46 20460 }
rlm@46 20461
rlm@46 20462 this.activeHandle = null;
rlm@46 20463
rlm@46 20464 if(this.resizeChild){
rlm@46 20465 if(typeof this.resizeChild == "boolean"){
rlm@46 20466 this.resizeChild = Ext.get(this.el.dom.firstChild, true);
rlm@46 20467 }else{
rlm@46 20468 this.resizeChild = Ext.get(this.resizeChild, true);
rlm@46 20469 }
rlm@46 20470 }
rlm@46 20471
rlm@46 20472 if(this.adjustments == "auto"){
rlm@46 20473 var rc = this.resizeChild;
rlm@46 20474 var hw = this.west, he = this.east, hn = this.north, hs = this.south;
rlm@46 20475 if(rc && (hw || hn)){
rlm@46 20476 rc.position("relative");
rlm@46 20477 rc.setLeft(hw ? hw.el.getWidth() : 0);
rlm@46 20478 rc.setTop(hn ? hn.el.getHeight() : 0);
rlm@46 20479 }
rlm@46 20480 this.adjustments = [
rlm@46 20481 (he ? -he.el.getWidth() : 0) + (hw ? -hw.el.getWidth() : 0),
rlm@46 20482 (hn ? -hn.el.getHeight() : 0) + (hs ? -hs.el.getHeight() : 0) -1
rlm@46 20483 ];
rlm@46 20484 }
rlm@46 20485
rlm@46 20486 if(this.draggable){
rlm@46 20487 this.dd = this.dynamic ?
rlm@46 20488 this.el.initDD(null) : this.el.initDDProxy(null, {dragElId: this.proxy.id});
rlm@46 20489 this.dd.setHandleElId(this.resizeChild ? this.resizeChild.id : this.el.id);
rlm@46 20490 }
rlm@46 20491
rlm@46 20492
rlm@46 20493 this.addEvents(
rlm@46 20494 "beforeresize",
rlm@46 20495 "resize"
rlm@46 20496 );
rlm@46 20497
rlm@46 20498 if(this.width !== null && this.height !== null){
rlm@46 20499 this.resizeTo(this.width, this.height);
rlm@46 20500 }else{
rlm@46 20501 this.updateChildSize();
rlm@46 20502 }
rlm@46 20503 if(Ext.isIE){
rlm@46 20504 this.el.dom.style.zoom = 1;
rlm@46 20505 }
rlm@46 20506 Ext.Resizable.superclass.constructor.call(this);
rlm@46 20507 };
rlm@46 20508
rlm@46 20509 Ext.extend(Ext.Resizable, Ext.util.Observable, {
rlm@46 20510 resizeChild : false,
rlm@46 20511 adjustments : [0, 0],
rlm@46 20512 minWidth : 5,
rlm@46 20513 minHeight : 5,
rlm@46 20514 maxWidth : 10000,
rlm@46 20515 maxHeight : 10000,
rlm@46 20516 enabled : true,
rlm@46 20517 animate : false,
rlm@46 20518 duration : .35,
rlm@46 20519 dynamic : false,
rlm@46 20520 handles : false,
rlm@46 20521 multiDirectional : false,
rlm@46 20522 disableTrackOver : false,
rlm@46 20523 easing : 'easeOutStrong',
rlm@46 20524 widthIncrement : 0,
rlm@46 20525 heightIncrement : 0,
rlm@46 20526 pinned : false,
rlm@46 20527 width : null,
rlm@46 20528 height : null,
rlm@46 20529 preserveRatio : false,
rlm@46 20530 transparent: false,
rlm@46 20531 minX: 0,
rlm@46 20532 minY: 0,
rlm@46 20533 draggable: false,
rlm@46 20534
rlm@46 20535
rlm@46 20536
rlm@46 20537
rlm@46 20538
rlm@46 20539
rlm@46 20540
rlm@46 20541
rlm@46 20542 resizeTo : function(width, height){
rlm@46 20543 this.el.setSize(width, height);
rlm@46 20544 this.updateChildSize();
rlm@46 20545 this.fireEvent("resize", this, width, height, null);
rlm@46 20546 },
rlm@46 20547
rlm@46 20548
rlm@46 20549 startSizing : function(e, handle){
rlm@46 20550 this.fireEvent("beforeresize", this, e);
rlm@46 20551 if(this.enabled){
rlm@46 20552
rlm@46 20553 if(!this.overlay){
rlm@46 20554 this.overlay = this.el.createProxy({tag: "div", cls: "x-resizable-overlay", html: "&#160;"}, Ext.getBody());
rlm@46 20555 this.overlay.unselectable();
rlm@46 20556 this.overlay.enableDisplayMode("block");
rlm@46 20557 this.overlay.on("mousemove", this.onMouseMove, this);
rlm@46 20558 this.overlay.on("mouseup", this.onMouseUp, this);
rlm@46 20559 }
rlm@46 20560 this.overlay.setStyle("cursor", handle.el.getStyle("cursor"));
rlm@46 20561
rlm@46 20562 this.resizing = true;
rlm@46 20563 this.startBox = this.el.getBox();
rlm@46 20564 this.startPoint = e.getXY();
rlm@46 20565 this.offsets = [(this.startBox.x + this.startBox.width) - this.startPoint[0],
rlm@46 20566 (this.startBox.y + this.startBox.height) - this.startPoint[1]];
rlm@46 20567
rlm@46 20568 this.overlay.setSize(Ext.lib.Dom.getViewWidth(true), Ext.lib.Dom.getViewHeight(true));
rlm@46 20569 this.overlay.show();
rlm@46 20570
rlm@46 20571 if(this.constrainTo) {
rlm@46 20572 var ct = Ext.get(this.constrainTo);
rlm@46 20573 this.resizeRegion = ct.getRegion().adjust(
rlm@46 20574 ct.getFrameWidth('t'),
rlm@46 20575 ct.getFrameWidth('l'),
rlm@46 20576 -ct.getFrameWidth('b'),
rlm@46 20577 -ct.getFrameWidth('r')
rlm@46 20578 );
rlm@46 20579 }
rlm@46 20580
rlm@46 20581 this.proxy.setStyle('visibility', 'hidden');
rlm@46 20582 this.proxy.show();
rlm@46 20583 this.proxy.setBox(this.startBox);
rlm@46 20584 if(!this.dynamic){
rlm@46 20585 this.proxy.setStyle('visibility', 'visible');
rlm@46 20586 }
rlm@46 20587 }
rlm@46 20588 },
rlm@46 20589
rlm@46 20590
rlm@46 20591 onMouseDown : function(handle, e){
rlm@46 20592 if(this.enabled){
rlm@46 20593 e.stopEvent();
rlm@46 20594 this.activeHandle = handle;
rlm@46 20595 this.startSizing(e, handle);
rlm@46 20596 }
rlm@46 20597 },
rlm@46 20598
rlm@46 20599
rlm@46 20600 onMouseUp : function(e){
rlm@46 20601 var size = this.resizeElement();
rlm@46 20602 this.resizing = false;
rlm@46 20603 this.handleOut();
rlm@46 20604 this.overlay.hide();
rlm@46 20605 this.proxy.hide();
rlm@46 20606 this.fireEvent("resize", this, size.width, size.height, e);
rlm@46 20607 },
rlm@46 20608
rlm@46 20609
rlm@46 20610 updateChildSize : function(){
rlm@46 20611 if(this.resizeChild){
rlm@46 20612 var el = this.el;
rlm@46 20613 var child = this.resizeChild;
rlm@46 20614 var adj = this.adjustments;
rlm@46 20615 if(el.dom.offsetWidth){
rlm@46 20616 var b = el.getSize(true);
rlm@46 20617 child.setSize(b.width+adj[0], b.height+adj[1]);
rlm@46 20618 }
rlm@46 20619
rlm@46 20620
rlm@46 20621
rlm@46 20622
rlm@46 20623 if(Ext.isIE){
rlm@46 20624 setTimeout(function(){
rlm@46 20625 if(el.dom.offsetWidth){
rlm@46 20626 var b = el.getSize(true);
rlm@46 20627 child.setSize(b.width+adj[0], b.height+adj[1]);
rlm@46 20628 }
rlm@46 20629 }, 10);
rlm@46 20630 }
rlm@46 20631 }
rlm@46 20632 },
rlm@46 20633
rlm@46 20634
rlm@46 20635 snap : function(value, inc, min){
rlm@46 20636 if(!inc || !value) return value;
rlm@46 20637 var newValue = value;
rlm@46 20638 var m = value % inc;
rlm@46 20639 if(m > 0){
rlm@46 20640 if(m > (inc/2)){
rlm@46 20641 newValue = value + (inc-m);
rlm@46 20642 }else{
rlm@46 20643 newValue = value - m;
rlm@46 20644 }
rlm@46 20645 }
rlm@46 20646 return Math.max(min, newValue);
rlm@46 20647 },
rlm@46 20648
rlm@46 20649
rlm@46 20650 resizeElement : function(){
rlm@46 20651 var box = this.proxy.getBox();
rlm@46 20652 if(this.updateBox){
rlm@46 20653 this.el.setBox(box, false, this.animate, this.duration, null, this.easing);
rlm@46 20654 }else{
rlm@46 20655 this.el.setSize(box.width, box.height, this.animate, this.duration, null, this.easing);
rlm@46 20656 }
rlm@46 20657 this.updateChildSize();
rlm@46 20658 if(!this.dynamic){
rlm@46 20659 this.proxy.hide();
rlm@46 20660 }
rlm@46 20661 return box;
rlm@46 20662 },
rlm@46 20663
rlm@46 20664
rlm@46 20665 constrain : function(v, diff, m, mx){
rlm@46 20666 if(v - diff < m){
rlm@46 20667 diff = v - m;
rlm@46 20668 }else if(v - diff > mx){
rlm@46 20669 diff = mx - v;
rlm@46 20670 }
rlm@46 20671 return diff;
rlm@46 20672 },
rlm@46 20673
rlm@46 20674
rlm@46 20675 onMouseMove : function(e){
rlm@46 20676 if(this.enabled){
rlm@46 20677 try{
rlm@46 20678
rlm@46 20679 if(this.resizeRegion && !this.resizeRegion.contains(e.getPoint())) {
rlm@46 20680 return;
rlm@46 20681 }
rlm@46 20682
rlm@46 20683
rlm@46 20684 var curSize = this.curSize || this.startBox;
rlm@46 20685 var x = this.startBox.x, y = this.startBox.y;
rlm@46 20686 var ox = x, oy = y;
rlm@46 20687 var w = curSize.width, h = curSize.height;
rlm@46 20688 var ow = w, oh = h;
rlm@46 20689 var mw = this.minWidth, mh = this.minHeight;
rlm@46 20690 var mxw = this.maxWidth, mxh = this.maxHeight;
rlm@46 20691 var wi = this.widthIncrement;
rlm@46 20692 var hi = this.heightIncrement;
rlm@46 20693
rlm@46 20694 var eventXY = e.getXY();
rlm@46 20695 var diffX = -(this.startPoint[0] - Math.max(this.minX, eventXY[0]));
rlm@46 20696 var diffY = -(this.startPoint[1] - Math.max(this.minY, eventXY[1]));
rlm@46 20697
rlm@46 20698 var pos = this.activeHandle.position;
rlm@46 20699
rlm@46 20700 switch(pos){
rlm@46 20701 case "east":
rlm@46 20702 w += diffX;
rlm@46 20703 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20704 break;
rlm@46 20705 case "south":
rlm@46 20706 h += diffY;
rlm@46 20707 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20708 break;
rlm@46 20709 case "southeast":
rlm@46 20710 w += diffX;
rlm@46 20711 h += diffY;
rlm@46 20712 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20713 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20714 break;
rlm@46 20715 case "north":
rlm@46 20716 diffY = this.constrain(h, diffY, mh, mxh);
rlm@46 20717 y += diffY;
rlm@46 20718 h -= diffY;
rlm@46 20719 break;
rlm@46 20720 case "west":
rlm@46 20721 diffX = this.constrain(w, diffX, mw, mxw);
rlm@46 20722 x += diffX;
rlm@46 20723 w -= diffX;
rlm@46 20724 break;
rlm@46 20725 case "northeast":
rlm@46 20726 w += diffX;
rlm@46 20727 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20728 diffY = this.constrain(h, diffY, mh, mxh);
rlm@46 20729 y += diffY;
rlm@46 20730 h -= diffY;
rlm@46 20731 break;
rlm@46 20732 case "northwest":
rlm@46 20733 diffX = this.constrain(w, diffX, mw, mxw);
rlm@46 20734 diffY = this.constrain(h, diffY, mh, mxh);
rlm@46 20735 y += diffY;
rlm@46 20736 h -= diffY;
rlm@46 20737 x += diffX;
rlm@46 20738 w -= diffX;
rlm@46 20739 break;
rlm@46 20740 case "southwest":
rlm@46 20741 diffX = this.constrain(w, diffX, mw, mxw);
rlm@46 20742 h += diffY;
rlm@46 20743 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20744 x += diffX;
rlm@46 20745 w -= diffX;
rlm@46 20746 break;
rlm@46 20747 }
rlm@46 20748
rlm@46 20749 var sw = this.snap(w, wi, mw);
rlm@46 20750 var sh = this.snap(h, hi, mh);
rlm@46 20751 if(sw != w || sh != h){
rlm@46 20752 switch(pos){
rlm@46 20753 case "northeast":
rlm@46 20754 y -= sh - h;
rlm@46 20755 break;
rlm@46 20756 case "north":
rlm@46 20757 y -= sh - h;
rlm@46 20758 break;
rlm@46 20759 case "southwest":
rlm@46 20760 x -= sw - w;
rlm@46 20761 break;
rlm@46 20762 case "west":
rlm@46 20763 x -= sw - w;
rlm@46 20764 break;
rlm@46 20765 case "northwest":
rlm@46 20766 x -= sw - w;
rlm@46 20767 y -= sh - h;
rlm@46 20768 break;
rlm@46 20769 }
rlm@46 20770 w = sw;
rlm@46 20771 h = sh;
rlm@46 20772 }
rlm@46 20773
rlm@46 20774 if(this.preserveRatio){
rlm@46 20775 switch(pos){
rlm@46 20776 case "southeast":
rlm@46 20777 case "east":
rlm@46 20778 h = oh * (w/ow);
rlm@46 20779 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20780 w = ow * (h/oh);
rlm@46 20781 break;
rlm@46 20782 case "south":
rlm@46 20783 w = ow * (h/oh);
rlm@46 20784 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20785 h = oh * (w/ow);
rlm@46 20786 break;
rlm@46 20787 case "northeast":
rlm@46 20788 w = ow * (h/oh);
rlm@46 20789 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20790 h = oh * (w/ow);
rlm@46 20791 break;
rlm@46 20792 case "north":
rlm@46 20793 var tw = w;
rlm@46 20794 w = ow * (h/oh);
rlm@46 20795 w = Math.min(Math.max(mw, w), mxw);
rlm@46 20796 h = oh * (w/ow);
rlm@46 20797 x += (tw - w) / 2;
rlm@46 20798 break;
rlm@46 20799 case "southwest":
rlm@46 20800 h = oh * (w/ow);
rlm@46 20801 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20802 var tw = w;
rlm@46 20803 w = ow * (h/oh);
rlm@46 20804 x += tw - w;
rlm@46 20805 break;
rlm@46 20806 case "west":
rlm@46 20807 var th = h;
rlm@46 20808 h = oh * (w/ow);
rlm@46 20809 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20810 y += (th - h) / 2;
rlm@46 20811 var tw = w;
rlm@46 20812 w = ow * (h/oh);
rlm@46 20813 x += tw - w;
rlm@46 20814 break;
rlm@46 20815 case "northwest":
rlm@46 20816 var tw = w;
rlm@46 20817 var th = h;
rlm@46 20818 h = oh * (w/ow);
rlm@46 20819 h = Math.min(Math.max(mh, h), mxh);
rlm@46 20820 w = ow * (h/oh);
rlm@46 20821 y += th - h;
rlm@46 20822 x += tw - w;
rlm@46 20823 break;
rlm@46 20824
rlm@46 20825 }
rlm@46 20826 }
rlm@46 20827 this.proxy.setBounds(x, y, w, h);
rlm@46 20828 if(this.dynamic){
rlm@46 20829 this.resizeElement();
rlm@46 20830 }
rlm@46 20831 }catch(e){}
rlm@46 20832 }
rlm@46 20833 },
rlm@46 20834
rlm@46 20835
rlm@46 20836 handleOver : function(){
rlm@46 20837 if(this.enabled){
rlm@46 20838 this.el.addClass("x-resizable-over");
rlm@46 20839 }
rlm@46 20840 },
rlm@46 20841
rlm@46 20842
rlm@46 20843 handleOut : function(){
rlm@46 20844 if(!this.resizing){
rlm@46 20845 this.el.removeClass("x-resizable-over");
rlm@46 20846 }
rlm@46 20847 },
rlm@46 20848
rlm@46 20849
rlm@46 20850 getEl : function(){
rlm@46 20851 return this.el;
rlm@46 20852 },
rlm@46 20853
rlm@46 20854
rlm@46 20855 getResizeChild : function(){
rlm@46 20856 return this.resizeChild;
rlm@46 20857 },
rlm@46 20858
rlm@46 20859
rlm@46 20860 destroy : function(removeEl){
rlm@46 20861 this.proxy.remove();
rlm@46 20862 if(this.overlay){
rlm@46 20863 this.overlay.removeAllListeners();
rlm@46 20864 this.overlay.remove();
rlm@46 20865 }
rlm@46 20866 var ps = Ext.Resizable.positions;
rlm@46 20867 for(var k in ps){
rlm@46 20868 if(typeof ps[k] != "function" && this[ps[k]]){
rlm@46 20869 var h = this[ps[k]];
rlm@46 20870 h.el.removeAllListeners();
rlm@46 20871 h.el.remove();
rlm@46 20872 }
rlm@46 20873 }
rlm@46 20874 if(removeEl){
rlm@46 20875 this.el.update("");
rlm@46 20876 this.el.remove();
rlm@46 20877 }
rlm@46 20878 },
rlm@46 20879
rlm@46 20880 syncHandleHeight : function(){
rlm@46 20881 var h = this.el.getHeight(true);
rlm@46 20882 if(this.west){
rlm@46 20883 this.west.el.setHeight(h);
rlm@46 20884 }
rlm@46 20885 if(this.east){
rlm@46 20886 this.east.el.setHeight(h);
rlm@46 20887 }
rlm@46 20888 }
rlm@46 20889 });
rlm@46 20890
rlm@46 20891
rlm@46 20892
rlm@46 20893 Ext.Resizable.positions = {
rlm@46 20894 n: "north", s: "south", e: "east", w: "west", se: "southeast", sw: "southwest", nw: "northwest", ne: "northeast"
rlm@46 20895 };
rlm@46 20896
rlm@46 20897
rlm@46 20898 Ext.Resizable.Handle = function(rz, pos, disableTrackOver, transparent){
rlm@46 20899 if(!this.tpl){
rlm@46 20900
rlm@46 20901 var tpl = Ext.DomHelper.createTemplate(
rlm@46 20902 {tag: "div", cls: "x-resizable-handle x-resizable-handle-{0}"}
rlm@46 20903 );
rlm@46 20904 tpl.compile();
rlm@46 20905 Ext.Resizable.Handle.prototype.tpl = tpl;
rlm@46 20906 }
rlm@46 20907 this.position = pos;
rlm@46 20908 this.rz = rz;
rlm@46 20909 this.el = this.tpl.append(rz.el.dom, [this.position], true);
rlm@46 20910 this.el.unselectable();
rlm@46 20911 if(transparent){
rlm@46 20912 this.el.setOpacity(0);
rlm@46 20913 }
rlm@46 20914 this.el.on("mousedown", this.onMouseDown, this);
rlm@46 20915 if(!disableTrackOver){
rlm@46 20916 this.el.on("mouseover", this.onMouseOver, this);
rlm@46 20917 this.el.on("mouseout", this.onMouseOut, this);
rlm@46 20918 }
rlm@46 20919 };
rlm@46 20920
rlm@46 20921
rlm@46 20922 Ext.Resizable.Handle.prototype = {
rlm@46 20923 afterResize : function(rz){
rlm@46 20924
rlm@46 20925 },
rlm@46 20926
rlm@46 20927 onMouseDown : function(e){
rlm@46 20928 this.rz.onMouseDown(this, e);
rlm@46 20929 },
rlm@46 20930
rlm@46 20931 onMouseOver : function(e){
rlm@46 20932 this.rz.handleOver(this, e);
rlm@46 20933 },
rlm@46 20934
rlm@46 20935 onMouseOut : function(e){
rlm@46 20936 this.rz.handleOut(this, e);
rlm@46 20937 }
rlm@46 20938 };
rlm@46 20939
rlm@46 20940
rlm@46 20941
rlm@46 20942
rlm@46 20943
rlm@46 20944 Ext.Editor = function(field, config){
rlm@46 20945 this.field = field;
rlm@46 20946 Ext.Editor.superclass.constructor.call(this, config);
rlm@46 20947 };
rlm@46 20948
rlm@46 20949 Ext.extend(Ext.Editor, Ext.Component, {
rlm@46 20950
rlm@46 20951
rlm@46 20952
rlm@46 20953
rlm@46 20954
rlm@46 20955 value : "",
rlm@46 20956
rlm@46 20957 alignment: "c-c?",
rlm@46 20958
rlm@46 20959 shadow : "frame",
rlm@46 20960
rlm@46 20961 constrain : false,
rlm@46 20962
rlm@46 20963 swallowKeys : true,
rlm@46 20964
rlm@46 20965 completeOnEnter : false,
rlm@46 20966
rlm@46 20967 cancelOnEsc : false,
rlm@46 20968
rlm@46 20969 updateEl : false,
rlm@46 20970
rlm@46 20971 initComponent : function(){
rlm@46 20972 Ext.Editor.superclass.initComponent.call(this);
rlm@46 20973 this.addEvents(
rlm@46 20974
rlm@46 20975 "beforestartedit",
rlm@46 20976
rlm@46 20977 "startedit",
rlm@46 20978
rlm@46 20979 "beforecomplete",
rlm@46 20980
rlm@46 20981 "complete",
rlm@46 20982
rlm@46 20983 "specialkey"
rlm@46 20984 );
rlm@46 20985 },
rlm@46 20986
rlm@46 20987 onRender : function(ct, position){
rlm@46 20988 this.el = new Ext.Layer({
rlm@46 20989 shadow: this.shadow,
rlm@46 20990 cls: "x-editor",
rlm@46 20991 parentEl : ct,
rlm@46 20992 shim : this.shim,
rlm@46 20993 shadowOffset:4,
rlm@46 20994 id: this.id,
rlm@46 20995 constrain: this.constrain
rlm@46 20996 });
rlm@46 20997 this.el.setStyle("overflow", Ext.isGecko ? "auto" : "hidden");
rlm@46 20998 if(this.field.msgTarget != 'title'){
rlm@46 20999 this.field.msgTarget = 'qtip';
rlm@46 21000 }
rlm@46 21001 this.field.inEditor = true;
rlm@46 21002 this.field.render(this.el);
rlm@46 21003 if(Ext.isGecko){
rlm@46 21004 this.field.el.dom.setAttribute('autocomplete', 'off');
rlm@46 21005 }
rlm@46 21006 this.field.on("specialkey", this.onSpecialKey, this);
rlm@46 21007 if(this.swallowKeys){
rlm@46 21008 this.field.el.swallowEvent(['keydown','keypress']);
rlm@46 21009 }
rlm@46 21010 this.field.show();
rlm@46 21011 this.field.on("blur", this.onBlur, this);
rlm@46 21012 if(this.field.grow){
rlm@46 21013 this.field.on("autosize", this.el.sync, this.el, {delay:1});
rlm@46 21014 }
rlm@46 21015 },
rlm@46 21016
rlm@46 21017 onSpecialKey : function(field, e){
rlm@46 21018 if(this.completeOnEnter && e.getKey() == e.ENTER){
rlm@46 21019 e.stopEvent();
rlm@46 21020 this.completeEdit();
rlm@46 21021 }else if(this.cancelOnEsc && e.getKey() == e.ESC){
rlm@46 21022 this.cancelEdit();
rlm@46 21023 }else{
rlm@46 21024 this.fireEvent('specialkey', field, e);
rlm@46 21025 }
rlm@46 21026 },
rlm@46 21027
rlm@46 21028
rlm@46 21029 startEdit : function(el, value){
rlm@46 21030 if(this.editing){
rlm@46 21031 this.completeEdit();
rlm@46 21032 }
rlm@46 21033 this.boundEl = Ext.get(el);
rlm@46 21034 var v = value !== undefined ? value : this.boundEl.dom.innerHTML;
rlm@46 21035 if(!this.rendered){
rlm@46 21036 this.render(this.parentEl || document.body);
rlm@46 21037 }
rlm@46 21038 if(this.fireEvent("beforestartedit", this, this.boundEl, v) === false){
rlm@46 21039 return;
rlm@46 21040 }
rlm@46 21041 this.startValue = v;
rlm@46 21042 this.field.setValue(v);
rlm@46 21043 this.doAutoSize();
rlm@46 21044 this.el.alignTo(this.boundEl, this.alignment);
rlm@46 21045 this.editing = true;
rlm@46 21046 this.show();
rlm@46 21047 },
rlm@46 21048
rlm@46 21049 doAutoSize : function(){
rlm@46 21050 if(this.autoSize){
rlm@46 21051 var sz = this.boundEl.getSize();
rlm@46 21052 switch(this.autoSize){
rlm@46 21053 case "width":
rlm@46 21054 this.setSize(sz.width, "");
rlm@46 21055 break;
rlm@46 21056 case "height":
rlm@46 21057 this.setSize("", sz.height);
rlm@46 21058 break;
rlm@46 21059 default:
rlm@46 21060 this.setSize(sz.width, sz.height);
rlm@46 21061 }
rlm@46 21062 }
rlm@46 21063 },
rlm@46 21064
rlm@46 21065
rlm@46 21066 setSize : function(w, h){
rlm@46 21067 delete this.field.lastSize;
rlm@46 21068 this.field.setSize(w, h);
rlm@46 21069 if(this.el){
rlm@46 21070 this.el.sync();
rlm@46 21071 }
rlm@46 21072 },
rlm@46 21073
rlm@46 21074
rlm@46 21075 realign : function(){
rlm@46 21076 this.el.alignTo(this.boundEl, this.alignment);
rlm@46 21077 },
rlm@46 21078
rlm@46 21079
rlm@46 21080 completeEdit : function(remainVisible){
rlm@46 21081 if(!this.editing){
rlm@46 21082 return;
rlm@46 21083 }
rlm@46 21084 var v = this.getValue();
rlm@46 21085 if(this.revertInvalid !== false && !this.field.isValid()){
rlm@46 21086 v = this.startValue;
rlm@46 21087 this.cancelEdit(true);
rlm@46 21088 }
rlm@46 21089 if(String(v) === String(this.startValue) && this.ignoreNoChange){
rlm@46 21090 this.editing = false;
rlm@46 21091 this.hide();
rlm@46 21092 return;
rlm@46 21093 }
rlm@46 21094 if(this.fireEvent("beforecomplete", this, v, this.startValue) !== false){
rlm@46 21095 this.editing = false;
rlm@46 21096 if(this.updateEl && this.boundEl){
rlm@46 21097 this.boundEl.update(v);
rlm@46 21098 }
rlm@46 21099 if(remainVisible !== true){
rlm@46 21100 this.hide();
rlm@46 21101 }
rlm@46 21102 this.fireEvent("complete", this, v, this.startValue);
rlm@46 21103 }
rlm@46 21104 },
rlm@46 21105
rlm@46 21106 onShow : function(){
rlm@46 21107 this.el.show();
rlm@46 21108 if(this.hideEl !== false){
rlm@46 21109 this.boundEl.hide();
rlm@46 21110 }
rlm@46 21111 this.field.show();
rlm@46 21112 if(Ext.isIE && !this.fixIEFocus){ this.fixIEFocus = true;
rlm@46 21113 this.deferredFocus.defer(50, this);
rlm@46 21114 }else{
rlm@46 21115 this.field.focus();
rlm@46 21116 }
rlm@46 21117 this.fireEvent("startedit", this.boundEl, this.startValue);
rlm@46 21118 },
rlm@46 21119
rlm@46 21120 deferredFocus : function(){
rlm@46 21121 if(this.editing){
rlm@46 21122 this.field.focus();
rlm@46 21123 }
rlm@46 21124 },
rlm@46 21125
rlm@46 21126
rlm@46 21127 cancelEdit : function(remainVisible){
rlm@46 21128 if(this.editing){
rlm@46 21129 this.setValue(this.startValue);
rlm@46 21130 if(remainVisible !== true){
rlm@46 21131 this.hide();
rlm@46 21132 }
rlm@46 21133 }
rlm@46 21134 },
rlm@46 21135
rlm@46 21136 onBlur : function(){
rlm@46 21137 if(this.allowBlur !== true && this.editing){
rlm@46 21138 this.completeEdit();
rlm@46 21139 }
rlm@46 21140 },
rlm@46 21141
rlm@46 21142 onHide : function(){
rlm@46 21143 if(this.editing){
rlm@46 21144 this.completeEdit();
rlm@46 21145 return;
rlm@46 21146 }
rlm@46 21147 this.field.blur();
rlm@46 21148 if(this.field.collapse){
rlm@46 21149 this.field.collapse();
rlm@46 21150 }
rlm@46 21151 this.el.hide();
rlm@46 21152 if(this.hideEl !== false){
rlm@46 21153 this.boundEl.show();
rlm@46 21154 }
rlm@46 21155 },
rlm@46 21156
rlm@46 21157
rlm@46 21158 setValue : function(v){
rlm@46 21159 this.field.setValue(v);
rlm@46 21160 },
rlm@46 21161
rlm@46 21162
rlm@46 21163 getValue : function(){
rlm@46 21164 return this.field.getValue();
rlm@46 21165 },
rlm@46 21166
rlm@46 21167 beforeDestroy : function(){
rlm@46 21168 this.field.destroy();
rlm@46 21169 this.field = null;
rlm@46 21170 }
rlm@46 21171 });
rlm@46 21172 Ext.reg('editor', Ext.Editor);
rlm@46 21173
rlm@46 21174 Ext.MessageBox = function(){
rlm@46 21175 var dlg, opt, mask, waitTimer;
rlm@46 21176 var bodyEl, msgEl, textboxEl, textareaEl, progressBar, pp, iconEl, spacerEl;
rlm@46 21177 var buttons, activeTextEl, bwidth, iconCls = '';
rlm@46 21178
rlm@46 21179
rlm@46 21180 var handleButton = function(button){
rlm@46 21181 if(dlg.isVisible()){
rlm@46 21182 dlg.hide();
rlm@46 21183 Ext.callback(opt.fn, opt.scope||window, [button, activeTextEl.dom.value], 1);
rlm@46 21184 }
rlm@46 21185 };
rlm@46 21186
rlm@46 21187
rlm@46 21188 var handleHide = function(){
rlm@46 21189 if(opt && opt.cls){
rlm@46 21190 dlg.el.removeClass(opt.cls);
rlm@46 21191 }
rlm@46 21192 progressBar.reset();
rlm@46 21193 };
rlm@46 21194
rlm@46 21195
rlm@46 21196 var handleEsc = function(d, k, e){
rlm@46 21197 if(opt && opt.closable !== false){
rlm@46 21198 dlg.hide();
rlm@46 21199 }
rlm@46 21200 if(e){
rlm@46 21201 e.stopEvent();
rlm@46 21202 }
rlm@46 21203 };
rlm@46 21204
rlm@46 21205
rlm@46 21206 var updateButtons = function(b){
rlm@46 21207 var width = 0;
rlm@46 21208 if(!b){
rlm@46 21209 buttons["ok"].hide();
rlm@46 21210 buttons["cancel"].hide();
rlm@46 21211 buttons["yes"].hide();
rlm@46 21212 buttons["no"].hide();
rlm@46 21213 return width;
rlm@46 21214 }
rlm@46 21215 dlg.footer.dom.style.display = '';
rlm@46 21216 for(var k in buttons){
rlm@46 21217 if(typeof buttons[k] != "function"){
rlm@46 21218 if(b[k]){
rlm@46 21219 buttons[k].show();
rlm@46 21220 buttons[k].setText(typeof b[k] == "string" ? b[k] : Ext.MessageBox.buttonText[k]);
rlm@46 21221 width += buttons[k].el.getWidth()+15;
rlm@46 21222 }else{
rlm@46 21223 buttons[k].hide();
rlm@46 21224 }
rlm@46 21225 }
rlm@46 21226 }
rlm@46 21227 return width;
rlm@46 21228 };
rlm@46 21229
rlm@46 21230 return {
rlm@46 21231
rlm@46 21232 getDialog : function(titleText){
rlm@46 21233 if(!dlg){
rlm@46 21234 dlg = new Ext.Window({
rlm@46 21235 autoCreate : true,
rlm@46 21236 title:titleText,
rlm@46 21237 resizable:false,
rlm@46 21238 constrain:true,
rlm@46 21239 constrainHeader:true,
rlm@46 21240 minimizable : false,
rlm@46 21241 maximizable : false,
rlm@46 21242 stateful: false,
rlm@46 21243 modal: true,
rlm@46 21244 shim:true,
rlm@46 21245 buttonAlign:"center",
rlm@46 21246 width:400,
rlm@46 21247 height:100,
rlm@46 21248 minHeight: 80,
rlm@46 21249 plain:true,
rlm@46 21250 footer:true,
rlm@46 21251 closable:true,
rlm@46 21252 close : function(){
rlm@46 21253 if(opt && opt.buttons && opt.buttons.no && !opt.buttons.cancel){
rlm@46 21254 handleButton("no");
rlm@46 21255 }else{
rlm@46 21256 handleButton("cancel");
rlm@46 21257 }
rlm@46 21258 }
rlm@46 21259 });
rlm@46 21260 buttons = {};
rlm@46 21261 var bt = this.buttonText;
rlm@46 21262
rlm@46 21263 buttons["ok"] = dlg.addButton(bt["ok"], handleButton.createCallback("ok"));
rlm@46 21264 buttons["yes"] = dlg.addButton(bt["yes"], handleButton.createCallback("yes"));
rlm@46 21265 buttons["no"] = dlg.addButton(bt["no"], handleButton.createCallback("no"));
rlm@46 21266 buttons["cancel"] = dlg.addButton(bt["cancel"], handleButton.createCallback("cancel"));
rlm@46 21267 buttons["ok"].hideMode = buttons["yes"].hideMode = buttons["no"].hideMode = buttons["cancel"].hideMode = 'offsets';
rlm@46 21268 dlg.render(document.body);
rlm@46 21269 dlg.getEl().addClass('x-window-dlg');
rlm@46 21270 mask = dlg.mask;
rlm@46 21271 bodyEl = dlg.body.createChild({
rlm@46 21272 html:'<div class="ext-mb-icon"></div><div class="ext-mb-content"><span class="ext-mb-text"></span><br /><div class="ext-mb-fix-cursor"><input type="text" class="ext-mb-input" /><textarea class="ext-mb-textarea"></textarea></div></div>'
rlm@46 21273 });
rlm@46 21274 iconEl = Ext.get(bodyEl.dom.firstChild);
rlm@46 21275 var contentEl = bodyEl.dom.childNodes[1];
rlm@46 21276 msgEl = Ext.get(contentEl.firstChild);
rlm@46 21277 textboxEl = Ext.get(contentEl.childNodes[2].firstChild);
rlm@46 21278 textboxEl.enableDisplayMode();
rlm@46 21279 textboxEl.addKeyListener([10,13], function(){
rlm@46 21280 if(dlg.isVisible() && opt && opt.buttons){
rlm@46 21281 if(opt.buttons.ok){
rlm@46 21282 handleButton("ok");
rlm@46 21283 }else if(opt.buttons.yes){
rlm@46 21284 handleButton("yes");
rlm@46 21285 }
rlm@46 21286 }
rlm@46 21287 });
rlm@46 21288 textareaEl = Ext.get(contentEl.childNodes[2].childNodes[1]);
rlm@46 21289 textareaEl.enableDisplayMode();
rlm@46 21290 progressBar = new Ext.ProgressBar({
rlm@46 21291 renderTo:bodyEl
rlm@46 21292 });
rlm@46 21293 bodyEl.createChild({cls:'x-clear'});
rlm@46 21294 }
rlm@46 21295 return dlg;
rlm@46 21296 },
rlm@46 21297
rlm@46 21298
rlm@46 21299 updateText : function(text){
rlm@46 21300 if(!dlg.isVisible() && !opt.width){
rlm@46 21301 dlg.setSize(this.maxWidth, 100);
rlm@46 21302 }
rlm@46 21303 msgEl.update(text || '&#160;');
rlm@46 21304
rlm@46 21305 var iw = iconCls != '' ? (iconEl.getWidth() + iconEl.getMargins('lr')) : 0;
rlm@46 21306 var mw = msgEl.getWidth() + msgEl.getMargins('lr');
rlm@46 21307 var fw = dlg.getFrameWidth('lr');
rlm@46 21308 var bw = dlg.body.getFrameWidth('lr');
rlm@46 21309 if (Ext.isIE && iw > 0){
rlm@46 21310
rlm@46 21311
rlm@46 21312 iw += 3;
rlm@46 21313 }
rlm@46 21314 var w = Math.max(Math.min(opt.width || iw+mw+fw+bw, this.maxWidth),
rlm@46 21315 Math.max(opt.minWidth || this.minWidth, bwidth || 0));
rlm@46 21316
rlm@46 21317 if(opt.prompt === true){
rlm@46 21318 activeTextEl.setWidth(w-iw-fw-bw);
rlm@46 21319 }
rlm@46 21320 if(opt.progress === true || opt.wait === true){
rlm@46 21321 progressBar.setSize(w-iw-fw-bw);
rlm@46 21322 }
rlm@46 21323 dlg.setSize(w, 'auto').center();
rlm@46 21324 return this;
rlm@46 21325 },
rlm@46 21326
rlm@46 21327
rlm@46 21328 updateProgress : function(value, progressText, msg){
rlm@46 21329 progressBar.updateProgress(value, progressText);
rlm@46 21330 if(msg){
rlm@46 21331 this.updateText(msg);
rlm@46 21332 }
rlm@46 21333 return this;
rlm@46 21334 },
rlm@46 21335
rlm@46 21336
rlm@46 21337 isVisible : function(){
rlm@46 21338 return dlg && dlg.isVisible();
rlm@46 21339 },
rlm@46 21340
rlm@46 21341
rlm@46 21342 hide : function(){
rlm@46 21343 if(this.isVisible()){
rlm@46 21344 dlg.hide();
rlm@46 21345 handleHide();
rlm@46 21346 }
rlm@46 21347 return this;
rlm@46 21348 },
rlm@46 21349
rlm@46 21350
rlm@46 21351 show : function(options){
rlm@46 21352 if(this.isVisible()){
rlm@46 21353 this.hide();
rlm@46 21354 }
rlm@46 21355 opt = options;
rlm@46 21356 var d = this.getDialog(opt.title || "&#160;");
rlm@46 21357
rlm@46 21358 d.setTitle(opt.title || "&#160;");
rlm@46 21359 var allowClose = (opt.closable !== false && opt.progress !== true && opt.wait !== true);
rlm@46 21360 d.tools.close.setDisplayed(allowClose);
rlm@46 21361 activeTextEl = textboxEl;
rlm@46 21362 opt.prompt = opt.prompt || (opt.multiline ? true : false);
rlm@46 21363 if(opt.prompt){
rlm@46 21364 if(opt.multiline){
rlm@46 21365 textboxEl.hide();
rlm@46 21366 textareaEl.show();
rlm@46 21367 textareaEl.setHeight(typeof opt.multiline == "number" ?
rlm@46 21368 opt.multiline : this.defaultTextHeight);
rlm@46 21369 activeTextEl = textareaEl;
rlm@46 21370 }else{
rlm@46 21371 textboxEl.show();
rlm@46 21372 textareaEl.hide();
rlm@46 21373 }
rlm@46 21374 }else{
rlm@46 21375 textboxEl.hide();
rlm@46 21376 textareaEl.hide();
rlm@46 21377 }
rlm@46 21378 activeTextEl.dom.value = opt.value || "";
rlm@46 21379 if(opt.prompt){
rlm@46 21380 d.focusEl = activeTextEl;
rlm@46 21381 }else{
rlm@46 21382 var bs = opt.buttons;
rlm@46 21383 var db = null;
rlm@46 21384 if(bs && bs.ok){
rlm@46 21385 db = buttons["ok"];
rlm@46 21386 }else if(bs && bs.yes){
rlm@46 21387 db = buttons["yes"];
rlm@46 21388 }
rlm@46 21389 if (db){
rlm@46 21390 d.focusEl = db;
rlm@46 21391 }
rlm@46 21392 }
rlm@46 21393 if(opt.iconCls){
rlm@46 21394 d.setIconClass(opt.iconCls);
rlm@46 21395 }
rlm@46 21396 this.setIcon(opt.icon);
rlm@46 21397 bwidth = updateButtons(opt.buttons);
rlm@46 21398 progressBar.setVisible(opt.progress === true || opt.wait === true);
rlm@46 21399 this.updateProgress(0, opt.progressText);
rlm@46 21400 this.updateText(opt.msg);
rlm@46 21401 if(opt.cls){
rlm@46 21402 d.el.addClass(opt.cls);
rlm@46 21403 }
rlm@46 21404 d.proxyDrag = opt.proxyDrag === true;
rlm@46 21405 d.modal = opt.modal !== false;
rlm@46 21406 d.mask = opt.modal !== false ? mask : false;
rlm@46 21407 if(!d.isVisible()){
rlm@46 21408
rlm@46 21409 document.body.appendChild(dlg.el.dom);
rlm@46 21410 d.setAnimateTarget(opt.animEl);
rlm@46 21411 d.show(opt.animEl);
rlm@46 21412 }
rlm@46 21413
rlm@46 21414
rlm@46 21415 d.on('show', function(){
rlm@46 21416 if(allowClose === true){
rlm@46 21417 d.keyMap.enable();
rlm@46 21418 }else{
rlm@46 21419 d.keyMap.disable();
rlm@46 21420 }
rlm@46 21421 }, this, {single:true});
rlm@46 21422
rlm@46 21423 if(opt.wait === true){
rlm@46 21424 progressBar.wait(opt.waitConfig);
rlm@46 21425 }
rlm@46 21426 return this;
rlm@46 21427 },
rlm@46 21428
rlm@46 21429
rlm@46 21430 setIcon : function(icon){
rlm@46 21431 if(icon && icon != ''){
rlm@46 21432 iconEl.removeClass('x-hidden');
rlm@46 21433 iconEl.replaceClass(iconCls, icon);
rlm@46 21434 iconCls = icon;
rlm@46 21435 }else{
rlm@46 21436 iconEl.replaceClass(iconCls, 'x-hidden');
rlm@46 21437 iconCls = '';
rlm@46 21438 }
rlm@46 21439 return this;
rlm@46 21440 },
rlm@46 21441
rlm@46 21442
rlm@46 21443 progress : function(title, msg, progressText){
rlm@46 21444 this.show({
rlm@46 21445 title : title,
rlm@46 21446 msg : msg,
rlm@46 21447 buttons: false,
rlm@46 21448 progress:true,
rlm@46 21449 closable:false,
rlm@46 21450 minWidth: this.minProgressWidth,
rlm@46 21451 progressText: progressText
rlm@46 21452 });
rlm@46 21453 return this;
rlm@46 21454 },
rlm@46 21455
rlm@46 21456
rlm@46 21457 wait : function(msg, title, config){
rlm@46 21458 this.show({
rlm@46 21459 title : title,
rlm@46 21460 msg : msg,
rlm@46 21461 buttons: false,
rlm@46 21462 closable:false,
rlm@46 21463 wait:true,
rlm@46 21464 modal:true,
rlm@46 21465 minWidth: this.minProgressWidth,
rlm@46 21466 waitConfig: config
rlm@46 21467 });
rlm@46 21468 return this;
rlm@46 21469 },
rlm@46 21470
rlm@46 21471
rlm@46 21472 alert : function(title, msg, fn, scope){
rlm@46 21473 this.show({
rlm@46 21474 title : title,
rlm@46 21475 msg : msg,
rlm@46 21476 buttons: this.OK,
rlm@46 21477 fn: fn,
rlm@46 21478 scope : scope
rlm@46 21479 });
rlm@46 21480 return this;
rlm@46 21481 },
rlm@46 21482
rlm@46 21483
rlm@46 21484 confirm : function(title, msg, fn, scope){
rlm@46 21485 this.show({
rlm@46 21486 title : title,
rlm@46 21487 msg : msg,
rlm@46 21488 buttons: this.YESNO,
rlm@46 21489 fn: fn,
rlm@46 21490 scope : scope,
rlm@46 21491 icon: this.QUESTION
rlm@46 21492 });
rlm@46 21493 return this;
rlm@46 21494 },
rlm@46 21495
rlm@46 21496
rlm@46 21497 prompt : function(title, msg, fn, scope, multiline, value){
rlm@46 21498 this.show({
rlm@46 21499 title : title,
rlm@46 21500 msg : msg,
rlm@46 21501 buttons: this.OKCANCEL,
rlm@46 21502 fn: fn,
rlm@46 21503 minWidth:250,
rlm@46 21504 scope : scope,
rlm@46 21505 prompt:true,
rlm@46 21506 multiline: multiline,
rlm@46 21507 value: value
rlm@46 21508 });
rlm@46 21509 return this;
rlm@46 21510 },
rlm@46 21511
rlm@46 21512
rlm@46 21513 OK : {ok:true},
rlm@46 21514
rlm@46 21515 CANCEL : {cancel:true},
rlm@46 21516
rlm@46 21517 OKCANCEL : {ok:true, cancel:true},
rlm@46 21518
rlm@46 21519 YESNO : {yes:true, no:true},
rlm@46 21520
rlm@46 21521 YESNOCANCEL : {yes:true, no:true, cancel:true},
rlm@46 21522
rlm@46 21523 INFO : 'ext-mb-info',
rlm@46 21524
rlm@46 21525 WARNING : 'ext-mb-warning',
rlm@46 21526
rlm@46 21527 QUESTION : 'ext-mb-question',
rlm@46 21528
rlm@46 21529 ERROR : 'ext-mb-error',
rlm@46 21530
rlm@46 21531
rlm@46 21532 defaultTextHeight : 75,
rlm@46 21533
rlm@46 21534 maxWidth : 600,
rlm@46 21535
rlm@46 21536 minWidth : 100,
rlm@46 21537
rlm@46 21538 minProgressWidth : 250,
rlm@46 21539
rlm@46 21540 buttonText : {
rlm@46 21541 ok : "OK",
rlm@46 21542 cancel : "Cancel",
rlm@46 21543 yes : "Yes",
rlm@46 21544 no : "No"
rlm@46 21545 }
rlm@46 21546 };
rlm@46 21547 }();
rlm@46 21548
rlm@46 21549
rlm@46 21550 Ext.Msg = Ext.MessageBox;
rlm@46 21551
rlm@46 21552 Ext.Tip = Ext.extend(Ext.Panel, {
rlm@46 21553
rlm@46 21554
rlm@46 21555
rlm@46 21556 minWidth : 40,
rlm@46 21557
rlm@46 21558 maxWidth : 300,
rlm@46 21559
rlm@46 21560 shadow : "sides",
rlm@46 21561
rlm@46 21562 defaultAlign : "tl-bl?",
rlm@46 21563 autoRender: true,
rlm@46 21564 quickShowInterval : 250,
rlm@46 21565
rlm@46 21566
rlm@46 21567 frame:true,
rlm@46 21568 hidden:true,
rlm@46 21569 baseCls: 'x-tip',
rlm@46 21570 floating:{shadow:true,shim:true,useDisplay:true,constrain:false},
rlm@46 21571 autoHeight:true,
rlm@46 21572
rlm@46 21573
rlm@46 21574 initComponent : function(){
rlm@46 21575 Ext.Tip.superclass.initComponent.call(this);
rlm@46 21576 if(this.closable && !this.title){
rlm@46 21577 this.elements += ',header';
rlm@46 21578 }
rlm@46 21579 },
rlm@46 21580
rlm@46 21581
rlm@46 21582 afterRender : function(){
rlm@46 21583 Ext.Tip.superclass.afterRender.call(this);
rlm@46 21584 if(this.closable){
rlm@46 21585 this.addTool({
rlm@46 21586 id: 'close',
rlm@46 21587 handler: this.hide,
rlm@46 21588 scope: this
rlm@46 21589 });
rlm@46 21590 }
rlm@46 21591 },
rlm@46 21592
rlm@46 21593
rlm@46 21594 showAt : function(xy){
rlm@46 21595 Ext.Tip.superclass.show.call(this);
rlm@46 21596 if(this.measureWidth !== false && (!this.initialConfig || typeof this.initialConfig.width != 'number')){
rlm@46 21597 this.doAutoWidth();
rlm@46 21598 }
rlm@46 21599 if(this.constrainPosition){
rlm@46 21600 xy = this.el.adjustForConstraints(xy);
rlm@46 21601 }
rlm@46 21602 this.setPagePosition(xy[0], xy[1]);
rlm@46 21603 },
rlm@46 21604
rlm@46 21605
rlm@46 21606 doAutoWidth : function(){
rlm@46 21607 var bw = this.body.getTextWidth();
rlm@46 21608 if(this.title){
rlm@46 21609 bw = Math.max(bw, this.header.child('span').getTextWidth(this.title));
rlm@46 21610 }
rlm@46 21611 bw += this.getFrameWidth() + (this.closable ? 20 : 0) + this.body.getPadding("lr");
rlm@46 21612 this.setWidth(bw.constrain(this.minWidth, this.maxWidth));
rlm@46 21613 },
rlm@46 21614
rlm@46 21615
rlm@46 21616 showBy : function(el, pos){
rlm@46 21617 if(!this.rendered){
rlm@46 21618 this.render(Ext.getBody());
rlm@46 21619 }
rlm@46 21620 this.showAt(this.el.getAlignToXY(el, pos || this.defaultAlign));
rlm@46 21621 },
rlm@46 21622
rlm@46 21623 initDraggable : function(){
rlm@46 21624 this.dd = new Ext.Tip.DD(this, typeof this.draggable == 'boolean' ? null : this.draggable);
rlm@46 21625 this.header.addClass('x-tip-draggable');
rlm@46 21626 }
rlm@46 21627 });
rlm@46 21628
rlm@46 21629
rlm@46 21630 Ext.Tip.DD = function(tip, config){
rlm@46 21631 Ext.apply(this, config);
rlm@46 21632 this.tip = tip;
rlm@46 21633 Ext.Tip.DD.superclass.constructor.call(this, tip.el.id, 'WindowDD-'+tip.id);
rlm@46 21634 this.setHandleElId(tip.header.id);
rlm@46 21635 this.scroll = false;
rlm@46 21636 };
rlm@46 21637
rlm@46 21638 Ext.extend(Ext.Tip.DD, Ext.dd.DD, {
rlm@46 21639 moveOnly:true,
rlm@46 21640 scroll:false,
rlm@46 21641 headerOffsets:[100, 25],
rlm@46 21642 startDrag : function(){
rlm@46 21643 this.tip.el.disableShadow();
rlm@46 21644 },
rlm@46 21645 endDrag : function(e){
rlm@46 21646 this.tip.el.enableShadow(true);
rlm@46 21647 }
rlm@46 21648 });
rlm@46 21649
rlm@46 21650 Ext.ToolTip = Ext.extend(Ext.Tip, {
rlm@46 21651
rlm@46 21652
rlm@46 21653
rlm@46 21654 showDelay: 500,
rlm@46 21655
rlm@46 21656 hideDelay: 200,
rlm@46 21657
rlm@46 21658 dismissDelay: 5000,
rlm@46 21659
rlm@46 21660 mouseOffset: [15,18],
rlm@46 21661
rlm@46 21662 trackMouse : false,
rlm@46 21663 constrainPosition: true,
rlm@46 21664
rlm@46 21665
rlm@46 21666 initComponent: function(){
rlm@46 21667 Ext.ToolTip.superclass.initComponent.call(this);
rlm@46 21668 this.lastActive = new Date();
rlm@46 21669 this.initTarget();
rlm@46 21670 },
rlm@46 21671
rlm@46 21672
rlm@46 21673 initTarget : function(){
rlm@46 21674 if(this.target){
rlm@46 21675 this.target = Ext.get(this.target);
rlm@46 21676 this.target.on('mouseover', this.onTargetOver, this);
rlm@46 21677 this.target.on('mouseout', this.onTargetOut, this);
rlm@46 21678 this.target.on('mousemove', this.onMouseMove, this);
rlm@46 21679 }
rlm@46 21680 },
rlm@46 21681
rlm@46 21682
rlm@46 21683 onMouseMove : function(e){
rlm@46 21684 this.targetXY = e.getXY();
rlm@46 21685 if(!this.hidden && this.trackMouse){
rlm@46 21686 this.setPagePosition(this.getTargetXY());
rlm@46 21687 }
rlm@46 21688 },
rlm@46 21689
rlm@46 21690
rlm@46 21691 getTargetXY : function(){
rlm@46 21692 return [this.targetXY[0]+this.mouseOffset[0], this.targetXY[1]+this.mouseOffset[1]];
rlm@46 21693 },
rlm@46 21694
rlm@46 21695
rlm@46 21696 onTargetOver : function(e){
rlm@46 21697 if(this.disabled || e.within(this.target.dom, true)){
rlm@46 21698 return;
rlm@46 21699 }
rlm@46 21700 this.clearTimer('hide');
rlm@46 21701 this.targetXY = e.getXY();
rlm@46 21702 this.delayShow();
rlm@46 21703 },
rlm@46 21704
rlm@46 21705
rlm@46 21706 delayShow : function(){
rlm@46 21707 if(this.hidden && !this.showTimer){
rlm@46 21708 if(this.lastActive.getElapsed() < this.quickShowInterval){
rlm@46 21709 this.show();
rlm@46 21710 }else{
rlm@46 21711 this.showTimer = this.show.defer(this.showDelay, this);
rlm@46 21712 }
rlm@46 21713 }else if(!this.hidden && this.autoHide !== false){
rlm@46 21714 this.show();
rlm@46 21715 }
rlm@46 21716 },
rlm@46 21717
rlm@46 21718
rlm@46 21719 onTargetOut : function(e){
rlm@46 21720 if(this.disabled || e.within(this.target.dom, true)){
rlm@46 21721 return;
rlm@46 21722 }
rlm@46 21723 this.clearTimer('show');
rlm@46 21724 if(this.autoHide !== false){
rlm@46 21725 this.delayHide();
rlm@46 21726 }
rlm@46 21727 },
rlm@46 21728
rlm@46 21729
rlm@46 21730 delayHide : function(){
rlm@46 21731 if(!this.hidden && !this.hideTimer){
rlm@46 21732 this.hideTimer = this.hide.defer(this.hideDelay, this);
rlm@46 21733 }
rlm@46 21734 },
rlm@46 21735
rlm@46 21736
rlm@46 21737 hide: function(){
rlm@46 21738 this.clearTimer('dismiss');
rlm@46 21739 this.lastActive = new Date();
rlm@46 21740 Ext.ToolTip.superclass.hide.call(this);
rlm@46 21741 },
rlm@46 21742
rlm@46 21743
rlm@46 21744 show : function(){
rlm@46 21745 this.showAt(this.getTargetXY());
rlm@46 21746 },
rlm@46 21747
rlm@46 21748
rlm@46 21749 showAt : function(xy){
rlm@46 21750 this.lastActive = new Date();
rlm@46 21751 this.clearTimers();
rlm@46 21752 Ext.ToolTip.superclass.showAt.call(this, xy);
rlm@46 21753 if(this.dismissDelay && this.autoHide !== false){
rlm@46 21754 this.dismissTimer = this.hide.defer(this.dismissDelay, this);
rlm@46 21755 }
rlm@46 21756 },
rlm@46 21757
rlm@46 21758
rlm@46 21759 clearTimer : function(name){
rlm@46 21760 name = name + 'Timer';
rlm@46 21761 clearTimeout(this[name]);
rlm@46 21762 delete this[name];
rlm@46 21763 },
rlm@46 21764
rlm@46 21765
rlm@46 21766 clearTimers : function(){
rlm@46 21767 this.clearTimer('show');
rlm@46 21768 this.clearTimer('dismiss');
rlm@46 21769 this.clearTimer('hide');
rlm@46 21770 },
rlm@46 21771
rlm@46 21772
rlm@46 21773 onShow : function(){
rlm@46 21774 Ext.ToolTip.superclass.onShow.call(this);
rlm@46 21775 Ext.getDoc().on('mousedown', this.onDocMouseDown, this);
rlm@46 21776 },
rlm@46 21777
rlm@46 21778
rlm@46 21779 onHide : function(){
rlm@46 21780 Ext.ToolTip.superclass.onHide.call(this);
rlm@46 21781 Ext.getDoc().un('mousedown', this.onDocMouseDown, this);
rlm@46 21782 },
rlm@46 21783
rlm@46 21784
rlm@46 21785 onDocMouseDown : function(e){
rlm@46 21786 if(this.autoHide !== false && !e.within(this.el.dom)){
rlm@46 21787 this.disable();
rlm@46 21788 this.enable.defer(100, this);
rlm@46 21789 }
rlm@46 21790 },
rlm@46 21791
rlm@46 21792
rlm@46 21793 onDisable : function(){
rlm@46 21794 this.clearTimers();
rlm@46 21795 this.hide();
rlm@46 21796 },
rlm@46 21797
rlm@46 21798
rlm@46 21799 adjustPosition : function(x, y){
rlm@46 21800
rlm@46 21801 var ay = this.targetXY[1], h = this.getSize().height;
rlm@46 21802 if(this.constrainPosition && y <= ay && (y+h) >= ay){
rlm@46 21803 y = ay-h-5;
rlm@46 21804 }
rlm@46 21805 return {x : x, y: y};
rlm@46 21806 },
rlm@46 21807
rlm@46 21808
rlm@46 21809 onDestroy : function(){
rlm@46 21810 Ext.ToolTip.superclass.onDestroy.call(this);
rlm@46 21811 if(this.target){
rlm@46 21812 this.target.un('mouseover', this.onTargetOver, this);
rlm@46 21813 this.target.un('mouseout', this.onTargetOut, this);
rlm@46 21814 this.target.un('mousemove', this.onMouseMove, this);
rlm@46 21815 }
rlm@46 21816 }
rlm@46 21817 });
rlm@46 21818
rlm@46 21819 Ext.QuickTip = Ext.extend(Ext.ToolTip, {
rlm@46 21820
rlm@46 21821
rlm@46 21822 interceptTitles : false,
rlm@46 21823
rlm@46 21824
rlm@46 21825 tagConfig : {
rlm@46 21826 namespace : "ext",
rlm@46 21827 attribute : "qtip",
rlm@46 21828 width : "qwidth",
rlm@46 21829 target : "target",
rlm@46 21830 title : "qtitle",
rlm@46 21831 hide : "hide",
rlm@46 21832 cls : "qclass",
rlm@46 21833 align : "qalign"
rlm@46 21834 },
rlm@46 21835
rlm@46 21836
rlm@46 21837 initComponent : function(){
rlm@46 21838 this.target = this.target || Ext.getDoc();
rlm@46 21839 this.targets = this.targets || {};
rlm@46 21840 Ext.QuickTip.superclass.initComponent.call(this);
rlm@46 21841 },
rlm@46 21842
rlm@46 21843
rlm@46 21844 register : function(config){
rlm@46 21845 var cs = Ext.isArray(config) ? config : arguments;
rlm@46 21846 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 21847 var c = cs[i];
rlm@46 21848 var target = c.target;
rlm@46 21849 if(target){
rlm@46 21850 if(Ext.isArray(target)){
rlm@46 21851 for(var j = 0, jlen = target.length; j < jlen; j++){
rlm@46 21852 this.targets[Ext.id(target[j])] = c;
rlm@46 21853 }
rlm@46 21854 } else{
rlm@46 21855 this.targets[Ext.id(target)] = c;
rlm@46 21856 }
rlm@46 21857 }
rlm@46 21858 }
rlm@46 21859 },
rlm@46 21860
rlm@46 21861
rlm@46 21862 unregister : function(el){
rlm@46 21863 delete this.targets[Ext.id(el)];
rlm@46 21864 },
rlm@46 21865
rlm@46 21866
rlm@46 21867 onTargetOver : function(e){
rlm@46 21868 if(this.disabled){
rlm@46 21869 return;
rlm@46 21870 }
rlm@46 21871 this.targetXY = e.getXY();
rlm@46 21872 var t = e.getTarget();
rlm@46 21873 if(!t || t.nodeType !== 1 || t == document || t == document.body){
rlm@46 21874 return;
rlm@46 21875 }
rlm@46 21876 if(this.activeTarget && t == this.activeTarget.el){
rlm@46 21877 this.clearTimer('hide');
rlm@46 21878 this.show();
rlm@46 21879 return;
rlm@46 21880 }
rlm@46 21881 if(t && this.targets[t.id]){
rlm@46 21882 this.activeTarget = this.targets[t.id];
rlm@46 21883 this.activeTarget.el = t;
rlm@46 21884 this.delayShow();
rlm@46 21885 return;
rlm@46 21886 }
rlm@46 21887 var ttp, et = Ext.fly(t), cfg = this.tagConfig;
rlm@46 21888 var ns = cfg.namespace;
rlm@46 21889 if(this.interceptTitles && t.title){
rlm@46 21890 ttp = t.title;
rlm@46 21891 t.qtip = ttp;
rlm@46 21892 t.removeAttribute("title");
rlm@46 21893 e.preventDefault();
rlm@46 21894 } else{
rlm@46 21895 ttp = t.qtip || et.getAttributeNS(ns, cfg.attribute);
rlm@46 21896 }
rlm@46 21897 if(ttp){
rlm@46 21898 var autoHide = et.getAttributeNS(ns, cfg.hide);
rlm@46 21899 this.activeTarget = {
rlm@46 21900 el: t,
rlm@46 21901 text: ttp,
rlm@46 21902 width: et.getAttributeNS(ns, cfg.width),
rlm@46 21903 autoHide: autoHide != "user" && autoHide !== 'false',
rlm@46 21904 title: et.getAttributeNS(ns, cfg.title),
rlm@46 21905 cls: et.getAttributeNS(ns, cfg.cls),
rlm@46 21906 align: et.getAttributeNS(ns, cfg.align)
rlm@46 21907 };
rlm@46 21908 this.delayShow();
rlm@46 21909 }
rlm@46 21910 },
rlm@46 21911
rlm@46 21912
rlm@46 21913 onTargetOut : function(e){
rlm@46 21914 this.clearTimer('show');
rlm@46 21915 if(this.autoHide !== false){
rlm@46 21916 this.delayHide();
rlm@46 21917 }
rlm@46 21918 },
rlm@46 21919
rlm@46 21920
rlm@46 21921 showAt : function(xy){
rlm@46 21922 var t = this.activeTarget;
rlm@46 21923 if(t){
rlm@46 21924 if(!this.rendered){
rlm@46 21925 this.render(Ext.getBody());
rlm@46 21926 this.activeTarget = t;
rlm@46 21927 }
rlm@46 21928 if(t.width){
rlm@46 21929 this.setWidth(t.width);
rlm@46 21930 this.body.setWidth(this.adjustBodyWidth(t.width - this.getFrameWidth()));
rlm@46 21931 this.measureWidth = false;
rlm@46 21932 } else{
rlm@46 21933 this.measureWidth = true;
rlm@46 21934 }
rlm@46 21935 this.setTitle(t.title || '');
rlm@46 21936 this.body.update(t.text);
rlm@46 21937 this.autoHide = t.autoHide;
rlm@46 21938 this.dismissDelay = t.dismissDelay || this.dismissDelay;
rlm@46 21939 if(this.lastCls){
rlm@46 21940 this.el.removeClass(this.lastCls);
rlm@46 21941 delete this.lastCls;
rlm@46 21942 }
rlm@46 21943 if(t.cls){
rlm@46 21944 this.el.addClass(t.cls);
rlm@46 21945 this.lastCls = t.cls;
rlm@46 21946 }
rlm@46 21947 if(t.align){
rlm@46 21948 xy = this.el.getAlignToXY(t.el, t.align);
rlm@46 21949 this.constrainPosition = false;
rlm@46 21950 } else{
rlm@46 21951 this.constrainPosition = true;
rlm@46 21952 }
rlm@46 21953 }
rlm@46 21954 Ext.QuickTip.superclass.showAt.call(this, xy);
rlm@46 21955 },
rlm@46 21956
rlm@46 21957
rlm@46 21958 hide: function(){
rlm@46 21959 delete this.activeTarget;
rlm@46 21960 Ext.QuickTip.superclass.hide.call(this);
rlm@46 21961 }
rlm@46 21962 });
rlm@46 21963
rlm@46 21964 Ext.QuickTips = function(){
rlm@46 21965 var tip, locks = [];
rlm@46 21966 return {
rlm@46 21967
rlm@46 21968 init : function(){
rlm@46 21969 if(!tip){
rlm@46 21970 tip = new Ext.QuickTip({elements:'header,body'});
rlm@46 21971 }
rlm@46 21972 },
rlm@46 21973
rlm@46 21974
rlm@46 21975 enable : function(){
rlm@46 21976 if(tip){
rlm@46 21977 locks.pop();
rlm@46 21978 if(locks.length < 1){
rlm@46 21979 tip.enable();
rlm@46 21980 }
rlm@46 21981 }
rlm@46 21982 },
rlm@46 21983
rlm@46 21984
rlm@46 21985 disable : function(){
rlm@46 21986 if(tip){
rlm@46 21987 tip.disable();
rlm@46 21988 }
rlm@46 21989 locks.push(1);
rlm@46 21990 },
rlm@46 21991
rlm@46 21992
rlm@46 21993 isEnabled : function(){
rlm@46 21994 return tip !== undefined && !tip.disabled;
rlm@46 21995 },
rlm@46 21996
rlm@46 21997
rlm@46 21998 getQuickTip : function(){
rlm@46 21999 return tip;
rlm@46 22000 },
rlm@46 22001
rlm@46 22002
rlm@46 22003 register : function(){
rlm@46 22004 tip.register.apply(tip, arguments);
rlm@46 22005 },
rlm@46 22006
rlm@46 22007
rlm@46 22008 unregister : function(){
rlm@46 22009 tip.unregister.apply(tip, arguments);
rlm@46 22010 },
rlm@46 22011
rlm@46 22012
rlm@46 22013 tips :function(){
rlm@46 22014 tip.register.apply(tip, arguments);
rlm@46 22015 }
rlm@46 22016 }
rlm@46 22017 }();
rlm@46 22018
rlm@46 22019 Ext.tree.TreePanel = Ext.extend(Ext.Panel, {
rlm@46 22020 rootVisible : true,
rlm@46 22021 animate: Ext.enableFx,
rlm@46 22022 lines : true,
rlm@46 22023 enableDD : false,
rlm@46 22024 hlDrop : Ext.enableFx,
rlm@46 22025 pathSeparator: "/",
rlm@46 22026
rlm@46 22027 initComponent : function(){
rlm@46 22028 Ext.tree.TreePanel.superclass.initComponent.call(this);
rlm@46 22029
rlm@46 22030 if(!this.eventModel){
rlm@46 22031 this.eventModel = new Ext.tree.TreeEventModel(this);
rlm@46 22032 }
rlm@46 22033
rlm@46 22034 this.nodeHash = {};
rlm@46 22035
rlm@46 22036
rlm@46 22037 if(this.root){
rlm@46 22038 this.setRootNode(this.root);
rlm@46 22039 }
rlm@46 22040
rlm@46 22041 this.addEvents(
rlm@46 22042
rlm@46 22043
rlm@46 22044 "append",
rlm@46 22045
rlm@46 22046 "remove",
rlm@46 22047
rlm@46 22048 "movenode",
rlm@46 22049
rlm@46 22050 "insert",
rlm@46 22051
rlm@46 22052 "beforeappend",
rlm@46 22053
rlm@46 22054 "beforeremove",
rlm@46 22055
rlm@46 22056 "beforemovenode",
rlm@46 22057
rlm@46 22058 "beforeinsert",
rlm@46 22059
rlm@46 22060
rlm@46 22061 "beforeload",
rlm@46 22062
rlm@46 22063 "load",
rlm@46 22064
rlm@46 22065 "textchange",
rlm@46 22066
rlm@46 22067 "beforeexpandnode",
rlm@46 22068
rlm@46 22069 "beforecollapsenode",
rlm@46 22070
rlm@46 22071 "expandnode",
rlm@46 22072
rlm@46 22073 "disabledchange",
rlm@46 22074
rlm@46 22075 "collapsenode",
rlm@46 22076
rlm@46 22077 "beforeclick",
rlm@46 22078
rlm@46 22079 "click",
rlm@46 22080
rlm@46 22081 "checkchange",
rlm@46 22082
rlm@46 22083 "dblclick",
rlm@46 22084
rlm@46 22085 "contextmenu",
rlm@46 22086
rlm@46 22087 "beforechildrenrendered",
rlm@46 22088
rlm@46 22089 "startdrag",
rlm@46 22090
rlm@46 22091 "enddrag",
rlm@46 22092
rlm@46 22093 "dragdrop",
rlm@46 22094
rlm@46 22095 "beforenodedrop",
rlm@46 22096
rlm@46 22097 "nodedrop",
rlm@46 22098
rlm@46 22099 "nodedragover"
rlm@46 22100 );
rlm@46 22101 if(this.singleExpand){
rlm@46 22102 this.on("beforeexpandnode", this.restrictExpand, this);
rlm@46 22103 }
rlm@46 22104 },
rlm@46 22105
rlm@46 22106
rlm@46 22107 proxyNodeEvent : function(ename, a1, a2, a3, a4, a5, a6){
rlm@46 22108 if(ename == 'collapse' || ename == 'expand' || ename == 'beforecollapse' || ename == 'beforeexpand' || ename == 'move' || ename == 'beforemove'){
rlm@46 22109 ename = ename+'node';
rlm@46 22110 }
rlm@46 22111
rlm@46 22112 return this.fireEvent(ename, a1, a2, a3, a4, a5, a6);
rlm@46 22113 },
rlm@46 22114
rlm@46 22115
rlm@46 22116
rlm@46 22117 getRootNode : function(){
rlm@46 22118 return this.root;
rlm@46 22119 },
rlm@46 22120
rlm@46 22121
rlm@46 22122 setRootNode : function(node){
rlm@46 22123 this.root = node;
rlm@46 22124 node.ownerTree = this;
rlm@46 22125 node.isRoot = true;
rlm@46 22126 this.registerNode(node);
rlm@46 22127 if(!this.rootVisible){
rlm@46 22128 var uiP = node.attributes.uiProvider;
rlm@46 22129 node.ui = uiP ? new uiP(node) : new Ext.tree.RootTreeNodeUI(node);
rlm@46 22130 }
rlm@46 22131 return node;
rlm@46 22132 },
rlm@46 22133
rlm@46 22134
rlm@46 22135 getNodeById : function(id){
rlm@46 22136 return this.nodeHash[id];
rlm@46 22137 },
rlm@46 22138
rlm@46 22139
rlm@46 22140 registerNode : function(node){
rlm@46 22141 this.nodeHash[node.id] = node;
rlm@46 22142 },
rlm@46 22143
rlm@46 22144
rlm@46 22145 unregisterNode : function(node){
rlm@46 22146 delete this.nodeHash[node.id];
rlm@46 22147 },
rlm@46 22148
rlm@46 22149
rlm@46 22150 toString : function(){
rlm@46 22151 return "[Tree"+(this.id?" "+this.id:"")+"]";
rlm@46 22152 },
rlm@46 22153
rlm@46 22154
rlm@46 22155 restrictExpand : function(node){
rlm@46 22156 var p = node.parentNode;
rlm@46 22157 if(p){
rlm@46 22158 if(p.expandedChild && p.expandedChild.parentNode == p){
rlm@46 22159 p.expandedChild.collapse();
rlm@46 22160 }
rlm@46 22161 p.expandedChild = node;
rlm@46 22162 }
rlm@46 22163 },
rlm@46 22164
rlm@46 22165
rlm@46 22166 getChecked : function(a, startNode){
rlm@46 22167 startNode = startNode || this.root;
rlm@46 22168 var r = [];
rlm@46 22169 var f = function(){
rlm@46 22170 if(this.attributes.checked){
rlm@46 22171 r.push(!a ? this : (a == 'id' ? this.id : this.attributes[a]));
rlm@46 22172 }
rlm@46 22173 }
rlm@46 22174 startNode.cascade(f);
rlm@46 22175 return r;
rlm@46 22176 },
rlm@46 22177
rlm@46 22178
rlm@46 22179 getEl : function(){
rlm@46 22180 return this.el;
rlm@46 22181 },
rlm@46 22182
rlm@46 22183
rlm@46 22184 getLoader : function(){
rlm@46 22185 return this.loader;
rlm@46 22186 },
rlm@46 22187
rlm@46 22188
rlm@46 22189 expandAll : function(){
rlm@46 22190 this.root.expand(true);
rlm@46 22191 },
rlm@46 22192
rlm@46 22193
rlm@46 22194 collapseAll : function(){
rlm@46 22195 this.root.collapse(true);
rlm@46 22196 },
rlm@46 22197
rlm@46 22198
rlm@46 22199 getSelectionModel : function(){
rlm@46 22200 if(!this.selModel){
rlm@46 22201 this.selModel = new Ext.tree.DefaultSelectionModel();
rlm@46 22202 }
rlm@46 22203 return this.selModel;
rlm@46 22204 },
rlm@46 22205
rlm@46 22206
rlm@46 22207 expandPath : function(path, attr, callback){
rlm@46 22208 attr = attr || "id";
rlm@46 22209 var keys = path.split(this.pathSeparator);
rlm@46 22210 var curNode = this.root;
rlm@46 22211 if(curNode.attributes[attr] != keys[1]){
rlm@46 22212 if(callback){
rlm@46 22213 callback(false, null);
rlm@46 22214 }
rlm@46 22215 return;
rlm@46 22216 }
rlm@46 22217 var index = 1;
rlm@46 22218 var f = function(){
rlm@46 22219 if(++index == keys.length){
rlm@46 22220 if(callback){
rlm@46 22221 callback(true, curNode);
rlm@46 22222 }
rlm@46 22223 return;
rlm@46 22224 }
rlm@46 22225 var c = curNode.findChild(attr, keys[index]);
rlm@46 22226 if(!c){
rlm@46 22227 if(callback){
rlm@46 22228 callback(false, curNode);
rlm@46 22229 }
rlm@46 22230 return;
rlm@46 22231 }
rlm@46 22232 curNode = c;
rlm@46 22233 c.expand(false, false, f);
rlm@46 22234 };
rlm@46 22235 curNode.expand(false, false, f);
rlm@46 22236 },
rlm@46 22237
rlm@46 22238
rlm@46 22239 selectPath : function(path, attr, callback){
rlm@46 22240 attr = attr || "id";
rlm@46 22241 var keys = path.split(this.pathSeparator);
rlm@46 22242 var v = keys.pop();
rlm@46 22243 if(keys.length > 0){
rlm@46 22244 var f = function(success, node){
rlm@46 22245 if(success && node){
rlm@46 22246 var n = node.findChild(attr, v);
rlm@46 22247 if(n){
rlm@46 22248 n.select();
rlm@46 22249 if(callback){
rlm@46 22250 callback(true, n);
rlm@46 22251 }
rlm@46 22252 }else if(callback){
rlm@46 22253 callback(false, n);
rlm@46 22254 }
rlm@46 22255 }else{
rlm@46 22256 if(callback){
rlm@46 22257 callback(false, n);
rlm@46 22258 }
rlm@46 22259 }
rlm@46 22260 };
rlm@46 22261 this.expandPath(keys.join(this.pathSeparator), attr, f);
rlm@46 22262 }else{
rlm@46 22263 this.root.select();
rlm@46 22264 if(callback){
rlm@46 22265 callback(true, this.root);
rlm@46 22266 }
rlm@46 22267 }
rlm@46 22268 },
rlm@46 22269
rlm@46 22270
rlm@46 22271 getTreeEl : function(){
rlm@46 22272 return this.body;
rlm@46 22273 },
rlm@46 22274
rlm@46 22275
rlm@46 22276 onRender : function(ct, position){
rlm@46 22277 Ext.tree.TreePanel.superclass.onRender.call(this, ct, position);
rlm@46 22278 this.el.addClass('x-tree');
rlm@46 22279 this.innerCt = this.body.createChild({tag:"ul",
rlm@46 22280 cls:"x-tree-root-ct " +
rlm@46 22281 (this.useArrows ? 'x-tree-arrows' : this.lines ? "x-tree-lines" : "x-tree-no-lines")});
rlm@46 22282 },
rlm@46 22283
rlm@46 22284
rlm@46 22285 initEvents : function(){
rlm@46 22286 Ext.tree.TreePanel.superclass.initEvents.call(this);
rlm@46 22287
rlm@46 22288 if(this.containerScroll){
rlm@46 22289 Ext.dd.ScrollManager.register(this.body);
rlm@46 22290 }
rlm@46 22291 if((this.enableDD || this.enableDrop) && !this.dropZone){
rlm@46 22292
rlm@46 22293 this.dropZone = new Ext.tree.TreeDropZone(this, this.dropConfig || {
rlm@46 22294 ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true
rlm@46 22295 });
rlm@46 22296 }
rlm@46 22297 if((this.enableDD || this.enableDrag) && !this.dragZone){
rlm@46 22298
rlm@46 22299 this.dragZone = new Ext.tree.TreeDragZone(this, this.dragConfig || {
rlm@46 22300 ddGroup: this.ddGroup || "TreeDD",
rlm@46 22301 scroll: this.ddScroll
rlm@46 22302 });
rlm@46 22303 }
rlm@46 22304 this.getSelectionModel().init(this);
rlm@46 22305 },
rlm@46 22306
rlm@46 22307
rlm@46 22308 afterRender : function(){
rlm@46 22309 Ext.tree.TreePanel.superclass.afterRender.call(this);
rlm@46 22310 this.root.render();
rlm@46 22311 if(!this.rootVisible){
rlm@46 22312 this.root.renderChildren();
rlm@46 22313 }
rlm@46 22314 },
rlm@46 22315
rlm@46 22316 onDestroy : function(){
rlm@46 22317 if(this.rendered){
rlm@46 22318 this.body.removeAllListeners();
rlm@46 22319 Ext.dd.ScrollManager.unregister(this.body);
rlm@46 22320 if(this.dropZone){
rlm@46 22321 this.dropZone.unreg();
rlm@46 22322 }
rlm@46 22323 if(this.dragZone){
rlm@46 22324 this.dragZone.unreg();
rlm@46 22325 }
rlm@46 22326 }
rlm@46 22327 this.root.destroy();
rlm@46 22328 this.nodeHash = null;
rlm@46 22329 Ext.tree.TreePanel.superclass.onDestroy.call(this);
rlm@46 22330 }
rlm@46 22331
rlm@46 22332
rlm@46 22333
rlm@46 22334
rlm@46 22335
rlm@46 22336
rlm@46 22337
rlm@46 22338
rlm@46 22339
rlm@46 22340
rlm@46 22341
rlm@46 22342
rlm@46 22343
rlm@46 22344
rlm@46 22345
rlm@46 22346
rlm@46 22347
rlm@46 22348
rlm@46 22349
rlm@46 22350
rlm@46 22351
rlm@46 22352
rlm@46 22353
rlm@46 22354
rlm@46 22355
rlm@46 22356
rlm@46 22357
rlm@46 22358
rlm@46 22359
rlm@46 22360
rlm@46 22361
rlm@46 22362
rlm@46 22363
rlm@46 22364
rlm@46 22365
rlm@46 22366
rlm@46 22367
rlm@46 22368
rlm@46 22369
rlm@46 22370
rlm@46 22371
rlm@46 22372
rlm@46 22373
rlm@46 22374
rlm@46 22375
rlm@46 22376
rlm@46 22377
rlm@46 22378 });
rlm@46 22379 Ext.reg('treepanel', Ext.tree.TreePanel);
rlm@46 22380 Ext.tree.TreeEventModel = function(tree){
rlm@46 22381 this.tree = tree;
rlm@46 22382 this.tree.on('render', this.initEvents, this);
rlm@46 22383 }
rlm@46 22384
rlm@46 22385 Ext.tree.TreeEventModel.prototype = {
rlm@46 22386 initEvents : function(){
rlm@46 22387 var el = this.tree.getTreeEl();
rlm@46 22388 el.on('click', this.delegateClick, this);
rlm@46 22389 if(this.tree.trackMouseOver !== false){
rlm@46 22390 el.on('mouseover', this.delegateOver, this);
rlm@46 22391 el.on('mouseout', this.delegateOut, this);
rlm@46 22392 }
rlm@46 22393 el.on('dblclick', this.delegateDblClick, this);
rlm@46 22394 el.on('contextmenu', this.delegateContextMenu, this);
rlm@46 22395 },
rlm@46 22396
rlm@46 22397 getNode : function(e){
rlm@46 22398 var t;
rlm@46 22399 if(t = e.getTarget('.x-tree-node-el', 10)){
rlm@46 22400 var id = Ext.fly(t, '_treeEvents').getAttributeNS('ext', 'tree-node-id');
rlm@46 22401 if(id){
rlm@46 22402 return this.tree.getNodeById(id);
rlm@46 22403 }
rlm@46 22404 }
rlm@46 22405 return null;
rlm@46 22406 },
rlm@46 22407
rlm@46 22408 getNodeTarget : function(e){
rlm@46 22409 var t = e.getTarget('.x-tree-node-icon', 1);
rlm@46 22410 if(!t){
rlm@46 22411 t = e.getTarget('.x-tree-node-el', 6);
rlm@46 22412 }
rlm@46 22413 return t;
rlm@46 22414 },
rlm@46 22415
rlm@46 22416 delegateOut : function(e, t){
rlm@46 22417 if(!this.beforeEvent(e)){
rlm@46 22418 return;
rlm@46 22419 }
rlm@46 22420 if(e.getTarget('.x-tree-ec-icon', 1)){
rlm@46 22421 var n = this.getNode(e);
rlm@46 22422 this.onIconOut(e, n);
rlm@46 22423 if(n == this.lastEcOver){
rlm@46 22424 delete this.lastEcOver;
rlm@46 22425 }
rlm@46 22426 }
rlm@46 22427 if((t = this.getNodeTarget(e)) && !e.within(t, true)){
rlm@46 22428 this.onNodeOut(e, this.getNode(e));
rlm@46 22429 }
rlm@46 22430 },
rlm@46 22431
rlm@46 22432 delegateOver : function(e, t){
rlm@46 22433 if(!this.beforeEvent(e)){
rlm@46 22434 return;
rlm@46 22435 }
rlm@46 22436 if(this.lastEcOver){
rlm@46 22437 this.onIconOut(e, this.lastEcOver);
rlm@46 22438 delete this.lastEcOver;
rlm@46 22439 }
rlm@46 22440 if(e.getTarget('.x-tree-ec-icon', 1)){
rlm@46 22441 this.lastEcOver = this.getNode(e);
rlm@46 22442 this.onIconOver(e, this.lastEcOver);
rlm@46 22443 }
rlm@46 22444 if(t = this.getNodeTarget(e)){
rlm@46 22445 this.onNodeOver(e, this.getNode(e));
rlm@46 22446 }
rlm@46 22447 },
rlm@46 22448
rlm@46 22449 delegateClick : function(e, t){
rlm@46 22450 if(!this.beforeEvent(e)){
rlm@46 22451 return;
rlm@46 22452 }
rlm@46 22453
rlm@46 22454 if(e.getTarget('input[type=checkbox]', 1)){
rlm@46 22455 this.onCheckboxClick(e, this.getNode(e));
rlm@46 22456 }
rlm@46 22457 else if(e.getTarget('.x-tree-ec-icon', 1)){
rlm@46 22458 this.onIconClick(e, this.getNode(e));
rlm@46 22459 }
rlm@46 22460 else if(this.getNodeTarget(e)){
rlm@46 22461 this.onNodeClick(e, this.getNode(e));
rlm@46 22462 }
rlm@46 22463 },
rlm@46 22464
rlm@46 22465 delegateDblClick : function(e, t){
rlm@46 22466 if(this.beforeEvent(e) && this.getNodeTarget(e)){
rlm@46 22467 this.onNodeDblClick(e, this.getNode(e));
rlm@46 22468 }
rlm@46 22469 },
rlm@46 22470
rlm@46 22471 delegateContextMenu : function(e, t){
rlm@46 22472 if(this.beforeEvent(e) && this.getNodeTarget(e)){
rlm@46 22473 this.onNodeContextMenu(e, this.getNode(e));
rlm@46 22474 }
rlm@46 22475 },
rlm@46 22476
rlm@46 22477 onNodeClick : function(e, node){
rlm@46 22478 node.ui.onClick(e);
rlm@46 22479 },
rlm@46 22480
rlm@46 22481 onNodeOver : function(e, node){
rlm@46 22482 node.ui.onOver(e);
rlm@46 22483 },
rlm@46 22484
rlm@46 22485 onNodeOut : function(e, node){
rlm@46 22486 node.ui.onOut(e);
rlm@46 22487 },
rlm@46 22488
rlm@46 22489 onIconOver : function(e, node){
rlm@46 22490 node.ui.addClass('x-tree-ec-over');
rlm@46 22491 },
rlm@46 22492
rlm@46 22493 onIconOut : function(e, node){
rlm@46 22494 node.ui.removeClass('x-tree-ec-over');
rlm@46 22495 },
rlm@46 22496
rlm@46 22497 onIconClick : function(e, node){
rlm@46 22498 node.ui.ecClick(e);
rlm@46 22499 },
rlm@46 22500
rlm@46 22501 onCheckboxClick : function(e, node){
rlm@46 22502 node.ui.onCheckChange(e);
rlm@46 22503 },
rlm@46 22504
rlm@46 22505 onNodeDblClick : function(e, node){
rlm@46 22506 node.ui.onDblClick(e);
rlm@46 22507 },
rlm@46 22508
rlm@46 22509 onNodeContextMenu : function(e, node){
rlm@46 22510 node.ui.onContextMenu(e);
rlm@46 22511 },
rlm@46 22512
rlm@46 22513 beforeEvent : function(e){
rlm@46 22514 if(this.disabled){
rlm@46 22515 e.stopEvent();
rlm@46 22516 return false;
rlm@46 22517 }
rlm@46 22518 return true;
rlm@46 22519 },
rlm@46 22520
rlm@46 22521 disable: function(){
rlm@46 22522 this.disabled = true;
rlm@46 22523 },
rlm@46 22524
rlm@46 22525 enable: function(){
rlm@46 22526 this.disabled = false;
rlm@46 22527 }
rlm@46 22528 };
rlm@46 22529
rlm@46 22530 Ext.tree.DefaultSelectionModel = function(config){
rlm@46 22531 this.selNode = null;
rlm@46 22532
rlm@46 22533 this.addEvents(
rlm@46 22534
rlm@46 22535 "selectionchange",
rlm@46 22536
rlm@46 22537
rlm@46 22538 "beforeselect"
rlm@46 22539 );
rlm@46 22540
rlm@46 22541 Ext.apply(this, config);
rlm@46 22542 Ext.tree.DefaultSelectionModel.superclass.constructor.call(this);
rlm@46 22543 };
rlm@46 22544
rlm@46 22545 Ext.extend(Ext.tree.DefaultSelectionModel, Ext.util.Observable, {
rlm@46 22546 init : function(tree){
rlm@46 22547 this.tree = tree;
rlm@46 22548 tree.getTreeEl().on("keydown", this.onKeyDown, this);
rlm@46 22549 tree.on("click", this.onNodeClick, this);
rlm@46 22550 },
rlm@46 22551
rlm@46 22552 onNodeClick : function(node, e){
rlm@46 22553 this.select(node);
rlm@46 22554 },
rlm@46 22555
rlm@46 22556
rlm@46 22557 select : function(node){
rlm@46 22558 var last = this.selNode;
rlm@46 22559 if(last != node && this.fireEvent('beforeselect', this, node, last) !== false){
rlm@46 22560 if(last){
rlm@46 22561 last.ui.onSelectedChange(false);
rlm@46 22562 }
rlm@46 22563 this.selNode = node;
rlm@46 22564 node.ui.onSelectedChange(true);
rlm@46 22565 this.fireEvent("selectionchange", this, node, last);
rlm@46 22566 }
rlm@46 22567 return node;
rlm@46 22568 },
rlm@46 22569
rlm@46 22570
rlm@46 22571 unselect : function(node){
rlm@46 22572 if(this.selNode == node){
rlm@46 22573 this.clearSelections();
rlm@46 22574 }
rlm@46 22575 },
rlm@46 22576
rlm@46 22577
rlm@46 22578 clearSelections : function(){
rlm@46 22579 var n = this.selNode;
rlm@46 22580 if(n){
rlm@46 22581 n.ui.onSelectedChange(false);
rlm@46 22582 this.selNode = null;
rlm@46 22583 this.fireEvent("selectionchange", this, null);
rlm@46 22584 }
rlm@46 22585 return n;
rlm@46 22586 },
rlm@46 22587
rlm@46 22588
rlm@46 22589 getSelectedNode : function(){
rlm@46 22590 return this.selNode;
rlm@46 22591 },
rlm@46 22592
rlm@46 22593
rlm@46 22594 isSelected : function(node){
rlm@46 22595 return this.selNode == node;
rlm@46 22596 },
rlm@46 22597
rlm@46 22598
rlm@46 22599 selectPrevious : function(){
rlm@46 22600 var s = this.selNode || this.lastSelNode;
rlm@46 22601 if(!s){
rlm@46 22602 return null;
rlm@46 22603 }
rlm@46 22604 var ps = s.previousSibling;
rlm@46 22605 if(ps){
rlm@46 22606 if(!ps.isExpanded() || ps.childNodes.length < 1){
rlm@46 22607 return this.select(ps);
rlm@46 22608 } else{
rlm@46 22609 var lc = ps.lastChild;
rlm@46 22610 while(lc && lc.isExpanded() && lc.childNodes.length > 0){
rlm@46 22611 lc = lc.lastChild;
rlm@46 22612 }
rlm@46 22613 return this.select(lc);
rlm@46 22614 }
rlm@46 22615 } else if(s.parentNode && (this.tree.rootVisible || !s.parentNode.isRoot)){
rlm@46 22616 return this.select(s.parentNode);
rlm@46 22617 }
rlm@46 22618 return null;
rlm@46 22619 },
rlm@46 22620
rlm@46 22621
rlm@46 22622 selectNext : function(){
rlm@46 22623 var s = this.selNode || this.lastSelNode;
rlm@46 22624 if(!s){
rlm@46 22625 return null;
rlm@46 22626 }
rlm@46 22627 if(s.firstChild && s.isExpanded()){
rlm@46 22628 return this.select(s.firstChild);
rlm@46 22629 }else if(s.nextSibling){
rlm@46 22630 return this.select(s.nextSibling);
rlm@46 22631 }else if(s.parentNode){
rlm@46 22632 var newS = null;
rlm@46 22633 s.parentNode.bubble(function(){
rlm@46 22634 if(this.nextSibling){
rlm@46 22635 newS = this.getOwnerTree().selModel.select(this.nextSibling);
rlm@46 22636 return false;
rlm@46 22637 }
rlm@46 22638 });
rlm@46 22639 return newS;
rlm@46 22640 }
rlm@46 22641 return null;
rlm@46 22642 },
rlm@46 22643
rlm@46 22644 onKeyDown : function(e){
rlm@46 22645 var s = this.selNode || this.lastSelNode;
rlm@46 22646
rlm@46 22647 var sm = this;
rlm@46 22648 if(!s){
rlm@46 22649 return;
rlm@46 22650 }
rlm@46 22651 var k = e.getKey();
rlm@46 22652 switch(k){
rlm@46 22653 case e.DOWN:
rlm@46 22654 e.stopEvent();
rlm@46 22655 this.selectNext();
rlm@46 22656 break;
rlm@46 22657 case e.UP:
rlm@46 22658 e.stopEvent();
rlm@46 22659 this.selectPrevious();
rlm@46 22660 break;
rlm@46 22661 case e.RIGHT:
rlm@46 22662 e.preventDefault();
rlm@46 22663 if(s.hasChildNodes()){
rlm@46 22664 if(!s.isExpanded()){
rlm@46 22665 s.expand();
rlm@46 22666 }else if(s.firstChild){
rlm@46 22667 this.select(s.firstChild, e);
rlm@46 22668 }
rlm@46 22669 }
rlm@46 22670 break;
rlm@46 22671 case e.LEFT:
rlm@46 22672 e.preventDefault();
rlm@46 22673 if(s.hasChildNodes() && s.isExpanded()){
rlm@46 22674 s.collapse();
rlm@46 22675 }else if(s.parentNode && (this.tree.rootVisible || s.parentNode != this.tree.getRootNode())){
rlm@46 22676 this.select(s.parentNode, e);
rlm@46 22677 }
rlm@46 22678 break;
rlm@46 22679 };
rlm@46 22680 }
rlm@46 22681 });
rlm@46 22682
rlm@46 22683
rlm@46 22684 Ext.tree.MultiSelectionModel = function(config){
rlm@46 22685 this.selNodes = [];
rlm@46 22686 this.selMap = {};
rlm@46 22687 this.addEvents(
rlm@46 22688
rlm@46 22689 "selectionchange"
rlm@46 22690 );
rlm@46 22691 Ext.apply(this, config);
rlm@46 22692 Ext.tree.MultiSelectionModel.superclass.constructor.call(this);
rlm@46 22693 };
rlm@46 22694
rlm@46 22695 Ext.extend(Ext.tree.MultiSelectionModel, Ext.util.Observable, {
rlm@46 22696 init : function(tree){
rlm@46 22697 this.tree = tree;
rlm@46 22698 tree.getTreeEl().on("keydown", this.onKeyDown, this);
rlm@46 22699 tree.on("click", this.onNodeClick, this);
rlm@46 22700 },
rlm@46 22701
rlm@46 22702 onNodeClick : function(node, e){
rlm@46 22703 this.select(node, e, e.ctrlKey);
rlm@46 22704 },
rlm@46 22705
rlm@46 22706
rlm@46 22707 select : function(node, e, keepExisting){
rlm@46 22708 if(keepExisting !== true){
rlm@46 22709 this.clearSelections(true);
rlm@46 22710 }
rlm@46 22711 if(this.isSelected(node)){
rlm@46 22712 this.lastSelNode = node;
rlm@46 22713 return node;
rlm@46 22714 }
rlm@46 22715 this.selNodes.push(node);
rlm@46 22716 this.selMap[node.id] = node;
rlm@46 22717 this.lastSelNode = node;
rlm@46 22718 node.ui.onSelectedChange(true);
rlm@46 22719 this.fireEvent("selectionchange", this, this.selNodes);
rlm@46 22720 return node;
rlm@46 22721 },
rlm@46 22722
rlm@46 22723
rlm@46 22724 unselect : function(node){
rlm@46 22725 if(this.selMap[node.id]){
rlm@46 22726 node.ui.onSelectedChange(false);
rlm@46 22727 var sn = this.selNodes;
rlm@46 22728 var index = sn.indexOf(node);
rlm@46 22729 if(index != -1){
rlm@46 22730 this.selNodes.splice(index, 1);
rlm@46 22731 }
rlm@46 22732 delete this.selMap[node.id];
rlm@46 22733 this.fireEvent("selectionchange", this, this.selNodes);
rlm@46 22734 }
rlm@46 22735 },
rlm@46 22736
rlm@46 22737
rlm@46 22738 clearSelections : function(suppressEvent){
rlm@46 22739 var sn = this.selNodes;
rlm@46 22740 if(sn.length > 0){
rlm@46 22741 for(var i = 0, len = sn.length; i < len; i++){
rlm@46 22742 sn[i].ui.onSelectedChange(false);
rlm@46 22743 }
rlm@46 22744 this.selNodes = [];
rlm@46 22745 this.selMap = {};
rlm@46 22746 if(suppressEvent !== true){
rlm@46 22747 this.fireEvent("selectionchange", this, this.selNodes);
rlm@46 22748 }
rlm@46 22749 }
rlm@46 22750 },
rlm@46 22751
rlm@46 22752
rlm@46 22753 isSelected : function(node){
rlm@46 22754 return this.selMap[node.id] ? true : false;
rlm@46 22755 },
rlm@46 22756
rlm@46 22757
rlm@46 22758 getSelectedNodes : function(){
rlm@46 22759 return this.selNodes;
rlm@46 22760 },
rlm@46 22761
rlm@46 22762 onKeyDown : Ext.tree.DefaultSelectionModel.prototype.onKeyDown,
rlm@46 22763
rlm@46 22764 selectNext : Ext.tree.DefaultSelectionModel.prototype.selectNext,
rlm@46 22765
rlm@46 22766 selectPrevious : Ext.tree.DefaultSelectionModel.prototype.selectPrevious
rlm@46 22767 });
rlm@46 22768
rlm@46 22769 Ext.tree.TreeNode = function(attributes){
rlm@46 22770 attributes = attributes || {};
rlm@46 22771 if(typeof attributes == "string"){
rlm@46 22772 attributes = {text: attributes};
rlm@46 22773 }
rlm@46 22774 this.childrenRendered = false;
rlm@46 22775 this.rendered = false;
rlm@46 22776 Ext.tree.TreeNode.superclass.constructor.call(this, attributes);
rlm@46 22777 this.expanded = attributes.expanded === true;
rlm@46 22778 this.isTarget = attributes.isTarget !== false;
rlm@46 22779 this.draggable = attributes.draggable !== false && attributes.allowDrag !== false;
rlm@46 22780 this.allowChildren = attributes.allowChildren !== false && attributes.allowDrop !== false;
rlm@46 22781
rlm@46 22782
rlm@46 22783 this.text = attributes.text;
rlm@46 22784
rlm@46 22785 this.disabled = attributes.disabled === true;
rlm@46 22786
rlm@46 22787 this.addEvents(
rlm@46 22788
rlm@46 22789 "textchange",
rlm@46 22790
rlm@46 22791 "beforeexpand",
rlm@46 22792
rlm@46 22793 "beforecollapse",
rlm@46 22794
rlm@46 22795 "expand",
rlm@46 22796
rlm@46 22797 "disabledchange",
rlm@46 22798
rlm@46 22799 "collapse",
rlm@46 22800
rlm@46 22801 "beforeclick",
rlm@46 22802
rlm@46 22803 "click",
rlm@46 22804
rlm@46 22805 "checkchange",
rlm@46 22806
rlm@46 22807 "dblclick",
rlm@46 22808
rlm@46 22809 "contextmenu",
rlm@46 22810
rlm@46 22811 "beforechildrenrendered"
rlm@46 22812 );
rlm@46 22813
rlm@46 22814 var uiClass = this.attributes.uiProvider || this.defaultUI || Ext.tree.TreeNodeUI;
rlm@46 22815
rlm@46 22816
rlm@46 22817 this.ui = new uiClass(this);
rlm@46 22818 };
rlm@46 22819 Ext.extend(Ext.tree.TreeNode, Ext.data.Node, {
rlm@46 22820 preventHScroll: true,
rlm@46 22821
rlm@46 22822 isExpanded : function(){
rlm@46 22823 return this.expanded;
rlm@46 22824 },
rlm@46 22825
rlm@46 22826
rlm@46 22827 getUI : function(){
rlm@46 22828 return this.ui;
rlm@46 22829 },
rlm@46 22830
rlm@46 22831
rlm@46 22832 setFirstChild : function(node){
rlm@46 22833 var of = this.firstChild;
rlm@46 22834 Ext.tree.TreeNode.superclass.setFirstChild.call(this, node);
rlm@46 22835 if(this.childrenRendered && of && node != of){
rlm@46 22836 of.renderIndent(true, true);
rlm@46 22837 }
rlm@46 22838 if(this.rendered){
rlm@46 22839 this.renderIndent(true, true);
rlm@46 22840 }
rlm@46 22841 },
rlm@46 22842
rlm@46 22843
rlm@46 22844 setLastChild : function(node){
rlm@46 22845 var ol = this.lastChild;
rlm@46 22846 Ext.tree.TreeNode.superclass.setLastChild.call(this, node);
rlm@46 22847 if(this.childrenRendered && ol && node != ol){
rlm@46 22848 ol.renderIndent(true, true);
rlm@46 22849 }
rlm@46 22850 if(this.rendered){
rlm@46 22851 this.renderIndent(true, true);
rlm@46 22852 }
rlm@46 22853 },
rlm@46 22854
rlm@46 22855
rlm@46 22856
rlm@46 22857 appendChild : function(){
rlm@46 22858 var node = Ext.tree.TreeNode.superclass.appendChild.apply(this, arguments);
rlm@46 22859 if(node && this.childrenRendered){
rlm@46 22860 node.render();
rlm@46 22861 }
rlm@46 22862 this.ui.updateExpandIcon();
rlm@46 22863 return node;
rlm@46 22864 },
rlm@46 22865
rlm@46 22866
rlm@46 22867 removeChild : function(node){
rlm@46 22868 this.ownerTree.getSelectionModel().unselect(node);
rlm@46 22869 Ext.tree.TreeNode.superclass.removeChild.apply(this, arguments);
rlm@46 22870
rlm@46 22871 if(this.childrenRendered){
rlm@46 22872 node.ui.remove();
rlm@46 22873 }
rlm@46 22874 if(this.childNodes.length < 1){
rlm@46 22875 this.collapse(false, false);
rlm@46 22876 }else{
rlm@46 22877 this.ui.updateExpandIcon();
rlm@46 22878 }
rlm@46 22879 if(!this.firstChild && !this.isHiddenRoot()) {
rlm@46 22880 this.childrenRendered = false;
rlm@46 22881 }
rlm@46 22882 return node;
rlm@46 22883 },
rlm@46 22884
rlm@46 22885
rlm@46 22886 insertBefore : function(node, refNode){
rlm@46 22887 var newNode = Ext.tree.TreeNode.superclass.insertBefore.apply(this, arguments);
rlm@46 22888 if(newNode && refNode && this.childrenRendered){
rlm@46 22889 node.render();
rlm@46 22890 }
rlm@46 22891 this.ui.updateExpandIcon();
rlm@46 22892 return newNode;
rlm@46 22893 },
rlm@46 22894
rlm@46 22895
rlm@46 22896 setText : function(text){
rlm@46 22897 var oldText = this.text;
rlm@46 22898 this.text = text;
rlm@46 22899 this.attributes.text = text;
rlm@46 22900 if(this.rendered){
rlm@46 22901 this.ui.onTextChange(this, text, oldText);
rlm@46 22902 }
rlm@46 22903 this.fireEvent("textchange", this, text, oldText);
rlm@46 22904 },
rlm@46 22905
rlm@46 22906
rlm@46 22907 select : function(){
rlm@46 22908 this.getOwnerTree().getSelectionModel().select(this);
rlm@46 22909 },
rlm@46 22910
rlm@46 22911
rlm@46 22912 unselect : function(){
rlm@46 22913 this.getOwnerTree().getSelectionModel().unselect(this);
rlm@46 22914 },
rlm@46 22915
rlm@46 22916
rlm@46 22917 isSelected : function(){
rlm@46 22918 return this.getOwnerTree().getSelectionModel().isSelected(this);
rlm@46 22919 },
rlm@46 22920
rlm@46 22921
rlm@46 22922 expand : function(deep, anim, callback){
rlm@46 22923 if(!this.expanded){
rlm@46 22924 if(this.fireEvent("beforeexpand", this, deep, anim) === false){
rlm@46 22925 return;
rlm@46 22926 }
rlm@46 22927 if(!this.childrenRendered){
rlm@46 22928 this.renderChildren();
rlm@46 22929 }
rlm@46 22930 this.expanded = true;
rlm@46 22931 if(!this.isHiddenRoot() && (this.getOwnerTree().animate && anim !== false) || anim){
rlm@46 22932 this.ui.animExpand(function(){
rlm@46 22933 this.fireEvent("expand", this);
rlm@46 22934 if(typeof callback == "function"){
rlm@46 22935 callback(this);
rlm@46 22936 }
rlm@46 22937 if(deep === true){
rlm@46 22938 this.expandChildNodes(true);
rlm@46 22939 }
rlm@46 22940 }.createDelegate(this));
rlm@46 22941 return;
rlm@46 22942 }else{
rlm@46 22943 this.ui.expand();
rlm@46 22944 this.fireEvent("expand", this);
rlm@46 22945 if(typeof callback == "function"){
rlm@46 22946 callback(this);
rlm@46 22947 }
rlm@46 22948 }
rlm@46 22949 }else{
rlm@46 22950 if(typeof callback == "function"){
rlm@46 22951 callback(this);
rlm@46 22952 }
rlm@46 22953 }
rlm@46 22954 if(deep === true){
rlm@46 22955 this.expandChildNodes(true);
rlm@46 22956 }
rlm@46 22957 },
rlm@46 22958
rlm@46 22959 isHiddenRoot : function(){
rlm@46 22960 return this.isRoot && !this.getOwnerTree().rootVisible;
rlm@46 22961 },
rlm@46 22962
rlm@46 22963
rlm@46 22964 collapse : function(deep, anim){
rlm@46 22965 if(this.expanded && !this.isHiddenRoot()){
rlm@46 22966 if(this.fireEvent("beforecollapse", this, deep, anim) === false){
rlm@46 22967 return;
rlm@46 22968 }
rlm@46 22969 this.expanded = false;
rlm@46 22970 if((this.getOwnerTree().animate && anim !== false) || anim){
rlm@46 22971 this.ui.animCollapse(function(){
rlm@46 22972 this.fireEvent("collapse", this);
rlm@46 22973 if(deep === true){
rlm@46 22974 this.collapseChildNodes(true);
rlm@46 22975 }
rlm@46 22976 }.createDelegate(this));
rlm@46 22977 return;
rlm@46 22978 }else{
rlm@46 22979 this.ui.collapse();
rlm@46 22980 this.fireEvent("collapse", this);
rlm@46 22981 }
rlm@46 22982 }
rlm@46 22983 if(deep === true){
rlm@46 22984 var cs = this.childNodes;
rlm@46 22985 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 22986 cs[i].collapse(true, false);
rlm@46 22987 }
rlm@46 22988 }
rlm@46 22989 },
rlm@46 22990
rlm@46 22991
rlm@46 22992 delayedExpand : function(delay){
rlm@46 22993 if(!this.expandProcId){
rlm@46 22994 this.expandProcId = this.expand.defer(delay, this);
rlm@46 22995 }
rlm@46 22996 },
rlm@46 22997
rlm@46 22998
rlm@46 22999 cancelExpand : function(){
rlm@46 23000 if(this.expandProcId){
rlm@46 23001 clearTimeout(this.expandProcId);
rlm@46 23002 }
rlm@46 23003 this.expandProcId = false;
rlm@46 23004 },
rlm@46 23005
rlm@46 23006
rlm@46 23007 toggle : function(){
rlm@46 23008 if(this.expanded){
rlm@46 23009 this.collapse();
rlm@46 23010 }else{
rlm@46 23011 this.expand();
rlm@46 23012 }
rlm@46 23013 },
rlm@46 23014
rlm@46 23015
rlm@46 23016 ensureVisible : function(callback){
rlm@46 23017 var tree = this.getOwnerTree();
rlm@46 23018 tree.expandPath(this.parentNode.getPath(), false, function(){
rlm@46 23019 var node = tree.getNodeById(this.id);
rlm@46 23020 tree.getTreeEl().scrollChildIntoView(node.ui.anchor);
rlm@46 23021 Ext.callback(callback);
rlm@46 23022 }.createDelegate(this));
rlm@46 23023 },
rlm@46 23024
rlm@46 23025
rlm@46 23026 expandChildNodes : function(deep){
rlm@46 23027 var cs = this.childNodes;
rlm@46 23028 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 23029 cs[i].expand(deep);
rlm@46 23030 }
rlm@46 23031 },
rlm@46 23032
rlm@46 23033
rlm@46 23034 collapseChildNodes : function(deep){
rlm@46 23035 var cs = this.childNodes;
rlm@46 23036 for(var i = 0, len = cs.length; i < len; i++) {
rlm@46 23037 cs[i].collapse(deep);
rlm@46 23038 }
rlm@46 23039 },
rlm@46 23040
rlm@46 23041
rlm@46 23042 disable : function(){
rlm@46 23043 this.disabled = true;
rlm@46 23044 this.unselect();
rlm@46 23045 if(this.rendered && this.ui.onDisableChange){
rlm@46 23046 this.ui.onDisableChange(this, true);
rlm@46 23047 }
rlm@46 23048 this.fireEvent("disabledchange", this, true);
rlm@46 23049 },
rlm@46 23050
rlm@46 23051
rlm@46 23052 enable : function(){
rlm@46 23053 this.disabled = false;
rlm@46 23054 if(this.rendered && this.ui.onDisableChange){
rlm@46 23055 this.ui.onDisableChange(this, false);
rlm@46 23056 }
rlm@46 23057 this.fireEvent("disabledchange", this, false);
rlm@46 23058 },
rlm@46 23059
rlm@46 23060
rlm@46 23061 renderChildren : function(suppressEvent){
rlm@46 23062 if(suppressEvent !== false){
rlm@46 23063 this.fireEvent("beforechildrenrendered", this);
rlm@46 23064 }
rlm@46 23065 var cs = this.childNodes;
rlm@46 23066 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 23067 cs[i].render(true);
rlm@46 23068 }
rlm@46 23069 this.childrenRendered = true;
rlm@46 23070 },
rlm@46 23071
rlm@46 23072
rlm@46 23073 sort : function(fn, scope){
rlm@46 23074 Ext.tree.TreeNode.superclass.sort.apply(this, arguments);
rlm@46 23075 if(this.childrenRendered){
rlm@46 23076 var cs = this.childNodes;
rlm@46 23077 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 23078 cs[i].render(true);
rlm@46 23079 }
rlm@46 23080 }
rlm@46 23081 },
rlm@46 23082
rlm@46 23083
rlm@46 23084 render : function(bulkRender){
rlm@46 23085 this.ui.render(bulkRender);
rlm@46 23086 if(!this.rendered){
rlm@46 23087
rlm@46 23088 this.getOwnerTree().registerNode(this);
rlm@46 23089 this.rendered = true;
rlm@46 23090 if(this.expanded){
rlm@46 23091 this.expanded = false;
rlm@46 23092 this.expand(false, false);
rlm@46 23093 }
rlm@46 23094 }
rlm@46 23095 },
rlm@46 23096
rlm@46 23097
rlm@46 23098 renderIndent : function(deep, refresh){
rlm@46 23099 if(refresh){
rlm@46 23100 this.ui.childIndent = null;
rlm@46 23101 }
rlm@46 23102 this.ui.renderIndent();
rlm@46 23103 if(deep === true && this.childrenRendered){
rlm@46 23104 var cs = this.childNodes;
rlm@46 23105 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 23106 cs[i].renderIndent(true, refresh);
rlm@46 23107 }
rlm@46 23108 }
rlm@46 23109 },
rlm@46 23110
rlm@46 23111 beginUpdate : function(){
rlm@46 23112 this.childrenRendered = false;
rlm@46 23113 },
rlm@46 23114
rlm@46 23115 endUpdate : function(){
rlm@46 23116 if(this.expanded && this.rendered){
rlm@46 23117 this.renderChildren();
rlm@46 23118 }
rlm@46 23119 },
rlm@46 23120
rlm@46 23121 destroy : function(){
rlm@46 23122 for(var i = 0,l = this.childNodes.length; i < l; i++){
rlm@46 23123 this.childNodes[i].destroy();
rlm@46 23124 }
rlm@46 23125 this.childNodes = null;
rlm@46 23126 if(this.ui.destroy){
rlm@46 23127 this.ui.destroy();
rlm@46 23128 }
rlm@46 23129 }
rlm@46 23130 });
rlm@46 23131
rlm@46 23132 Ext.tree.AsyncTreeNode = function(config){
rlm@46 23133 this.loaded = false;
rlm@46 23134 this.loading = false;
rlm@46 23135 Ext.tree.AsyncTreeNode.superclass.constructor.apply(this, arguments);
rlm@46 23136
rlm@46 23137 this.addEvents('beforeload', 'load');
rlm@46 23138
rlm@46 23139
rlm@46 23140 };
rlm@46 23141 Ext.extend(Ext.tree.AsyncTreeNode, Ext.tree.TreeNode, {
rlm@46 23142 expand : function(deep, anim, callback){
rlm@46 23143 if(this.loading){
rlm@46 23144 var timer;
rlm@46 23145 var f = function(){
rlm@46 23146 if(!this.loading){
rlm@46 23147 clearInterval(timer);
rlm@46 23148 this.expand(deep, anim, callback);
rlm@46 23149 }
rlm@46 23150 }.createDelegate(this);
rlm@46 23151 timer = setInterval(f, 200);
rlm@46 23152 return;
rlm@46 23153 }
rlm@46 23154 if(!this.loaded){
rlm@46 23155 if(this.fireEvent("beforeload", this) === false){
rlm@46 23156 return;
rlm@46 23157 }
rlm@46 23158 this.loading = true;
rlm@46 23159 this.ui.beforeLoad(this);
rlm@46 23160 var loader = this.loader || this.attributes.loader || this.getOwnerTree().getLoader();
rlm@46 23161 if(loader){
rlm@46 23162 loader.load(this, this.loadComplete.createDelegate(this, [deep, anim, callback]));
rlm@46 23163 return;
rlm@46 23164 }
rlm@46 23165 }
rlm@46 23166 Ext.tree.AsyncTreeNode.superclass.expand.call(this, deep, anim, callback);
rlm@46 23167 },
rlm@46 23168
rlm@46 23169
rlm@46 23170 isLoading : function(){
rlm@46 23171 return this.loading;
rlm@46 23172 },
rlm@46 23173
rlm@46 23174 loadComplete : function(deep, anim, callback){
rlm@46 23175 this.loading = false;
rlm@46 23176 this.loaded = true;
rlm@46 23177 this.ui.afterLoad(this);
rlm@46 23178 this.fireEvent("load", this);
rlm@46 23179 this.expand(deep, anim, callback);
rlm@46 23180 },
rlm@46 23181
rlm@46 23182
rlm@46 23183 isLoaded : function(){
rlm@46 23184 return this.loaded;
rlm@46 23185 },
rlm@46 23186
rlm@46 23187 hasChildNodes : function(){
rlm@46 23188 if(!this.isLeaf() && !this.loaded){
rlm@46 23189 return true;
rlm@46 23190 }else{
rlm@46 23191 return Ext.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);
rlm@46 23192 }
rlm@46 23193 },
rlm@46 23194
rlm@46 23195
rlm@46 23196 reload : function(callback){
rlm@46 23197 this.collapse(false, false);
rlm@46 23198 while(this.firstChild){
rlm@46 23199 this.removeChild(this.firstChild);
rlm@46 23200 }
rlm@46 23201 this.childrenRendered = false;
rlm@46 23202 this.loaded = false;
rlm@46 23203 if(this.isHiddenRoot()){
rlm@46 23204 this.expanded = false;
rlm@46 23205 }
rlm@46 23206 this.expand(false, false, callback);
rlm@46 23207 }
rlm@46 23208 });
rlm@46 23209
rlm@46 23210 Ext.tree.TreeNodeUI = function(node){
rlm@46 23211 this.node = node;
rlm@46 23212 this.rendered = false;
rlm@46 23213 this.animating = false;
rlm@46 23214 this.wasLeaf = true;
rlm@46 23215 this.ecc = 'x-tree-ec-icon x-tree-elbow';
rlm@46 23216 this.emptyIcon = Ext.BLANK_IMAGE_URL;
rlm@46 23217 };
rlm@46 23218
rlm@46 23219 Ext.tree.TreeNodeUI.prototype = {
rlm@46 23220
rlm@46 23221 removeChild : function(node){
rlm@46 23222 if(this.rendered){
rlm@46 23223 this.ctNode.removeChild(node.ui.getEl());
rlm@46 23224 }
rlm@46 23225 },
rlm@46 23226
rlm@46 23227
rlm@46 23228 beforeLoad : function(){
rlm@46 23229 this.addClass("x-tree-node-loading");
rlm@46 23230 },
rlm@46 23231
rlm@46 23232
rlm@46 23233 afterLoad : function(){
rlm@46 23234 this.removeClass("x-tree-node-loading");
rlm@46 23235 },
rlm@46 23236
rlm@46 23237
rlm@46 23238 onTextChange : function(node, text, oldText){
rlm@46 23239 if(this.rendered){
rlm@46 23240 this.textNode.innerHTML = text;
rlm@46 23241 }
rlm@46 23242 },
rlm@46 23243
rlm@46 23244
rlm@46 23245 onDisableChange : function(node, state){
rlm@46 23246 this.disabled = state;
rlm@46 23247 if (this.checkbox) {
rlm@46 23248 this.checkbox.disabled = state;
rlm@46 23249 }
rlm@46 23250 if(state){
rlm@46 23251 this.addClass("x-tree-node-disabled");
rlm@46 23252 }else{
rlm@46 23253 this.removeClass("x-tree-node-disabled");
rlm@46 23254 }
rlm@46 23255 },
rlm@46 23256
rlm@46 23257
rlm@46 23258 onSelectedChange : function(state){
rlm@46 23259 if(state){
rlm@46 23260 this.focus();
rlm@46 23261 this.addClass("x-tree-selected");
rlm@46 23262 }else{
rlm@46 23263
rlm@46 23264 this.removeClass("x-tree-selected");
rlm@46 23265 }
rlm@46 23266 },
rlm@46 23267
rlm@46 23268
rlm@46 23269 onMove : function(tree, node, oldParent, newParent, index, refNode){
rlm@46 23270 this.childIndent = null;
rlm@46 23271 if(this.rendered){
rlm@46 23272 var targetNode = newParent.ui.getContainer();
rlm@46 23273 if(!targetNode){
rlm@46 23274 this.holder = document.createElement("div");
rlm@46 23275 this.holder.appendChild(this.wrap);
rlm@46 23276 return;
rlm@46 23277 }
rlm@46 23278 var insertBefore = refNode ? refNode.ui.getEl() : null;
rlm@46 23279 if(insertBefore){
rlm@46 23280 targetNode.insertBefore(this.wrap, insertBefore);
rlm@46 23281 }else{
rlm@46 23282 targetNode.appendChild(this.wrap);
rlm@46 23283 }
rlm@46 23284 this.node.renderIndent(true);
rlm@46 23285 }
rlm@46 23286 },
rlm@46 23287
rlm@46 23288
rlm@46 23289 addClass : function(cls){
rlm@46 23290 if(this.elNode){
rlm@46 23291 Ext.fly(this.elNode).addClass(cls);
rlm@46 23292 }
rlm@46 23293 },
rlm@46 23294
rlm@46 23295
rlm@46 23296 removeClass : function(cls){
rlm@46 23297 if(this.elNode){
rlm@46 23298 Ext.fly(this.elNode).removeClass(cls);
rlm@46 23299 }
rlm@46 23300 },
rlm@46 23301
rlm@46 23302
rlm@46 23303 remove : function(){
rlm@46 23304 if(this.rendered){
rlm@46 23305 this.holder = document.createElement("div");
rlm@46 23306 this.holder.appendChild(this.wrap);
rlm@46 23307 }
rlm@46 23308 },
rlm@46 23309
rlm@46 23310
rlm@46 23311 fireEvent : function(){
rlm@46 23312 return this.node.fireEvent.apply(this.node, arguments);
rlm@46 23313 },
rlm@46 23314
rlm@46 23315
rlm@46 23316 initEvents : function(){
rlm@46 23317 this.node.on("move", this.onMove, this);
rlm@46 23318
rlm@46 23319 if(this.node.disabled){
rlm@46 23320 this.addClass("x-tree-node-disabled");
rlm@46 23321 if (this.checkbox) {
rlm@46 23322 this.checkbox.disabled = true;
rlm@46 23323 }
rlm@46 23324 }
rlm@46 23325 if(this.node.hidden){
rlm@46 23326 this.hide();
rlm@46 23327 }
rlm@46 23328 var ot = this.node.getOwnerTree();
rlm@46 23329 var dd = ot.enableDD || ot.enableDrag || ot.enableDrop;
rlm@46 23330 if(dd && (!this.node.isRoot || ot.rootVisible)){
rlm@46 23331 Ext.dd.Registry.register(this.elNode, {
rlm@46 23332 node: this.node,
rlm@46 23333 handles: this.getDDHandles(),
rlm@46 23334 isHandle: false
rlm@46 23335 });
rlm@46 23336 }
rlm@46 23337 },
rlm@46 23338
rlm@46 23339
rlm@46 23340 getDDHandles : function(){
rlm@46 23341 return [this.iconNode, this.textNode, this.elNode];
rlm@46 23342 },
rlm@46 23343
rlm@46 23344
rlm@46 23345 hide : function(){
rlm@46 23346 this.node.hidden = true;
rlm@46 23347 if(this.wrap){
rlm@46 23348 this.wrap.style.display = "none";
rlm@46 23349 }
rlm@46 23350 },
rlm@46 23351
rlm@46 23352
rlm@46 23353 show : function(){
rlm@46 23354 this.node.hidden = false;
rlm@46 23355 if(this.wrap){
rlm@46 23356 this.wrap.style.display = "";
rlm@46 23357 }
rlm@46 23358 },
rlm@46 23359
rlm@46 23360
rlm@46 23361 onContextMenu : function(e){
rlm@46 23362 if (this.node.hasListener("contextmenu") || this.node.getOwnerTree().hasListener("contextmenu")) {
rlm@46 23363 e.preventDefault();
rlm@46 23364 this.focus();
rlm@46 23365 this.fireEvent("contextmenu", this.node, e);
rlm@46 23366 }
rlm@46 23367 },
rlm@46 23368
rlm@46 23369
rlm@46 23370 onClick : function(e){
rlm@46 23371 if(this.dropping){
rlm@46 23372 e.stopEvent();
rlm@46 23373 return;
rlm@46 23374 }
rlm@46 23375 if(this.fireEvent("beforeclick", this.node, e) !== false){
rlm@46 23376 var a = e.getTarget('a');
rlm@46 23377 if(!this.disabled && this.node.attributes.href && a){
rlm@46 23378 this.fireEvent("click", this.node, e);
rlm@46 23379 return;
rlm@46 23380 }else if(a && e.ctrlKey){
rlm@46 23381 e.stopEvent();
rlm@46 23382 }
rlm@46 23383 e.preventDefault();
rlm@46 23384 if(this.disabled){
rlm@46 23385 return;
rlm@46 23386 }
rlm@46 23387
rlm@46 23388 if(this.node.attributes.singleClickExpand && !this.animating && this.node.hasChildNodes()){
rlm@46 23389 this.node.toggle();
rlm@46 23390 }
rlm@46 23391
rlm@46 23392 this.fireEvent("click", this.node, e);
rlm@46 23393 }else{
rlm@46 23394 e.stopEvent();
rlm@46 23395 }
rlm@46 23396 },
rlm@46 23397
rlm@46 23398
rlm@46 23399 onDblClick : function(e){
rlm@46 23400 e.preventDefault();
rlm@46 23401 if(this.disabled){
rlm@46 23402 return;
rlm@46 23403 }
rlm@46 23404 if(this.checkbox){
rlm@46 23405 this.toggleCheck();
rlm@46 23406 }
rlm@46 23407 if(!this.animating && this.node.hasChildNodes()){
rlm@46 23408 this.node.toggle();
rlm@46 23409 }
rlm@46 23410 this.fireEvent("dblclick", this.node, e);
rlm@46 23411 },
rlm@46 23412
rlm@46 23413 onOver : function(e){
rlm@46 23414 this.addClass('x-tree-node-over');
rlm@46 23415 },
rlm@46 23416
rlm@46 23417 onOut : function(e){
rlm@46 23418 this.removeClass('x-tree-node-over');
rlm@46 23419 },
rlm@46 23420
rlm@46 23421
rlm@46 23422 onCheckChange : function(){
rlm@46 23423 var checked = this.checkbox.checked;
rlm@46 23424
rlm@46 23425 this.checkbox.defaultChecked = checked;
rlm@46 23426 this.node.attributes.checked = checked;
rlm@46 23427 this.fireEvent('checkchange', this.node, checked);
rlm@46 23428 },
rlm@46 23429
rlm@46 23430
rlm@46 23431 ecClick : function(e){
rlm@46 23432 if(!this.animating && (this.node.hasChildNodes() || this.node.attributes.expandable)){
rlm@46 23433 this.node.toggle();
rlm@46 23434 }
rlm@46 23435 },
rlm@46 23436
rlm@46 23437
rlm@46 23438 startDrop : function(){
rlm@46 23439 this.dropping = true;
rlm@46 23440 },
rlm@46 23441
rlm@46 23442
rlm@46 23443 endDrop : function(){
rlm@46 23444 setTimeout(function(){
rlm@46 23445 this.dropping = false;
rlm@46 23446 }.createDelegate(this), 50);
rlm@46 23447 },
rlm@46 23448
rlm@46 23449
rlm@46 23450 expand : function(){
rlm@46 23451 this.updateExpandIcon();
rlm@46 23452 this.ctNode.style.display = "";
rlm@46 23453 },
rlm@46 23454
rlm@46 23455
rlm@46 23456 focus : function(){
rlm@46 23457 if(!this.node.preventHScroll){
rlm@46 23458 try{this.anchor.focus();
rlm@46 23459 }catch(e){}
rlm@46 23460 }else if(!Ext.isIE){
rlm@46 23461 try{
rlm@46 23462 var noscroll = this.node.getOwnerTree().getTreeEl().dom;
rlm@46 23463 var l = noscroll.scrollLeft;
rlm@46 23464 this.anchor.focus();
rlm@46 23465 noscroll.scrollLeft = l;
rlm@46 23466 }catch(e){}
rlm@46 23467 }
rlm@46 23468 },
rlm@46 23469
rlm@46 23470
rlm@46 23471 toggleCheck : function(value){
rlm@46 23472 var cb = this.checkbox;
rlm@46 23473 if(cb){
rlm@46 23474 cb.checked = (value === undefined ? !cb.checked : value);
rlm@46 23475 this.onCheckChange();
rlm@46 23476 }
rlm@46 23477 },
rlm@46 23478
rlm@46 23479
rlm@46 23480 blur : function(){
rlm@46 23481 try{
rlm@46 23482 this.anchor.blur();
rlm@46 23483 }catch(e){}
rlm@46 23484 },
rlm@46 23485
rlm@46 23486
rlm@46 23487 animExpand : function(callback){
rlm@46 23488 var ct = Ext.get(this.ctNode);
rlm@46 23489 ct.stopFx();
rlm@46 23490 if(!this.node.hasChildNodes()){
rlm@46 23491 this.updateExpandIcon();
rlm@46 23492 this.ctNode.style.display = "";
rlm@46 23493 Ext.callback(callback);
rlm@46 23494 return;
rlm@46 23495 }
rlm@46 23496 this.animating = true;
rlm@46 23497 this.updateExpandIcon();
rlm@46 23498
rlm@46 23499 ct.slideIn('t', {
rlm@46 23500 callback : function(){
rlm@46 23501 this.animating = false;
rlm@46 23502 Ext.callback(callback);
rlm@46 23503 },
rlm@46 23504 scope: this,
rlm@46 23505 duration: this.node.ownerTree.duration || .25
rlm@46 23506 });
rlm@46 23507 },
rlm@46 23508
rlm@46 23509
rlm@46 23510 highlight : function(){
rlm@46 23511 var tree = this.node.getOwnerTree();
rlm@46 23512 Ext.fly(this.wrap).highlight(
rlm@46 23513 tree.hlColor || "C3DAF9",
rlm@46 23514 {endColor: tree.hlBaseColor}
rlm@46 23515 );
rlm@46 23516 },
rlm@46 23517
rlm@46 23518
rlm@46 23519 collapse : function(){
rlm@46 23520 this.updateExpandIcon();
rlm@46 23521 this.ctNode.style.display = "none";
rlm@46 23522 },
rlm@46 23523
rlm@46 23524
rlm@46 23525 animCollapse : function(callback){
rlm@46 23526 var ct = Ext.get(this.ctNode);
rlm@46 23527 ct.enableDisplayMode('block');
rlm@46 23528 ct.stopFx();
rlm@46 23529
rlm@46 23530 this.animating = true;
rlm@46 23531 this.updateExpandIcon();
rlm@46 23532
rlm@46 23533 ct.slideOut('t', {
rlm@46 23534 callback : function(){
rlm@46 23535 this.animating = false;
rlm@46 23536 Ext.callback(callback);
rlm@46 23537 },
rlm@46 23538 scope: this,
rlm@46 23539 duration: this.node.ownerTree.duration || .25
rlm@46 23540 });
rlm@46 23541 },
rlm@46 23542
rlm@46 23543
rlm@46 23544 getContainer : function(){
rlm@46 23545 return this.ctNode;
rlm@46 23546 },
rlm@46 23547
rlm@46 23548
rlm@46 23549 getEl : function(){
rlm@46 23550 return this.wrap;
rlm@46 23551 },
rlm@46 23552
rlm@46 23553
rlm@46 23554 appendDDGhost : function(ghostNode){
rlm@46 23555 ghostNode.appendChild(this.elNode.cloneNode(true));
rlm@46 23556 },
rlm@46 23557
rlm@46 23558
rlm@46 23559 getDDRepairXY : function(){
rlm@46 23560 return Ext.lib.Dom.getXY(this.iconNode);
rlm@46 23561 },
rlm@46 23562
rlm@46 23563
rlm@46 23564 onRender : function(){
rlm@46 23565 this.render();
rlm@46 23566 },
rlm@46 23567
rlm@46 23568
rlm@46 23569 render : function(bulkRender){
rlm@46 23570 var n = this.node, a = n.attributes;
rlm@46 23571 var targetNode = n.parentNode ?
rlm@46 23572 n.parentNode.ui.getContainer() : n.ownerTree.innerCt.dom;
rlm@46 23573
rlm@46 23574 if(!this.rendered){
rlm@46 23575 this.rendered = true;
rlm@46 23576
rlm@46 23577 this.renderElements(n, a, targetNode, bulkRender);
rlm@46 23578
rlm@46 23579 if(a.qtip){
rlm@46 23580 if(this.textNode.setAttributeNS){
rlm@46 23581 this.textNode.setAttributeNS("ext", "qtip", a.qtip);
rlm@46 23582 if(a.qtipTitle){
rlm@46 23583 this.textNode.setAttributeNS("ext", "qtitle", a.qtipTitle);
rlm@46 23584 }
rlm@46 23585 }else{
rlm@46 23586 this.textNode.setAttribute("ext:qtip", a.qtip);
rlm@46 23587 if(a.qtipTitle){
rlm@46 23588 this.textNode.setAttribute("ext:qtitle", a.qtipTitle);
rlm@46 23589 }
rlm@46 23590 }
rlm@46 23591 }else if(a.qtipCfg){
rlm@46 23592 a.qtipCfg.target = Ext.id(this.textNode);
rlm@46 23593 Ext.QuickTips.register(a.qtipCfg);
rlm@46 23594 }
rlm@46 23595 this.initEvents();
rlm@46 23596 if(!this.node.expanded){
rlm@46 23597 this.updateExpandIcon(true);
rlm@46 23598 }
rlm@46 23599 }else{
rlm@46 23600 if(bulkRender === true) {
rlm@46 23601 targetNode.appendChild(this.wrap);
rlm@46 23602 }
rlm@46 23603 }
rlm@46 23604 },
rlm@46 23605
rlm@46 23606
rlm@46 23607 renderElements : function(n, a, targetNode, bulkRender){
rlm@46 23608
rlm@46 23609 this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
rlm@46 23610
rlm@46 23611 var cb = typeof a.checked == 'boolean';
rlm@46 23612
rlm@46 23613 var href = a.href ? a.href : Ext.isGecko ? "" : "#";
rlm@46 23614 var buf = ['<li class="x-tree-node"><div ext:tree-node-id="',n.id,'" class="x-tree-node-el x-tree-node-leaf x-unselectable ', a.cls,'" unselectable="on">',
rlm@46 23615 '<span class="x-tree-node-indent">',this.indentMarkup,"</span>",
rlm@46 23616 '<img src="', this.emptyIcon, '" class="x-tree-ec-icon x-tree-elbow" />',
rlm@46 23617 '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',(a.icon ? " x-tree-node-inline-icon" : ""),(a.iconCls ? " "+a.iconCls : ""),'" unselectable="on" />',
rlm@46 23618 cb ? ('<input class="x-tree-node-cb" type="checkbox" ' + (a.checked ? 'checked="checked" />' : '/>')) : '',
rlm@46 23619 '<a hidefocus="on" class="x-tree-node-anchor" href="',href,'" tabIndex="1" ',
rlm@46 23620 a.hrefTarget ? ' target="'+a.hrefTarget+'"' : "", '><span unselectable="on">',n.text,"</span></a></div>",
rlm@46 23621 '<ul class="x-tree-node-ct" style="display:none;"></ul>',
rlm@46 23622 "</li>"].join('');
rlm@46 23623
rlm@46 23624 var nel;
rlm@46 23625 if(bulkRender !== true && n.nextSibling && (nel = n.nextSibling.ui.getEl())){
rlm@46 23626 this.wrap = Ext.DomHelper.insertHtml("beforeBegin", nel, buf);
rlm@46 23627 }else{
rlm@46 23628 this.wrap = Ext.DomHelper.insertHtml("beforeEnd", targetNode, buf);
rlm@46 23629 }
rlm@46 23630
rlm@46 23631 this.elNode = this.wrap.childNodes[0];
rlm@46 23632 this.ctNode = this.wrap.childNodes[1];
rlm@46 23633 var cs = this.elNode.childNodes;
rlm@46 23634 this.indentNode = cs[0];
rlm@46 23635 this.ecNode = cs[1];
rlm@46 23636 this.iconNode = cs[2];
rlm@46 23637 var index = 3;
rlm@46 23638 if(cb){
rlm@46 23639 this.checkbox = cs[3];
rlm@46 23640
rlm@46 23641 this.checkbox.defaultChecked = this.checkbox.checked;
rlm@46 23642 index++;
rlm@46 23643 }
rlm@46 23644 this.anchor = cs[index];
rlm@46 23645 this.textNode = cs[index].firstChild;
rlm@46 23646 },
rlm@46 23647
rlm@46 23648
rlm@46 23649 getAnchor : function(){
rlm@46 23650 return this.anchor;
rlm@46 23651 },
rlm@46 23652
rlm@46 23653
rlm@46 23654 getTextEl : function(){
rlm@46 23655 return this.textNode;
rlm@46 23656 },
rlm@46 23657
rlm@46 23658
rlm@46 23659 getIconEl : function(){
rlm@46 23660 return this.iconNode;
rlm@46 23661 },
rlm@46 23662
rlm@46 23663
rlm@46 23664 isChecked : function(){
rlm@46 23665 return this.checkbox ? this.checkbox.checked : false;
rlm@46 23666 },
rlm@46 23667
rlm@46 23668
rlm@46 23669 updateExpandIcon : function(){
rlm@46 23670 if(this.rendered){
rlm@46 23671 var n = this.node, c1, c2;
rlm@46 23672 var cls = n.isLast() ? "x-tree-elbow-end" : "x-tree-elbow";
rlm@46 23673 var hasChild = n.hasChildNodes();
rlm@46 23674 if(hasChild || n.attributes.expandable){
rlm@46 23675 if(n.expanded){
rlm@46 23676 cls += "-minus";
rlm@46 23677 c1 = "x-tree-node-collapsed";
rlm@46 23678 c2 = "x-tree-node-expanded";
rlm@46 23679 }else{
rlm@46 23680 cls += "-plus";
rlm@46 23681 c1 = "x-tree-node-expanded";
rlm@46 23682 c2 = "x-tree-node-collapsed";
rlm@46 23683 }
rlm@46 23684 if(this.wasLeaf){
rlm@46 23685 this.removeClass("x-tree-node-leaf");
rlm@46 23686 this.wasLeaf = false;
rlm@46 23687 }
rlm@46 23688 if(this.c1 != c1 || this.c2 != c2){
rlm@46 23689 Ext.fly(this.elNode).replaceClass(c1, c2);
rlm@46 23690 this.c1 = c1; this.c2 = c2;
rlm@46 23691 }
rlm@46 23692 }else{
rlm@46 23693 if(!this.wasLeaf){
rlm@46 23694 Ext.fly(this.elNode).replaceClass("x-tree-node-expanded", "x-tree-node-leaf");
rlm@46 23695 delete this.c1;
rlm@46 23696 delete this.c2;
rlm@46 23697 this.wasLeaf = true;
rlm@46 23698 }
rlm@46 23699 }
rlm@46 23700 var ecc = "x-tree-ec-icon "+cls;
rlm@46 23701 if(this.ecc != ecc){
rlm@46 23702 this.ecNode.className = ecc;
rlm@46 23703 this.ecc = ecc;
rlm@46 23704 }
rlm@46 23705 }
rlm@46 23706 },
rlm@46 23707
rlm@46 23708
rlm@46 23709 getChildIndent : function(){
rlm@46 23710 if(!this.childIndent){
rlm@46 23711 var buf = [];
rlm@46 23712 var p = this.node;
rlm@46 23713 while(p){
rlm@46 23714 if(!p.isRoot || (p.isRoot && p.ownerTree.rootVisible)){
rlm@46 23715 if(!p.isLast()) {
rlm@46 23716 buf.unshift('<img src="'+this.emptyIcon+'" class="x-tree-elbow-line" />');
rlm@46 23717 } else {
rlm@46 23718 buf.unshift('<img src="'+this.emptyIcon+'" class="x-tree-icon" />');
rlm@46 23719 }
rlm@46 23720 }
rlm@46 23721 p = p.parentNode;
rlm@46 23722 }
rlm@46 23723 this.childIndent = buf.join("");
rlm@46 23724 }
rlm@46 23725 return this.childIndent;
rlm@46 23726 },
rlm@46 23727
rlm@46 23728
rlm@46 23729 renderIndent : function(){
rlm@46 23730 if(this.rendered){
rlm@46 23731 var indent = "";
rlm@46 23732 var p = this.node.parentNode;
rlm@46 23733 if(p){
rlm@46 23734 indent = p.ui.getChildIndent();
rlm@46 23735 }
rlm@46 23736 if(this.indentMarkup != indent){
rlm@46 23737 this.indentNode.innerHTML = indent;
rlm@46 23738 this.indentMarkup = indent;
rlm@46 23739 }
rlm@46 23740 this.updateExpandIcon();
rlm@46 23741 }
rlm@46 23742 },
rlm@46 23743
rlm@46 23744 destroy : function(){
rlm@46 23745 if(this.elNode){
rlm@46 23746 Ext.dd.Registry.unregister(this.elNode.id);
rlm@46 23747 }
rlm@46 23748 delete this.elNode;
rlm@46 23749 delete this.ctNode;
rlm@46 23750 delete this.indentNode;
rlm@46 23751 delete this.ecNode;
rlm@46 23752 delete this.iconNode;
rlm@46 23753 delete this.checkbox;
rlm@46 23754 delete this.anchor;
rlm@46 23755 delete this.textNode;
rlm@46 23756 Ext.removeNode(this.ctNode);
rlm@46 23757 }
rlm@46 23758 };
rlm@46 23759
rlm@46 23760
rlm@46 23761 Ext.tree.RootTreeNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {
rlm@46 23762
rlm@46 23763 render : function(){
rlm@46 23764 if(!this.rendered){
rlm@46 23765 var targetNode = this.node.ownerTree.innerCt.dom;
rlm@46 23766 this.node.expanded = true;
rlm@46 23767 targetNode.innerHTML = '<div class="x-tree-root-node"></div>';
rlm@46 23768 this.wrap = this.ctNode = targetNode.firstChild;
rlm@46 23769 }
rlm@46 23770 },
rlm@46 23771 collapse : Ext.emptyFn,
rlm@46 23772 expand : Ext.emptyFn
rlm@46 23773 });
rlm@46 23774
rlm@46 23775 Ext.tree.TreeLoader = function(config){
rlm@46 23776 this.baseParams = {};
rlm@46 23777 Ext.apply(this, config);
rlm@46 23778
rlm@46 23779 this.addEvents(
rlm@46 23780
rlm@46 23781 "beforeload",
rlm@46 23782
rlm@46 23783 "load",
rlm@46 23784
rlm@46 23785 "loadexception"
rlm@46 23786 );
rlm@46 23787
rlm@46 23788 Ext.tree.TreeLoader.superclass.constructor.call(this);
rlm@46 23789 };
rlm@46 23790
rlm@46 23791 Ext.extend(Ext.tree.TreeLoader, Ext.util.Observable, {
rlm@46 23792
rlm@46 23793
rlm@46 23794
rlm@46 23795
rlm@46 23796
rlm@46 23797
rlm@46 23798
rlm@46 23799 uiProviders : {},
rlm@46 23800
rlm@46 23801
rlm@46 23802 clearOnLoad : true,
rlm@46 23803
rlm@46 23804
rlm@46 23805 load : function(node, callback){
rlm@46 23806 if(this.clearOnLoad){
rlm@46 23807 while(node.firstChild){
rlm@46 23808 node.removeChild(node.firstChild);
rlm@46 23809 }
rlm@46 23810 }
rlm@46 23811 if(this.doPreload(node)){
rlm@46 23812 if(typeof callback == "function"){
rlm@46 23813 callback();
rlm@46 23814 }
rlm@46 23815 }else if(this.dataUrl||this.url){
rlm@46 23816 this.requestData(node, callback);
rlm@46 23817 }
rlm@46 23818 },
rlm@46 23819
rlm@46 23820 doPreload : function(node){
rlm@46 23821 if(node.attributes.children){
rlm@46 23822 if(node.childNodes.length < 1){
rlm@46 23823 var cs = node.attributes.children;
rlm@46 23824 node.beginUpdate();
rlm@46 23825 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 23826 var cn = node.appendChild(this.createNode(cs[i]));
rlm@46 23827 if(this.preloadChildren){
rlm@46 23828 this.doPreload(cn);
rlm@46 23829 }
rlm@46 23830 }
rlm@46 23831 node.endUpdate();
rlm@46 23832 }
rlm@46 23833 return true;
rlm@46 23834 }else {
rlm@46 23835 return false;
rlm@46 23836 }
rlm@46 23837 },
rlm@46 23838
rlm@46 23839 getParams: function(node){
rlm@46 23840 var buf = [], bp = this.baseParams;
rlm@46 23841 for(var key in bp){
rlm@46 23842 if(typeof bp[key] != "function"){
rlm@46 23843 buf.push(encodeURIComponent(key), "=", encodeURIComponent(bp[key]), "&");
rlm@46 23844 }
rlm@46 23845 }
rlm@46 23846 buf.push("node=", encodeURIComponent(node.id));
rlm@46 23847 return buf.join("");
rlm@46 23848 },
rlm@46 23849
rlm@46 23850 requestData : function(node, callback){
rlm@46 23851 if(this.fireEvent("beforeload", this, node, callback) !== false){
rlm@46 23852 this.transId = Ext.Ajax.request({
rlm@46 23853 method:this.requestMethod,
rlm@46 23854 url: this.dataUrl||this.url,
rlm@46 23855 success: this.handleResponse,
rlm@46 23856 failure: this.handleFailure,
rlm@46 23857 scope: this,
rlm@46 23858 argument: {callback: callback, node: node},
rlm@46 23859 params: this.getParams(node)
rlm@46 23860 });
rlm@46 23861 }else{
rlm@46 23862
rlm@46 23863
rlm@46 23864 if(typeof callback == "function"){
rlm@46 23865 callback();
rlm@46 23866 }
rlm@46 23867 }
rlm@46 23868 },
rlm@46 23869
rlm@46 23870 isLoading : function(){
rlm@46 23871 return this.transId ? true : false;
rlm@46 23872 },
rlm@46 23873
rlm@46 23874 abort : function(){
rlm@46 23875 if(this.isLoading()){
rlm@46 23876 Ext.Ajax.abort(this.transId);
rlm@46 23877 }
rlm@46 23878 },
rlm@46 23879
rlm@46 23880
rlm@46 23881 createNode : function(attr){
rlm@46 23882
rlm@46 23883 if(this.baseAttrs){
rlm@46 23884 Ext.applyIf(attr, this.baseAttrs);
rlm@46 23885 }
rlm@46 23886 if(this.applyLoader !== false){
rlm@46 23887 attr.loader = this;
rlm@46 23888 }
rlm@46 23889 if(typeof attr.uiProvider == 'string'){
rlm@46 23890 attr.uiProvider = this.uiProviders[attr.uiProvider] || eval(attr.uiProvider);
rlm@46 23891 }
rlm@46 23892 return(attr.leaf ?
rlm@46 23893 new Ext.tree.TreeNode(attr) :
rlm@46 23894 new Ext.tree.AsyncTreeNode(attr));
rlm@46 23895 },
rlm@46 23896
rlm@46 23897 processResponse : function(response, node, callback){
rlm@46 23898 var json = response.responseText;
rlm@46 23899 try {
rlm@46 23900 var o = eval("("+json+")");
rlm@46 23901 node.beginUpdate();
rlm@46 23902 for(var i = 0, len = o.length; i < len; i++){
rlm@46 23903 var n = this.createNode(o[i]);
rlm@46 23904 if(n){
rlm@46 23905 node.appendChild(n);
rlm@46 23906 }
rlm@46 23907 }
rlm@46 23908 node.endUpdate();
rlm@46 23909 if(typeof callback == "function"){
rlm@46 23910 callback(this, node);
rlm@46 23911 }
rlm@46 23912 }catch(e){
rlm@46 23913 this.handleFailure(response);
rlm@46 23914 }
rlm@46 23915 },
rlm@46 23916
rlm@46 23917 handleResponse : function(response){
rlm@46 23918 this.transId = false;
rlm@46 23919 var a = response.argument;
rlm@46 23920 this.processResponse(response, a.node, a.callback);
rlm@46 23921 this.fireEvent("load", this, a.node, response);
rlm@46 23922 },
rlm@46 23923
rlm@46 23924 handleFailure : function(response){
rlm@46 23925 this.transId = false;
rlm@46 23926 var a = response.argument;
rlm@46 23927 this.fireEvent("loadexception", this, a.node, response);
rlm@46 23928 if(typeof a.callback == "function"){
rlm@46 23929 a.callback(this, a.node);
rlm@46 23930 }
rlm@46 23931 }
rlm@46 23932 });
rlm@46 23933
rlm@46 23934 Ext.tree.TreeFilter = function(tree, config){
rlm@46 23935 this.tree = tree;
rlm@46 23936 this.filtered = {};
rlm@46 23937 Ext.apply(this, config);
rlm@46 23938 };
rlm@46 23939
rlm@46 23940 Ext.tree.TreeFilter.prototype = {
rlm@46 23941 clearBlank:false,
rlm@46 23942 reverse:false,
rlm@46 23943 autoClear:false,
rlm@46 23944 remove:false,
rlm@46 23945
rlm@46 23946
rlm@46 23947 filter : function(value, attr, startNode){
rlm@46 23948 attr = attr || "text";
rlm@46 23949 var f;
rlm@46 23950 if(typeof value == "string"){
rlm@46 23951 var vlen = value.length;
rlm@46 23952
rlm@46 23953 if(vlen == 0 && this.clearBlank){
rlm@46 23954 this.clear();
rlm@46 23955 return;
rlm@46 23956 }
rlm@46 23957 value = value.toLowerCase();
rlm@46 23958 f = function(n){
rlm@46 23959 return n.attributes[attr].substr(0, vlen).toLowerCase() == value;
rlm@46 23960 };
rlm@46 23961 }else if(value.exec){
rlm@46 23962 f = function(n){
rlm@46 23963 return value.test(n.attributes[attr]);
rlm@46 23964 };
rlm@46 23965 }else{
rlm@46 23966 throw 'Illegal filter type, must be string or regex';
rlm@46 23967 }
rlm@46 23968 this.filterBy(f, null, startNode);
rlm@46 23969 },
rlm@46 23970
rlm@46 23971
rlm@46 23972 filterBy : function(fn, scope, startNode){
rlm@46 23973 startNode = startNode || this.tree.root;
rlm@46 23974 if(this.autoClear){
rlm@46 23975 this.clear();
rlm@46 23976 }
rlm@46 23977 var af = this.filtered, rv = this.reverse;
rlm@46 23978 var f = function(n){
rlm@46 23979 if(n == startNode){
rlm@46 23980 return true;
rlm@46 23981 }
rlm@46 23982 if(af[n.id]){
rlm@46 23983 return false;
rlm@46 23984 }
rlm@46 23985 var m = fn.call(scope || n, n);
rlm@46 23986 if(!m || rv){
rlm@46 23987 af[n.id] = n;
rlm@46 23988 n.ui.hide();
rlm@46 23989 return false;
rlm@46 23990 }
rlm@46 23991 return true;
rlm@46 23992 };
rlm@46 23993 startNode.cascade(f);
rlm@46 23994 if(this.remove){
rlm@46 23995 for(var id in af){
rlm@46 23996 if(typeof id != "function"){
rlm@46 23997 var n = af[id];
rlm@46 23998 if(n && n.parentNode){
rlm@46 23999 n.parentNode.removeChild(n);
rlm@46 24000 }
rlm@46 24001 }
rlm@46 24002 }
rlm@46 24003 }
rlm@46 24004 },
rlm@46 24005
rlm@46 24006
rlm@46 24007 clear : function(){
rlm@46 24008 var t = this.tree;
rlm@46 24009 var af = this.filtered;
rlm@46 24010 for(var id in af){
rlm@46 24011 if(typeof id != "function"){
rlm@46 24012 var n = af[id];
rlm@46 24013 if(n){
rlm@46 24014 n.ui.show();
rlm@46 24015 }
rlm@46 24016 }
rlm@46 24017 }
rlm@46 24018 this.filtered = {};
rlm@46 24019 }
rlm@46 24020 };
rlm@46 24021
rlm@46 24022
rlm@46 24023 Ext.tree.TreeSorter = function(tree, config){
rlm@46 24024
rlm@46 24025
rlm@46 24026
rlm@46 24027
rlm@46 24028
rlm@46 24029
rlm@46 24030
rlm@46 24031 Ext.apply(this, config);
rlm@46 24032 tree.on("beforechildrenrendered", this.doSort, this);
rlm@46 24033 tree.on("append", this.updateSort, this);
rlm@46 24034 tree.on("insert", this.updateSort, this);
rlm@46 24035 tree.on("textchange", this.updateSortParent, this);
rlm@46 24036
rlm@46 24037 var dsc = this.dir && this.dir.toLowerCase() == "desc";
rlm@46 24038 var p = this.property || "text";
rlm@46 24039 var sortType = this.sortType;
rlm@46 24040 var fs = this.folderSort;
rlm@46 24041 var cs = this.caseSensitive === true;
rlm@46 24042 var leafAttr = this.leafAttr || 'leaf';
rlm@46 24043
rlm@46 24044 this.sortFn = function(n1, n2){
rlm@46 24045 if(fs){
rlm@46 24046 if(n1.attributes[leafAttr] && !n2.attributes[leafAttr]){
rlm@46 24047 return 1;
rlm@46 24048 }
rlm@46 24049 if(!n1.attributes[leafAttr] && n2.attributes[leafAttr]){
rlm@46 24050 return -1;
rlm@46 24051 }
rlm@46 24052 }
rlm@46 24053 var v1 = sortType ? sortType(n1) : (cs ? n1.attributes[p] : n1.attributes[p].toUpperCase());
rlm@46 24054 var v2 = sortType ? sortType(n2) : (cs ? n2.attributes[p] : n2.attributes[p].toUpperCase());
rlm@46 24055 if(v1 < v2){
rlm@46 24056 return dsc ? +1 : -1;
rlm@46 24057 }else if(v1 > v2){
rlm@46 24058 return dsc ? -1 : +1;
rlm@46 24059 }else{
rlm@46 24060 return 0;
rlm@46 24061 }
rlm@46 24062 };
rlm@46 24063 };
rlm@46 24064
rlm@46 24065 Ext.tree.TreeSorter.prototype = {
rlm@46 24066 doSort : function(node){
rlm@46 24067 node.sort(this.sortFn);
rlm@46 24068 },
rlm@46 24069
rlm@46 24070 compareNodes : function(n1, n2){
rlm@46 24071 return (n1.text.toUpperCase() > n2.text.toUpperCase() ? 1 : -1);
rlm@46 24072 },
rlm@46 24073
rlm@46 24074 updateSort : function(tree, node){
rlm@46 24075 if(node.childrenRendered){
rlm@46 24076 this.doSort.defer(1, this, [node]);
rlm@46 24077 }
rlm@46 24078 },
rlm@46 24079
rlm@46 24080 updateSortParent : function(node){
rlm@46 24081 var p = node.parentNode;
rlm@46 24082 if(p && p.childrenRendered){
rlm@46 24083 this.doSort.defer(1, this, [p]);
rlm@46 24084 }
rlm@46 24085 }
rlm@46 24086 };
rlm@46 24087
rlm@46 24088 if(Ext.dd.DropZone){
rlm@46 24089
rlm@46 24090 Ext.tree.TreeDropZone = function(tree, config){
rlm@46 24091
rlm@46 24092 this.allowParentInsert = false;
rlm@46 24093
rlm@46 24094 this.allowContainerDrop = false;
rlm@46 24095
rlm@46 24096 this.appendOnly = false;
rlm@46 24097 Ext.tree.TreeDropZone.superclass.constructor.call(this, tree.innerCt, config);
rlm@46 24098
rlm@46 24099 this.tree = tree;
rlm@46 24100
rlm@46 24101 this.dragOverData = {};
rlm@46 24102
rlm@46 24103 this.lastInsertClass = "x-tree-no-status";
rlm@46 24104 };
rlm@46 24105
rlm@46 24106 Ext.extend(Ext.tree.TreeDropZone, Ext.dd.DropZone, {
rlm@46 24107
rlm@46 24108 ddGroup : "TreeDD",
rlm@46 24109
rlm@46 24110
rlm@46 24111 expandDelay : 1000,
rlm@46 24112
rlm@46 24113
rlm@46 24114 expandNode : function(node){
rlm@46 24115 if(node.hasChildNodes() && !node.isExpanded()){
rlm@46 24116 node.expand(false, null, this.triggerCacheRefresh.createDelegate(this));
rlm@46 24117 }
rlm@46 24118 },
rlm@46 24119
rlm@46 24120
rlm@46 24121 queueExpand : function(node){
rlm@46 24122 this.expandProcId = this.expandNode.defer(this.expandDelay, this, [node]);
rlm@46 24123 },
rlm@46 24124
rlm@46 24125
rlm@46 24126 cancelExpand : function(){
rlm@46 24127 if(this.expandProcId){
rlm@46 24128 clearTimeout(this.expandProcId);
rlm@46 24129 this.expandProcId = false;
rlm@46 24130 }
rlm@46 24131 },
rlm@46 24132
rlm@46 24133
rlm@46 24134 isValidDropPoint : function(n, pt, dd, e, data){
rlm@46 24135 if(!n || !data){ return false; }
rlm@46 24136 var targetNode = n.node;
rlm@46 24137 var dropNode = data.node;
rlm@46 24138
rlm@46 24139 if(!(targetNode && targetNode.isTarget && pt)){
rlm@46 24140 return false;
rlm@46 24141 }
rlm@46 24142 if(pt == "append" && targetNode.allowChildren === false){
rlm@46 24143 return false;
rlm@46 24144 }
rlm@46 24145 if((pt == "above" || pt == "below") && (targetNode.parentNode && targetNode.parentNode.allowChildren === false)){
rlm@46 24146 return false;
rlm@46 24147 }
rlm@46 24148 if(dropNode && (targetNode == dropNode || dropNode.contains(targetNode))){
rlm@46 24149 return false;
rlm@46 24150 }
rlm@46 24151
rlm@46 24152 var overEvent = this.dragOverData;
rlm@46 24153 overEvent.tree = this.tree;
rlm@46 24154 overEvent.target = targetNode;
rlm@46 24155 overEvent.data = data;
rlm@46 24156 overEvent.point = pt;
rlm@46 24157 overEvent.source = dd;
rlm@46 24158 overEvent.rawEvent = e;
rlm@46 24159 overEvent.dropNode = dropNode;
rlm@46 24160 overEvent.cancel = false;
rlm@46 24161 var result = this.tree.fireEvent("nodedragover", overEvent);
rlm@46 24162 return overEvent.cancel === false && result !== false;
rlm@46 24163 },
rlm@46 24164
rlm@46 24165
rlm@46 24166 getDropPoint : function(e, n, dd){
rlm@46 24167 var tn = n.node;
rlm@46 24168 if(tn.isRoot){
rlm@46 24169 return tn.allowChildren !== false ? "append" : false;
rlm@46 24170 }
rlm@46 24171 var dragEl = n.ddel;
rlm@46 24172 var t = Ext.lib.Dom.getY(dragEl), b = t + dragEl.offsetHeight;
rlm@46 24173 var y = Ext.lib.Event.getPageY(e);
rlm@46 24174 var noAppend = tn.allowChildren === false || tn.isLeaf();
rlm@46 24175 if(this.appendOnly || tn.parentNode.allowChildren === false){
rlm@46 24176 return noAppend ? false : "append";
rlm@46 24177 }
rlm@46 24178 var noBelow = false;
rlm@46 24179 if(!this.allowParentInsert){
rlm@46 24180 noBelow = tn.hasChildNodes() && tn.isExpanded();
rlm@46 24181 }
rlm@46 24182 var q = (b - t) / (noAppend ? 2 : 3);
rlm@46 24183 if(y >= t && y < (t + q)){
rlm@46 24184 return "above";
rlm@46 24185 }else if(!noBelow && (noAppend || y >= b-q && y <= b)){
rlm@46 24186 return "below";
rlm@46 24187 }else{
rlm@46 24188 return "append";
rlm@46 24189 }
rlm@46 24190 },
rlm@46 24191
rlm@46 24192
rlm@46 24193 onNodeEnter : function(n, dd, e, data){
rlm@46 24194 this.cancelExpand();
rlm@46 24195 },
rlm@46 24196
rlm@46 24197
rlm@46 24198 onNodeOver : function(n, dd, e, data){
rlm@46 24199 var pt = this.getDropPoint(e, n, dd);
rlm@46 24200 var node = n.node;
rlm@46 24201
rlm@46 24202
rlm@46 24203 if(!this.expandProcId && pt == "append" && node.hasChildNodes() && !n.node.isExpanded()){
rlm@46 24204 this.queueExpand(node);
rlm@46 24205 }else if(pt != "append"){
rlm@46 24206 this.cancelExpand();
rlm@46 24207 }
rlm@46 24208
rlm@46 24209
rlm@46 24210 var returnCls = this.dropNotAllowed;
rlm@46 24211 if(this.isValidDropPoint(n, pt, dd, e, data)){
rlm@46 24212 if(pt){
rlm@46 24213 var el = n.ddel;
rlm@46 24214 var cls;
rlm@46 24215 if(pt == "above"){
rlm@46 24216 returnCls = n.node.isFirst() ? "x-tree-drop-ok-above" : "x-tree-drop-ok-between";
rlm@46 24217 cls = "x-tree-drag-insert-above";
rlm@46 24218 }else if(pt == "below"){
rlm@46 24219 returnCls = n.node.isLast() ? "x-tree-drop-ok-below" : "x-tree-drop-ok-between";
rlm@46 24220 cls = "x-tree-drag-insert-below";
rlm@46 24221 }else{
rlm@46 24222 returnCls = "x-tree-drop-ok-append";
rlm@46 24223 cls = "x-tree-drag-append";
rlm@46 24224 }
rlm@46 24225 if(this.lastInsertClass != cls){
rlm@46 24226 Ext.fly(el).replaceClass(this.lastInsertClass, cls);
rlm@46 24227 this.lastInsertClass = cls;
rlm@46 24228 }
rlm@46 24229 }
rlm@46 24230 }
rlm@46 24231 return returnCls;
rlm@46 24232 },
rlm@46 24233
rlm@46 24234
rlm@46 24235 onNodeOut : function(n, dd, e, data){
rlm@46 24236 this.cancelExpand();
rlm@46 24237 this.removeDropIndicators(n);
rlm@46 24238 },
rlm@46 24239
rlm@46 24240
rlm@46 24241 onNodeDrop : function(n, dd, e, data){
rlm@46 24242 var point = this.getDropPoint(e, n, dd);
rlm@46 24243 var targetNode = n.node;
rlm@46 24244 targetNode.ui.startDrop();
rlm@46 24245 if(!this.isValidDropPoint(n, point, dd, e, data)){
rlm@46 24246 targetNode.ui.endDrop();
rlm@46 24247 return false;
rlm@46 24248 }
rlm@46 24249
rlm@46 24250 var dropNode = data.node || (dd.getTreeNode ? dd.getTreeNode(data, targetNode, point, e) : null);
rlm@46 24251 var dropEvent = {
rlm@46 24252 tree : this.tree,
rlm@46 24253 target: targetNode,
rlm@46 24254 data: data,
rlm@46 24255 point: point,
rlm@46 24256 source: dd,
rlm@46 24257 rawEvent: e,
rlm@46 24258 dropNode: dropNode,
rlm@46 24259 cancel: !dropNode,
rlm@46 24260 dropStatus: false
rlm@46 24261 };
rlm@46 24262 var retval = this.tree.fireEvent("beforenodedrop", dropEvent);
rlm@46 24263 if(retval === false || dropEvent.cancel === true || !dropEvent.dropNode){
rlm@46 24264 targetNode.ui.endDrop();
rlm@46 24265 return dropEvent.dropStatus;
rlm@46 24266 }
rlm@46 24267
rlm@46 24268 targetNode = dropEvent.target;
rlm@46 24269 if(point == "append" && !targetNode.isExpanded()){
rlm@46 24270 targetNode.expand(false, null, function(){
rlm@46 24271 this.completeDrop(dropEvent);
rlm@46 24272 }.createDelegate(this));
rlm@46 24273 }else{
rlm@46 24274 this.completeDrop(dropEvent);
rlm@46 24275 }
rlm@46 24276 return true;
rlm@46 24277 },
rlm@46 24278
rlm@46 24279
rlm@46 24280 completeDrop : function(de){
rlm@46 24281 var ns = de.dropNode, p = de.point, t = de.target;
rlm@46 24282 if(!Ext.isArray(ns)){
rlm@46 24283 ns = [ns];
rlm@46 24284 }
rlm@46 24285 var n;
rlm@46 24286 for(var i = 0, len = ns.length; i < len; i++){
rlm@46 24287 n = ns[i];
rlm@46 24288 if(p == "above"){
rlm@46 24289 t.parentNode.insertBefore(n, t);
rlm@46 24290 }else if(p == "below"){
rlm@46 24291 t.parentNode.insertBefore(n, t.nextSibling);
rlm@46 24292 }else{
rlm@46 24293 t.appendChild(n);
rlm@46 24294 }
rlm@46 24295 }
rlm@46 24296 n.ui.focus();
rlm@46 24297 if(this.tree.hlDrop){
rlm@46 24298 n.ui.highlight();
rlm@46 24299 }
rlm@46 24300 t.ui.endDrop();
rlm@46 24301 this.tree.fireEvent("nodedrop", de);
rlm@46 24302 },
rlm@46 24303
rlm@46 24304
rlm@46 24305 afterNodeMoved : function(dd, data, e, targetNode, dropNode){
rlm@46 24306 if(this.tree.hlDrop){
rlm@46 24307 dropNode.ui.focus();
rlm@46 24308 dropNode.ui.highlight();
rlm@46 24309 }
rlm@46 24310 this.tree.fireEvent("nodedrop", this.tree, targetNode, data, dd, e);
rlm@46 24311 },
rlm@46 24312
rlm@46 24313
rlm@46 24314 getTree : function(){
rlm@46 24315 return this.tree;
rlm@46 24316 },
rlm@46 24317
rlm@46 24318
rlm@46 24319 removeDropIndicators : function(n){
rlm@46 24320 if(n && n.ddel){
rlm@46 24321 var el = n.ddel;
rlm@46 24322 Ext.fly(el).removeClass([
rlm@46 24323 "x-tree-drag-insert-above",
rlm@46 24324 "x-tree-drag-insert-below",
rlm@46 24325 "x-tree-drag-append"]);
rlm@46 24326 this.lastInsertClass = "_noclass";
rlm@46 24327 }
rlm@46 24328 },
rlm@46 24329
rlm@46 24330
rlm@46 24331 beforeDragDrop : function(target, e, id){
rlm@46 24332 this.cancelExpand();
rlm@46 24333 return true;
rlm@46 24334 },
rlm@46 24335
rlm@46 24336
rlm@46 24337 afterRepair : function(data){
rlm@46 24338 if(data && Ext.enableFx){
rlm@46 24339 data.node.ui.highlight();
rlm@46 24340 }
rlm@46 24341 this.hideProxy();
rlm@46 24342 }
rlm@46 24343 });
rlm@46 24344
rlm@46 24345 }
rlm@46 24346
rlm@46 24347 if(Ext.dd.DragZone){
rlm@46 24348 Ext.tree.TreeDragZone = function(tree, config){
rlm@46 24349 Ext.tree.TreeDragZone.superclass.constructor.call(this, tree.getTreeEl(), config);
rlm@46 24350
rlm@46 24351 this.tree = tree;
rlm@46 24352 };
rlm@46 24353
rlm@46 24354 Ext.extend(Ext.tree.TreeDragZone, Ext.dd.DragZone, {
rlm@46 24355
rlm@46 24356 ddGroup : "TreeDD",
rlm@46 24357
rlm@46 24358
rlm@46 24359 onBeforeDrag : function(data, e){
rlm@46 24360 var n = data.node;
rlm@46 24361 return n && n.draggable && !n.disabled;
rlm@46 24362 },
rlm@46 24363
rlm@46 24364
rlm@46 24365 onInitDrag : function(e){
rlm@46 24366 var data = this.dragData;
rlm@46 24367 this.tree.getSelectionModel().select(data.node);
rlm@46 24368 this.tree.eventModel.disable();
rlm@46 24369 this.proxy.update("");
rlm@46 24370 data.node.ui.appendDDGhost(this.proxy.ghost.dom);
rlm@46 24371 this.tree.fireEvent("startdrag", this.tree, data.node, e);
rlm@46 24372 },
rlm@46 24373
rlm@46 24374
rlm@46 24375 getRepairXY : function(e, data){
rlm@46 24376 return data.node.ui.getDDRepairXY();
rlm@46 24377 },
rlm@46 24378
rlm@46 24379
rlm@46 24380 onEndDrag : function(data, e){
rlm@46 24381 this.tree.eventModel.enable.defer(100, this.tree.eventModel);
rlm@46 24382 this.tree.fireEvent("enddrag", this.tree, data.node, e);
rlm@46 24383 },
rlm@46 24384
rlm@46 24385
rlm@46 24386 onValidDrop : function(dd, e, id){
rlm@46 24387 this.tree.fireEvent("dragdrop", this.tree, this.dragData.node, dd, e);
rlm@46 24388 this.hideProxy();
rlm@46 24389 },
rlm@46 24390
rlm@46 24391
rlm@46 24392 beforeInvalidDrop : function(e, id){
rlm@46 24393
rlm@46 24394 var sm = this.tree.getSelectionModel();
rlm@46 24395 sm.clearSelections();
rlm@46 24396 sm.select(this.dragData.node);
rlm@46 24397 }
rlm@46 24398 });
rlm@46 24399 }
rlm@46 24400
rlm@46 24401 Ext.tree.TreeEditor = function(tree, fc, config){
rlm@46 24402 fc = fc || {};
rlm@46 24403 var field = fc.events ? fc : new Ext.form.TextField(fc);
rlm@46 24404 Ext.tree.TreeEditor.superclass.constructor.call(this, field, config);
rlm@46 24405
rlm@46 24406 this.tree = tree;
rlm@46 24407
rlm@46 24408 if(!tree.rendered){
rlm@46 24409 tree.on('render', this.initEditor, this);
rlm@46 24410 }else{
rlm@46 24411 this.initEditor(tree);
rlm@46 24412 }
rlm@46 24413 };
rlm@46 24414
rlm@46 24415 Ext.extend(Ext.tree.TreeEditor, Ext.Editor, {
rlm@46 24416
rlm@46 24417 alignment: "l-l",
rlm@46 24418 autoSize: false,
rlm@46 24419
rlm@46 24420 hideEl : false,
rlm@46 24421
rlm@46 24422 cls: "x-small-editor x-tree-editor",
rlm@46 24423
rlm@46 24424 shim:false,
rlm@46 24425 shadow:"frame",
rlm@46 24426
rlm@46 24427 maxWidth: 250,
rlm@46 24428
rlm@46 24429 editDelay : 350,
rlm@46 24430
rlm@46 24431 initEditor : function(tree){
rlm@46 24432 tree.on('beforeclick', this.beforeNodeClick, this);
rlm@46 24433 tree.on('dblclick', this.onNodeDblClick, this);
rlm@46 24434 this.on('complete', this.updateNode, this);
rlm@46 24435 this.on('beforestartedit', this.fitToTree, this);
rlm@46 24436 this.on('startedit', this.bindScroll, this, {delay:10});
rlm@46 24437 this.on('specialkey', this.onSpecialKey, this);
rlm@46 24438 },
rlm@46 24439
rlm@46 24440 fitToTree : function(ed, el){
rlm@46 24441 var td = this.tree.getTreeEl().dom, nd = el.dom;
rlm@46 24442 if(td.scrollLeft > nd.offsetLeft){ td.scrollLeft = nd.offsetLeft;
rlm@46 24443 }
rlm@46 24444 var w = Math.min(
rlm@46 24445 this.maxWidth,
rlm@46 24446 (td.clientWidth > 20 ? td.clientWidth : td.offsetWidth) - Math.max(0, nd.offsetLeft-td.scrollLeft) - 5);
rlm@46 24447 this.setSize(w, '');
rlm@46 24448 },
rlm@46 24449
rlm@46 24450 triggerEdit : function(node, defer){
rlm@46 24451 this.completeEdit();
rlm@46 24452 if(node.attributes.editable !== false){
rlm@46 24453 this.editNode = node;
rlm@46 24454 this.autoEditTimer = this.startEdit.defer(this.editDelay, this, [node.ui.textNode, node.text]);
rlm@46 24455 return false;
rlm@46 24456 }
rlm@46 24457 },
rlm@46 24458
rlm@46 24459 bindScroll : function(){
rlm@46 24460 this.tree.getTreeEl().on('scroll', this.cancelEdit, this);
rlm@46 24461 },
rlm@46 24462
rlm@46 24463 beforeNodeClick : function(node, e){
rlm@46 24464 clearTimeout(this.autoEditTimer);
rlm@46 24465 if(this.tree.getSelectionModel().isSelected(node)){
rlm@46 24466 e.stopEvent();
rlm@46 24467 return this.triggerEdit(node);
rlm@46 24468 }
rlm@46 24469 },
rlm@46 24470
rlm@46 24471 onNodeDblClick : function(node, e){
rlm@46 24472 clearTimeout(this.autoEditTimer);
rlm@46 24473 },
rlm@46 24474
rlm@46 24475 updateNode : function(ed, value){
rlm@46 24476 this.tree.getTreeEl().un('scroll', this.cancelEdit, this);
rlm@46 24477 this.editNode.setText(value);
rlm@46 24478 },
rlm@46 24479
rlm@46 24480 onHide : function(){
rlm@46 24481 Ext.tree.TreeEditor.superclass.onHide.call(this);
rlm@46 24482 if(this.editNode){
rlm@46 24483 this.editNode.ui.focus.defer(50, this.editNode.ui);
rlm@46 24484 }
rlm@46 24485 },
rlm@46 24486
rlm@46 24487 onSpecialKey : function(field, e){
rlm@46 24488 var k = e.getKey();
rlm@46 24489 if(k == e.ESC){
rlm@46 24490 e.stopEvent();
rlm@46 24491 this.cancelEdit();
rlm@46 24492 }else if(k == e.ENTER && !e.hasModifier()){
rlm@46 24493 e.stopEvent();
rlm@46 24494 this.completeEdit();
rlm@46 24495 }
rlm@46 24496 }
rlm@46 24497 });
rlm@46 24498
rlm@46 24499 Ext.menu.Menu = function(config){
rlm@46 24500 if(Ext.isArray(config)){
rlm@46 24501 config = {items:config};
rlm@46 24502 }
rlm@46 24503 Ext.apply(this, config);
rlm@46 24504 this.id = this.id || Ext.id();
rlm@46 24505 this.addEvents(
rlm@46 24506
rlm@46 24507 'beforeshow',
rlm@46 24508
rlm@46 24509 'beforehide',
rlm@46 24510
rlm@46 24511 'show',
rlm@46 24512
rlm@46 24513 'hide',
rlm@46 24514
rlm@46 24515 'click',
rlm@46 24516
rlm@46 24517 'mouseover',
rlm@46 24518
rlm@46 24519 'mouseout',
rlm@46 24520
rlm@46 24521 'itemclick'
rlm@46 24522 );
rlm@46 24523 Ext.menu.MenuMgr.register(this);
rlm@46 24524 Ext.menu.Menu.superclass.constructor.call(this);
rlm@46 24525 var mis = this.items;
rlm@46 24526
rlm@46 24527
rlm@46 24528 this.items = new Ext.util.MixedCollection();
rlm@46 24529 if(mis){
rlm@46 24530 this.add.apply(this, mis);
rlm@46 24531 }
rlm@46 24532 };
rlm@46 24533
rlm@46 24534 Ext.extend(Ext.menu.Menu, Ext.util.Observable, {
rlm@46 24535
rlm@46 24536
rlm@46 24537
rlm@46 24538 minWidth : 120,
rlm@46 24539
rlm@46 24540 shadow : "sides",
rlm@46 24541
rlm@46 24542 subMenuAlign : "tl-tr?",
rlm@46 24543
rlm@46 24544 defaultAlign : "tl-bl?",
rlm@46 24545
rlm@46 24546 allowOtherMenus : false,
rlm@46 24547
rlm@46 24548 hidden:true,
rlm@46 24549
rlm@46 24550 createEl : function(){
rlm@46 24551 return new Ext.Layer({
rlm@46 24552 cls: "x-menu",
rlm@46 24553 shadow:this.shadow,
rlm@46 24554 constrain: false,
rlm@46 24555 parentEl: this.parentEl || document.body,
rlm@46 24556 zindex:15000
rlm@46 24557 });
rlm@46 24558 },
rlm@46 24559
rlm@46 24560 render : function(){
rlm@46 24561 if(this.el){
rlm@46 24562 return;
rlm@46 24563 }
rlm@46 24564 var el = this.el = this.createEl();
rlm@46 24565
rlm@46 24566 if(!this.keyNav){
rlm@46 24567 this.keyNav = new Ext.menu.MenuNav(this);
rlm@46 24568 }
rlm@46 24569 if(this.plain){
rlm@46 24570 el.addClass("x-menu-plain");
rlm@46 24571 }
rlm@46 24572 if(this.cls){
rlm@46 24573 el.addClass(this.cls);
rlm@46 24574 }
rlm@46 24575 this.focusEl = el.createChild({
rlm@46 24576 tag: "a", cls: "x-menu-focus", href: "#", onclick: "return false;", tabIndex:"-1"
rlm@46 24577 });
rlm@46 24578 var ul = el.createChild({tag: "ul", cls: "x-menu-list"});
rlm@46 24579 ul.on("click", this.onClick, this);
rlm@46 24580 ul.on("mouseover", this.onMouseOver, this);
rlm@46 24581 ul.on("mouseout", this.onMouseOut, this);
rlm@46 24582 this.items.each(function(item){
rlm@46 24583 var li = document.createElement("li");
rlm@46 24584 li.className = "x-menu-list-item";
rlm@46 24585 ul.dom.appendChild(li);
rlm@46 24586 item.render(li, this);
rlm@46 24587 }, this);
rlm@46 24588 this.ul = ul;
rlm@46 24589 this.autoWidth();
rlm@46 24590 },
rlm@46 24591
rlm@46 24592 autoWidth : function(){
rlm@46 24593 var el = this.el, ul = this.ul;
rlm@46 24594 if(!el){
rlm@46 24595 return;
rlm@46 24596 }
rlm@46 24597 var w = this.width;
rlm@46 24598 if(w){
rlm@46 24599 el.setWidth(w);
rlm@46 24600 }else if(Ext.isIE){
rlm@46 24601 el.setWidth(this.minWidth);
rlm@46 24602 var t = el.dom.offsetWidth; el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));
rlm@46 24603 }
rlm@46 24604 },
rlm@46 24605
rlm@46 24606 delayAutoWidth : function(){
rlm@46 24607 if(this.el){
rlm@46 24608 if(!this.awTask){
rlm@46 24609 this.awTask = new Ext.util.DelayedTask(this.autoWidth, this);
rlm@46 24610 }
rlm@46 24611 this.awTask.delay(20);
rlm@46 24612 }
rlm@46 24613 },
rlm@46 24614
rlm@46 24615 findTargetItem : function(e){
rlm@46 24616 var t = e.getTarget(".x-menu-list-item", this.ul, true);
rlm@46 24617 if(t && t.menuItemId){
rlm@46 24618 return this.items.get(t.menuItemId);
rlm@46 24619 }
rlm@46 24620 },
rlm@46 24621
rlm@46 24622 onClick : function(e){
rlm@46 24623 var t;
rlm@46 24624 if(t = this.findTargetItem(e)){
rlm@46 24625 t.onClick(e);
rlm@46 24626 this.fireEvent("click", this, t, e);
rlm@46 24627 }
rlm@46 24628 },
rlm@46 24629
rlm@46 24630 setActiveItem : function(item, autoExpand){
rlm@46 24631 if(item != this.activeItem){
rlm@46 24632 if(this.activeItem){
rlm@46 24633 this.activeItem.deactivate();
rlm@46 24634 }
rlm@46 24635 this.activeItem = item;
rlm@46 24636 item.activate(autoExpand);
rlm@46 24637 }else if(autoExpand){
rlm@46 24638 item.expandMenu();
rlm@46 24639 }
rlm@46 24640 },
rlm@46 24641
rlm@46 24642 tryActivate : function(start, step){
rlm@46 24643 var items = this.items;
rlm@46 24644 for(var i = start, len = items.length; i >= 0 && i < len; i+= step){
rlm@46 24645 var item = items.get(i);
rlm@46 24646 if(!item.disabled && item.canActivate){
rlm@46 24647 this.setActiveItem(item, false);
rlm@46 24648 return item;
rlm@46 24649 }
rlm@46 24650 }
rlm@46 24651 return false;
rlm@46 24652 },
rlm@46 24653
rlm@46 24654 onMouseOver : function(e){
rlm@46 24655 var t;
rlm@46 24656 if(t = this.findTargetItem(e)){
rlm@46 24657 if(t.canActivate && !t.disabled){
rlm@46 24658 this.setActiveItem(t, true);
rlm@46 24659 }
rlm@46 24660 }
rlm@46 24661 this.fireEvent("mouseover", this, e, t);
rlm@46 24662 },
rlm@46 24663
rlm@46 24664 onMouseOut : function(e){
rlm@46 24665 var t;
rlm@46 24666 if(t = this.findTargetItem(e)){
rlm@46 24667 if(t == this.activeItem && t.shouldDeactivate(e)){
rlm@46 24668 this.activeItem.deactivate();
rlm@46 24669 delete this.activeItem;
rlm@46 24670 }
rlm@46 24671 }
rlm@46 24672 this.fireEvent("mouseout", this, e, t);
rlm@46 24673 },
rlm@46 24674
rlm@46 24675
rlm@46 24676 isVisible : function(){
rlm@46 24677 return this.el && !this.hidden;
rlm@46 24678 },
rlm@46 24679
rlm@46 24680
rlm@46 24681 show : function(el, pos, parentMenu){
rlm@46 24682 this.parentMenu = parentMenu;
rlm@46 24683 if(!this.el){
rlm@46 24684 this.render();
rlm@46 24685 }
rlm@46 24686 this.fireEvent("beforeshow", this);
rlm@46 24687 this.showAt(this.el.getAlignToXY(el, pos || this.defaultAlign), parentMenu, false);
rlm@46 24688 },
rlm@46 24689
rlm@46 24690
rlm@46 24691 showAt : function(xy, parentMenu, _e){
rlm@46 24692 this.parentMenu = parentMenu;
rlm@46 24693 if(!this.el){
rlm@46 24694 this.render();
rlm@46 24695 }
rlm@46 24696 if(_e !== false){
rlm@46 24697 this.fireEvent("beforeshow", this);
rlm@46 24698 xy = this.el.adjustForConstraints(xy);
rlm@46 24699 }
rlm@46 24700 this.el.setXY(xy);
rlm@46 24701 this.el.show();
rlm@46 24702 this.hidden = false;
rlm@46 24703 this.focus();
rlm@46 24704 this.fireEvent("show", this);
rlm@46 24705 },
rlm@46 24706
rlm@46 24707
rlm@46 24708
rlm@46 24709 focus : function(){
rlm@46 24710 if(!this.hidden){
rlm@46 24711 this.doFocus.defer(50, this);
rlm@46 24712 }
rlm@46 24713 },
rlm@46 24714
rlm@46 24715 doFocus : function(){
rlm@46 24716 if(!this.hidden){
rlm@46 24717 this.focusEl.focus();
rlm@46 24718 }
rlm@46 24719 },
rlm@46 24720
rlm@46 24721
rlm@46 24722 hide : function(deep){
rlm@46 24723 if(this.el && this.isVisible()){
rlm@46 24724 this.fireEvent("beforehide", this);
rlm@46 24725 if(this.activeItem){
rlm@46 24726 this.activeItem.deactivate();
rlm@46 24727 this.activeItem = null;
rlm@46 24728 }
rlm@46 24729 this.el.hide();
rlm@46 24730 this.hidden = true;
rlm@46 24731 this.fireEvent("hide", this);
rlm@46 24732 }
rlm@46 24733 if(deep === true && this.parentMenu){
rlm@46 24734 this.parentMenu.hide(true);
rlm@46 24735 }
rlm@46 24736 },
rlm@46 24737
rlm@46 24738
rlm@46 24739 add : function(){
rlm@46 24740 var a = arguments, l = a.length, item;
rlm@46 24741 for(var i = 0; i < l; i++){
rlm@46 24742 var el = a[i];
rlm@46 24743 if(el.render){ item = this.addItem(el);
rlm@46 24744 }else if(typeof el == "string"){ if(el == "separator" || el == "-"){
rlm@46 24745 item = this.addSeparator();
rlm@46 24746 }else{
rlm@46 24747 item = this.addText(el);
rlm@46 24748 }
rlm@46 24749 }else if(el.tagName || el.el){ item = this.addElement(el);
rlm@46 24750 }else if(typeof el == "object"){ Ext.applyIf(el, this.defaults);
rlm@46 24751 item = this.addMenuItem(el);
rlm@46 24752 }
rlm@46 24753 }
rlm@46 24754 return item;
rlm@46 24755 },
rlm@46 24756
rlm@46 24757
rlm@46 24758 getEl : function(){
rlm@46 24759 if(!this.el){
rlm@46 24760 this.render();
rlm@46 24761 }
rlm@46 24762 return this.el;
rlm@46 24763 },
rlm@46 24764
rlm@46 24765
rlm@46 24766 addSeparator : function(){
rlm@46 24767 return this.addItem(new Ext.menu.Separator());
rlm@46 24768 },
rlm@46 24769
rlm@46 24770
rlm@46 24771 addElement : function(el){
rlm@46 24772 return this.addItem(new Ext.menu.BaseItem(el));
rlm@46 24773 },
rlm@46 24774
rlm@46 24775
rlm@46 24776 addItem : function(item){
rlm@46 24777 this.items.add(item);
rlm@46 24778 if(this.ul){
rlm@46 24779 var li = document.createElement("li");
rlm@46 24780 li.className = "x-menu-list-item";
rlm@46 24781 this.ul.dom.appendChild(li);
rlm@46 24782 item.render(li, this);
rlm@46 24783 this.delayAutoWidth();
rlm@46 24784 }
rlm@46 24785 return item;
rlm@46 24786 },
rlm@46 24787
rlm@46 24788
rlm@46 24789 addMenuItem : function(config){
rlm@46 24790 if(!(config instanceof Ext.menu.Item)){
rlm@46 24791 if(typeof config.checked == "boolean"){ config = new Ext.menu.CheckItem(config);
rlm@46 24792 }else{
rlm@46 24793 config = new Ext.menu.Item(config);
rlm@46 24794 }
rlm@46 24795 }
rlm@46 24796 return this.addItem(config);
rlm@46 24797 },
rlm@46 24798
rlm@46 24799
rlm@46 24800 addText : function(text){
rlm@46 24801 return this.addItem(new Ext.menu.TextItem(text));
rlm@46 24802 },
rlm@46 24803
rlm@46 24804
rlm@46 24805 insert : function(index, item){
rlm@46 24806 this.items.insert(index, item);
rlm@46 24807 if(this.ul){
rlm@46 24808 var li = document.createElement("li");
rlm@46 24809 li.className = "x-menu-list-item";
rlm@46 24810 this.ul.dom.insertBefore(li, this.ul.dom.childNodes[index]);
rlm@46 24811 item.render(li, this);
rlm@46 24812 this.delayAutoWidth();
rlm@46 24813 }
rlm@46 24814 return item;
rlm@46 24815 },
rlm@46 24816
rlm@46 24817
rlm@46 24818 remove : function(item){
rlm@46 24819 this.items.removeKey(item.id);
rlm@46 24820 item.destroy();
rlm@46 24821 },
rlm@46 24822
rlm@46 24823
rlm@46 24824 removeAll : function(){
rlm@46 24825 if(this.items){
rlm@46 24826 var f;
rlm@46 24827 while(f = this.items.first()){
rlm@46 24828 this.remove(f);
rlm@46 24829 }
rlm@46 24830 }
rlm@46 24831 },
rlm@46 24832
rlm@46 24833
rlm@46 24834 destroy : function(){
rlm@46 24835 this.beforeDestroy();
rlm@46 24836 Ext.menu.MenuMgr.unregister(this);
rlm@46 24837 if (this.keyNav) {
rlm@46 24838 this.keyNav.disable();
rlm@46 24839 }
rlm@46 24840 this.removeAll();
rlm@46 24841 if (this.ul) {
rlm@46 24842 this.ul.removeAllListeners();
rlm@46 24843 }
rlm@46 24844 if (this.el) {
rlm@46 24845 this.el.destroy();
rlm@46 24846 }
rlm@46 24847 },
rlm@46 24848
rlm@46 24849 beforeDestroy : Ext.emptyFn
rlm@46 24850
rlm@46 24851 });
rlm@46 24852
rlm@46 24853 Ext.menu.MenuNav = function(menu){
rlm@46 24854 Ext.menu.MenuNav.superclass.constructor.call(this, menu.el);
rlm@46 24855 this.scope = this.menu = menu;
rlm@46 24856 };
rlm@46 24857
rlm@46 24858 Ext.extend(Ext.menu.MenuNav, Ext.KeyNav, {
rlm@46 24859 doRelay : function(e, h){
rlm@46 24860 var k = e.getKey();
rlm@46 24861 if(!this.menu.activeItem && e.isNavKeyPress() && k != e.SPACE && k != e.RETURN){
rlm@46 24862 this.menu.tryActivate(0, 1);
rlm@46 24863 return false;
rlm@46 24864 }
rlm@46 24865 return h.call(this.scope || this, e, this.menu);
rlm@46 24866 },
rlm@46 24867
rlm@46 24868 up : function(e, m){
rlm@46 24869 if(!m.tryActivate(m.items.indexOf(m.activeItem)-1, -1)){
rlm@46 24870 m.tryActivate(m.items.length-1, -1);
rlm@46 24871 }
rlm@46 24872 },
rlm@46 24873
rlm@46 24874 down : function(e, m){
rlm@46 24875 if(!m.tryActivate(m.items.indexOf(m.activeItem)+1, 1)){
rlm@46 24876 m.tryActivate(0, 1);
rlm@46 24877 }
rlm@46 24878 },
rlm@46 24879
rlm@46 24880 right : function(e, m){
rlm@46 24881 if(m.activeItem){
rlm@46 24882 m.activeItem.expandMenu(true);
rlm@46 24883 }
rlm@46 24884 },
rlm@46 24885
rlm@46 24886 left : function(e, m){
rlm@46 24887 m.hide();
rlm@46 24888 if(m.parentMenu && m.parentMenu.activeItem){
rlm@46 24889 m.parentMenu.activeItem.activate();
rlm@46 24890 }
rlm@46 24891 },
rlm@46 24892
rlm@46 24893 enter : function(e, m){
rlm@46 24894 if(m.activeItem){
rlm@46 24895 e.stopPropagation();
rlm@46 24896 m.activeItem.onClick(e);
rlm@46 24897 m.fireEvent("click", this, m.activeItem);
rlm@46 24898 return true;
rlm@46 24899 }
rlm@46 24900 }
rlm@46 24901 });
rlm@46 24902
rlm@46 24903 Ext.menu.MenuMgr = function(){
rlm@46 24904 var menus, active, groups = {}, attached = false, lastShow = new Date();
rlm@46 24905
rlm@46 24906 function init(){
rlm@46 24907 menus = {};
rlm@46 24908 active = new Ext.util.MixedCollection();
rlm@46 24909 Ext.getDoc().addKeyListener(27, function(){
rlm@46 24910 if(active.length > 0){
rlm@46 24911 hideAll();
rlm@46 24912 }
rlm@46 24913 });
rlm@46 24914 }
rlm@46 24915
rlm@46 24916 function hideAll(){
rlm@46 24917 if(active && active.length > 0){
rlm@46 24918 var c = active.clone();
rlm@46 24919 c.each(function(m){
rlm@46 24920 m.hide();
rlm@46 24921 });
rlm@46 24922 }
rlm@46 24923 }
rlm@46 24924
rlm@46 24925 function onHide(m){
rlm@46 24926 active.remove(m);
rlm@46 24927 if(active.length < 1){
rlm@46 24928 Ext.getDoc().un("mousedown", onMouseDown);
rlm@46 24929 attached = false;
rlm@46 24930 }
rlm@46 24931 }
rlm@46 24932
rlm@46 24933 function onShow(m){
rlm@46 24934 var last = active.last();
rlm@46 24935 lastShow = new Date();
rlm@46 24936 active.add(m);
rlm@46 24937 if(!attached){
rlm@46 24938 Ext.getDoc().on("mousedown", onMouseDown);
rlm@46 24939 attached = true;
rlm@46 24940 }
rlm@46 24941 if(m.parentMenu){
rlm@46 24942 m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"), 10) + 3);
rlm@46 24943 m.parentMenu.activeChild = m;
rlm@46 24944 }else if(last && last.isVisible()){
rlm@46 24945 m.getEl().setZIndex(parseInt(last.getEl().getStyle("z-index"), 10) + 3);
rlm@46 24946 }
rlm@46 24947 }
rlm@46 24948
rlm@46 24949 function onBeforeHide(m){
rlm@46 24950 if(m.activeChild){
rlm@46 24951 m.activeChild.hide();
rlm@46 24952 }
rlm@46 24953 if(m.autoHideTimer){
rlm@46 24954 clearTimeout(m.autoHideTimer);
rlm@46 24955 delete m.autoHideTimer;
rlm@46 24956 }
rlm@46 24957 }
rlm@46 24958
rlm@46 24959 function onBeforeShow(m){
rlm@46 24960 var pm = m.parentMenu;
rlm@46 24961 if(!pm && !m.allowOtherMenus){
rlm@46 24962 hideAll();
rlm@46 24963 }else if(pm && pm.activeChild){
rlm@46 24964 pm.activeChild.hide();
rlm@46 24965 }
rlm@46 24966 }
rlm@46 24967
rlm@46 24968 function onMouseDown(e){
rlm@46 24969 if(lastShow.getElapsed() > 50 && active.length > 0 && !e.getTarget(".x-menu")){
rlm@46 24970 hideAll();
rlm@46 24971 }
rlm@46 24972 }
rlm@46 24973
rlm@46 24974 function onBeforeCheck(mi, state){
rlm@46 24975 if(state){
rlm@46 24976 var g = groups[mi.group];
rlm@46 24977 for(var i = 0, l = g.length; i < l; i++){
rlm@46 24978 if(g[i] != mi){
rlm@46 24979 g[i].setChecked(false);
rlm@46 24980 }
rlm@46 24981 }
rlm@46 24982 }
rlm@46 24983 }
rlm@46 24984
rlm@46 24985 return {
rlm@46 24986
rlm@46 24987
rlm@46 24988 hideAll : function(){
rlm@46 24989 hideAll();
rlm@46 24990 },
rlm@46 24991
rlm@46 24992 register : function(menu){
rlm@46 24993 if(!menus){
rlm@46 24994 init();
rlm@46 24995 }
rlm@46 24996 menus[menu.id] = menu;
rlm@46 24997 menu.on("beforehide", onBeforeHide);
rlm@46 24998 menu.on("hide", onHide);
rlm@46 24999 menu.on("beforeshow", onBeforeShow);
rlm@46 25000 menu.on("show", onShow);
rlm@46 25001 var g = menu.group;
rlm@46 25002 if(g && menu.events["checkchange"]){
rlm@46 25003 if(!groups[g]){
rlm@46 25004 groups[g] = [];
rlm@46 25005 }
rlm@46 25006 groups[g].push(menu);
rlm@46 25007 menu.on("checkchange", onCheck);
rlm@46 25008 }
rlm@46 25009 },
rlm@46 25010
rlm@46 25011
rlm@46 25012 get : function(menu){
rlm@46 25013 if(typeof menu == "string"){ if(!menus){ return null;
rlm@46 25014 }
rlm@46 25015 return menus[menu];
rlm@46 25016 }else if(menu.events){ return menu;
rlm@46 25017 }else if(typeof menu.length == 'number'){ return new Ext.menu.Menu({items:menu});
rlm@46 25018 }else{ return new Ext.menu.Menu(menu);
rlm@46 25019 }
rlm@46 25020 },
rlm@46 25021
rlm@46 25022 unregister : function(menu){
rlm@46 25023 delete menus[menu.id];
rlm@46 25024 menu.un("beforehide", onBeforeHide);
rlm@46 25025 menu.un("hide", onHide);
rlm@46 25026 menu.un("beforeshow", onBeforeShow);
rlm@46 25027 menu.un("show", onShow);
rlm@46 25028 var g = menu.group;
rlm@46 25029 if(g && menu.events["checkchange"]){
rlm@46 25030 groups[g].remove(menu);
rlm@46 25031 menu.un("checkchange", onCheck);
rlm@46 25032 }
rlm@46 25033 },
rlm@46 25034
rlm@46 25035 registerCheckable : function(menuItem){
rlm@46 25036 var g = menuItem.group;
rlm@46 25037 if(g){
rlm@46 25038 if(!groups[g]){
rlm@46 25039 groups[g] = [];
rlm@46 25040 }
rlm@46 25041 groups[g].push(menuItem);
rlm@46 25042 menuItem.on("beforecheckchange", onBeforeCheck);
rlm@46 25043 }
rlm@46 25044 },
rlm@46 25045
rlm@46 25046 unregisterCheckable : function(menuItem){
rlm@46 25047 var g = menuItem.group;
rlm@46 25048 if(g){
rlm@46 25049 groups[g].remove(menuItem);
rlm@46 25050 menuItem.un("beforecheckchange", onBeforeCheck);
rlm@46 25051 }
rlm@46 25052 },
rlm@46 25053
rlm@46 25054 getCheckedItem : function(groupId){
rlm@46 25055 var g = groups[groupId];
rlm@46 25056 if(g){
rlm@46 25057 for(var i = 0, l = g.length; i < l; i++){
rlm@46 25058 if(g[i].checked){
rlm@46 25059 return g[i];
rlm@46 25060 }
rlm@46 25061 }
rlm@46 25062 }
rlm@46 25063 return null;
rlm@46 25064 },
rlm@46 25065
rlm@46 25066 setCheckedItem : function(groupId, itemId){
rlm@46 25067 var g = groups[groupId];
rlm@46 25068 if(g){
rlm@46 25069 for(var i = 0, l = g.length; i < l; i++){
rlm@46 25070 if(g[i].id == itemId){
rlm@46 25071 g[i].setChecked(true);
rlm@46 25072 }
rlm@46 25073 }
rlm@46 25074 }
rlm@46 25075 return null;
rlm@46 25076 }
rlm@46 25077 };
rlm@46 25078 }();
rlm@46 25079
rlm@46 25080
rlm@46 25081 Ext.menu.BaseItem = function(config){
rlm@46 25082 Ext.menu.BaseItem.superclass.constructor.call(this, config);
rlm@46 25083
rlm@46 25084 this.addEvents(
rlm@46 25085
rlm@46 25086 'click',
rlm@46 25087
rlm@46 25088 'activate',
rlm@46 25089
rlm@46 25090 'deactivate'
rlm@46 25091 );
rlm@46 25092
rlm@46 25093 if(this.handler){
rlm@46 25094 this.on("click", this.handler, this.scope);
rlm@46 25095 }
rlm@46 25096 };
rlm@46 25097
rlm@46 25098 Ext.extend(Ext.menu.BaseItem, Ext.Component, {
rlm@46 25099
rlm@46 25100
rlm@46 25101
rlm@46 25102 canActivate : false,
rlm@46 25103
rlm@46 25104 activeClass : "x-menu-item-active",
rlm@46 25105
rlm@46 25106 hideOnClick : true,
rlm@46 25107
rlm@46 25108 hideDelay : 100,
rlm@46 25109
rlm@46 25110 ctype: "Ext.menu.BaseItem",
rlm@46 25111
rlm@46 25112 actionMode : "container",
rlm@46 25113
rlm@46 25114 render : function(container, parentMenu){
rlm@46 25115 this.parentMenu = parentMenu;
rlm@46 25116 Ext.menu.BaseItem.superclass.render.call(this, container);
rlm@46 25117 this.container.menuItemId = this.id;
rlm@46 25118 },
rlm@46 25119
rlm@46 25120 onRender : function(container, position){
rlm@46 25121 this.el = Ext.get(this.el);
rlm@46 25122 container.dom.appendChild(this.el.dom);
rlm@46 25123 },
rlm@46 25124
rlm@46 25125
rlm@46 25126 setHandler : function(handler, scope){
rlm@46 25127 if(this.handler){
rlm@46 25128 this.un("click", this.handler, this.scope);
rlm@46 25129 }
rlm@46 25130 this.on("click", this.handler = handler, this.scope = scope);
rlm@46 25131 },
rlm@46 25132
rlm@46 25133 onClick : function(e){
rlm@46 25134 if(!this.disabled && this.fireEvent("click", this, e) !== false
rlm@46 25135 && this.parentMenu.fireEvent("itemclick", this, e) !== false){
rlm@46 25136 this.handleClick(e);
rlm@46 25137 }else{
rlm@46 25138 e.stopEvent();
rlm@46 25139 }
rlm@46 25140 },
rlm@46 25141
rlm@46 25142 activate : function(){
rlm@46 25143 if(this.disabled){
rlm@46 25144 return false;
rlm@46 25145 }
rlm@46 25146 var li = this.container;
rlm@46 25147 li.addClass(this.activeClass);
rlm@46 25148 this.region = li.getRegion().adjust(2, 2, -2, -2);
rlm@46 25149 this.fireEvent("activate", this);
rlm@46 25150 return true;
rlm@46 25151 },
rlm@46 25152
rlm@46 25153 deactivate : function(){
rlm@46 25154 this.container.removeClass(this.activeClass);
rlm@46 25155 this.fireEvent("deactivate", this);
rlm@46 25156 },
rlm@46 25157
rlm@46 25158 shouldDeactivate : function(e){
rlm@46 25159 return !this.region || !this.region.contains(e.getPoint());
rlm@46 25160 },
rlm@46 25161
rlm@46 25162 handleClick : function(e){
rlm@46 25163 if(this.hideOnClick){
rlm@46 25164 this.parentMenu.hide.defer(this.hideDelay, this.parentMenu, [true]);
rlm@46 25165 }
rlm@46 25166 },
rlm@46 25167
rlm@46 25168 expandMenu : function(autoActivate){
rlm@46 25169 },
rlm@46 25170
rlm@46 25171 hideMenu : function(){
rlm@46 25172 }
rlm@46 25173 });
rlm@46 25174
rlm@46 25175 Ext.menu.TextItem = function(text){
rlm@46 25176 this.text = text;
rlm@46 25177 Ext.menu.TextItem.superclass.constructor.call(this);
rlm@46 25178 };
rlm@46 25179
rlm@46 25180 Ext.extend(Ext.menu.TextItem, Ext.menu.BaseItem, {
rlm@46 25181
rlm@46 25182
rlm@46 25183 hideOnClick : false,
rlm@46 25184
rlm@46 25185 itemCls : "x-menu-text",
rlm@46 25186
rlm@46 25187 onRender : function(){
rlm@46 25188 var s = document.createElement("span");
rlm@46 25189 s.className = this.itemCls;
rlm@46 25190 s.innerHTML = this.text;
rlm@46 25191 this.el = s;
rlm@46 25192 Ext.menu.TextItem.superclass.onRender.apply(this, arguments);
rlm@46 25193 }
rlm@46 25194 });
rlm@46 25195
rlm@46 25196 Ext.menu.Separator = function(config){
rlm@46 25197 Ext.menu.Separator.superclass.constructor.call(this, config);
rlm@46 25198 };
rlm@46 25199
rlm@46 25200 Ext.extend(Ext.menu.Separator, Ext.menu.BaseItem, {
rlm@46 25201
rlm@46 25202 itemCls : "x-menu-sep",
rlm@46 25203
rlm@46 25204 hideOnClick : false,
rlm@46 25205
rlm@46 25206 onRender : function(li){
rlm@46 25207 var s = document.createElement("span");
rlm@46 25208 s.className = this.itemCls;
rlm@46 25209 s.innerHTML = "&#160;";
rlm@46 25210 this.el = s;
rlm@46 25211 li.addClass("x-menu-sep-li");
rlm@46 25212 Ext.menu.Separator.superclass.onRender.apply(this, arguments);
rlm@46 25213 }
rlm@46 25214 });
rlm@46 25215
rlm@46 25216 Ext.menu.Item = function(config){
rlm@46 25217 Ext.menu.Item.superclass.constructor.call(this, config);
rlm@46 25218 if(this.menu){
rlm@46 25219 this.menu = Ext.menu.MenuMgr.get(this.menu);
rlm@46 25220 }
rlm@46 25221 };
rlm@46 25222 Ext.extend(Ext.menu.Item, Ext.menu.BaseItem, {
rlm@46 25223
rlm@46 25224
rlm@46 25225
rlm@46 25226
rlm@46 25227
rlm@46 25228
rlm@46 25229
rlm@46 25230 itemCls : "x-menu-item",
rlm@46 25231
rlm@46 25232 canActivate : true,
rlm@46 25233
rlm@46 25234 showDelay: 200,
rlm@46 25235 hideDelay: 200,
rlm@46 25236
rlm@46 25237 ctype: "Ext.menu.Item",
rlm@46 25238
rlm@46 25239 onRender : function(container, position){
rlm@46 25240 var el = document.createElement("a");
rlm@46 25241 el.hideFocus = true;
rlm@46 25242 el.unselectable = "on";
rlm@46 25243 el.href = this.href || "#";
rlm@46 25244 if(this.hrefTarget){
rlm@46 25245 el.target = this.hrefTarget;
rlm@46 25246 }
rlm@46 25247 el.className = this.itemCls + (this.menu ? " x-menu-item-arrow" : "") + (this.cls ? " " + this.cls : "");
rlm@46 25248 el.innerHTML = String.format(
rlm@46 25249 '<img src="{0}" class="x-menu-item-icon {2}" />{1}',
rlm@46 25250 this.icon || Ext.BLANK_IMAGE_URL, this.itemText||this.text, this.iconCls || '');
rlm@46 25251 this.el = el;
rlm@46 25252 Ext.menu.Item.superclass.onRender.call(this, container, position);
rlm@46 25253 },
rlm@46 25254
rlm@46 25255
rlm@46 25256 setText : function(text){
rlm@46 25257 this.text = text;
rlm@46 25258 if(this.rendered){
rlm@46 25259 this.el.update(String.format(
rlm@46 25260 '<img src="{0}" class="x-menu-item-icon {2}">{1}',
rlm@46 25261 this.icon || Ext.BLANK_IMAGE_URL, this.text, this.iconCls || ''));
rlm@46 25262 this.parentMenu.autoWidth();
rlm@46 25263 }
rlm@46 25264 },
rlm@46 25265
rlm@46 25266
rlm@46 25267 setIconClass : function(cls){
rlm@46 25268 var oldCls = this.iconCls;
rlm@46 25269 this.iconCls = cls;
rlm@46 25270 if(this.rendered){
rlm@46 25271 this.el.child('img.x-menu-item-icon').replaceClass(oldCls, this.iconCls);
rlm@46 25272 }
rlm@46 25273 },
rlm@46 25274
rlm@46 25275 handleClick : function(e){
rlm@46 25276 if(!this.href){ e.stopEvent();
rlm@46 25277 }
rlm@46 25278 Ext.menu.Item.superclass.handleClick.apply(this, arguments);
rlm@46 25279 },
rlm@46 25280
rlm@46 25281 activate : function(autoExpand){
rlm@46 25282 if(Ext.menu.Item.superclass.activate.apply(this, arguments)){
rlm@46 25283 this.focus();
rlm@46 25284 if(autoExpand){
rlm@46 25285 this.expandMenu();
rlm@46 25286 }
rlm@46 25287 }
rlm@46 25288 return true;
rlm@46 25289 },
rlm@46 25290
rlm@46 25291 shouldDeactivate : function(e){
rlm@46 25292 if(Ext.menu.Item.superclass.shouldDeactivate.call(this, e)){
rlm@46 25293 if(this.menu && this.menu.isVisible()){
rlm@46 25294 return !this.menu.getEl().getRegion().contains(e.getPoint());
rlm@46 25295 }
rlm@46 25296 return true;
rlm@46 25297 }
rlm@46 25298 return false;
rlm@46 25299 },
rlm@46 25300
rlm@46 25301 deactivate : function(){
rlm@46 25302 Ext.menu.Item.superclass.deactivate.apply(this, arguments);
rlm@46 25303 this.hideMenu();
rlm@46 25304 },
rlm@46 25305
rlm@46 25306 expandMenu : function(autoActivate){
rlm@46 25307 if(!this.disabled && this.menu){
rlm@46 25308 clearTimeout(this.hideTimer);
rlm@46 25309 delete this.hideTimer;
rlm@46 25310 if(!this.menu.isVisible() && !this.showTimer){
rlm@46 25311 this.showTimer = this.deferExpand.defer(this.showDelay, this, [autoActivate]);
rlm@46 25312 }else if (this.menu.isVisible() && autoActivate){
rlm@46 25313 this.menu.tryActivate(0, 1);
rlm@46 25314 }
rlm@46 25315 }
rlm@46 25316 },
rlm@46 25317
rlm@46 25318 deferExpand : function(autoActivate){
rlm@46 25319 delete this.showTimer;
rlm@46 25320 this.menu.show(this.container, this.parentMenu.subMenuAlign || "tl-tr?", this.parentMenu);
rlm@46 25321 if(autoActivate){
rlm@46 25322 this.menu.tryActivate(0, 1);
rlm@46 25323 }
rlm@46 25324 },
rlm@46 25325
rlm@46 25326 hideMenu : function(){
rlm@46 25327 clearTimeout(this.showTimer);
rlm@46 25328 delete this.showTimer;
rlm@46 25329 if(!this.hideTimer && this.menu && this.menu.isVisible()){
rlm@46 25330 this.hideTimer = this.deferHide.defer(this.hideDelay, this);
rlm@46 25331 }
rlm@46 25332 },
rlm@46 25333
rlm@46 25334 deferHide : function(){
rlm@46 25335 delete this.hideTimer;
rlm@46 25336 this.menu.hide();
rlm@46 25337 }
rlm@46 25338 });
rlm@46 25339
rlm@46 25340 Ext.menu.CheckItem = function(config){
rlm@46 25341 Ext.menu.CheckItem.superclass.constructor.call(this, config);
rlm@46 25342 this.addEvents(
rlm@46 25343
rlm@46 25344 "beforecheckchange" ,
rlm@46 25345
rlm@46 25346 "checkchange"
rlm@46 25347 );
rlm@46 25348
rlm@46 25349 if(this.checkHandler){
rlm@46 25350 this.on('checkchange', this.checkHandler, this.scope);
rlm@46 25351 }
rlm@46 25352 Ext.menu.MenuMgr.registerCheckable(this);
rlm@46 25353 };
rlm@46 25354 Ext.extend(Ext.menu.CheckItem, Ext.menu.Item, {
rlm@46 25355
rlm@46 25356
rlm@46 25357 itemCls : "x-menu-item x-menu-check-item",
rlm@46 25358
rlm@46 25359 groupClass : "x-menu-group-item",
rlm@46 25360
rlm@46 25361
rlm@46 25362 checked: false,
rlm@46 25363
rlm@46 25364 ctype: "Ext.menu.CheckItem",
rlm@46 25365
rlm@46 25366 onRender : function(c){
rlm@46 25367 Ext.menu.CheckItem.superclass.onRender.apply(this, arguments);
rlm@46 25368 if(this.group){
rlm@46 25369 this.el.addClass(this.groupClass);
rlm@46 25370 }
rlm@46 25371 if(this.checked){
rlm@46 25372 this.checked = false;
rlm@46 25373 this.setChecked(true, true);
rlm@46 25374 }
rlm@46 25375 },
rlm@46 25376
rlm@46 25377 destroy : function(){
rlm@46 25378 Ext.menu.MenuMgr.unregisterCheckable(this);
rlm@46 25379 Ext.menu.CheckItem.superclass.destroy.apply(this, arguments);
rlm@46 25380 },
rlm@46 25381
rlm@46 25382
rlm@46 25383 setChecked : function(state, suppressEvent){
rlm@46 25384 if(this.checked != state && this.fireEvent("beforecheckchange", this, state) !== false){
rlm@46 25385 if(this.container){
rlm@46 25386 this.container[state ? "addClass" : "removeClass"]("x-menu-item-checked");
rlm@46 25387 }
rlm@46 25388 this.checked = state;
rlm@46 25389 if(suppressEvent !== true){
rlm@46 25390 this.fireEvent("checkchange", this, state);
rlm@46 25391 }
rlm@46 25392 }
rlm@46 25393 },
rlm@46 25394
rlm@46 25395 handleClick : function(e){
rlm@46 25396 if(!this.disabled && !(this.checked && this.group)){ this.setChecked(!this.checked);
rlm@46 25397 }
rlm@46 25398 Ext.menu.CheckItem.superclass.handleClick.apply(this, arguments);
rlm@46 25399 }
rlm@46 25400 });
rlm@46 25401
rlm@46 25402 Ext.menu.Adapter = function(component, config){
rlm@46 25403 Ext.menu.Adapter.superclass.constructor.call(this, config);
rlm@46 25404 this.component = component;
rlm@46 25405 };
rlm@46 25406 Ext.extend(Ext.menu.Adapter, Ext.menu.BaseItem, {
rlm@46 25407 canActivate : true,
rlm@46 25408
rlm@46 25409 onRender : function(container, position){
rlm@46 25410 this.component.render(container);
rlm@46 25411 this.el = this.component.getEl();
rlm@46 25412 },
rlm@46 25413
rlm@46 25414 activate : function(){
rlm@46 25415 if(this.disabled){
rlm@46 25416 return false;
rlm@46 25417 }
rlm@46 25418 this.component.focus();
rlm@46 25419 this.fireEvent("activate", this);
rlm@46 25420 return true;
rlm@46 25421 },
rlm@46 25422
rlm@46 25423 deactivate : function(){
rlm@46 25424 this.fireEvent("deactivate", this);
rlm@46 25425 },
rlm@46 25426
rlm@46 25427 disable : function(){
rlm@46 25428 this.component.disable();
rlm@46 25429 Ext.menu.Adapter.superclass.disable.call(this);
rlm@46 25430 },
rlm@46 25431
rlm@46 25432 enable : function(){
rlm@46 25433 this.component.enable();
rlm@46 25434 Ext.menu.Adapter.superclass.enable.call(this);
rlm@46 25435 }
rlm@46 25436 });
rlm@46 25437
rlm@46 25438 Ext.menu.DateItem = function(config){
rlm@46 25439 Ext.menu.DateItem.superclass.constructor.call(this, new Ext.DatePicker(config), config);
rlm@46 25440
rlm@46 25441 this.picker = this.component;
rlm@46 25442 this.addEvents('select');
rlm@46 25443
rlm@46 25444 this.picker.on("render", function(picker){
rlm@46 25445 picker.getEl().swallowEvent("click");
rlm@46 25446 picker.container.addClass("x-menu-date-item");
rlm@46 25447 });
rlm@46 25448
rlm@46 25449 this.picker.on("select", this.onSelect, this);
rlm@46 25450 };
rlm@46 25451
rlm@46 25452 Ext.extend(Ext.menu.DateItem, Ext.menu.Adapter, {
rlm@46 25453 onSelect : function(picker, date){
rlm@46 25454 this.fireEvent("select", this, date, picker);
rlm@46 25455 Ext.menu.DateItem.superclass.handleClick.call(this);
rlm@46 25456 }
rlm@46 25457 });
rlm@46 25458
rlm@46 25459 Ext.menu.ColorItem = function(config){
rlm@46 25460 Ext.menu.ColorItem.superclass.constructor.call(this, new Ext.ColorPalette(config), config);
rlm@46 25461
rlm@46 25462 this.palette = this.component;
rlm@46 25463 this.relayEvents(this.palette, ["select"]);
rlm@46 25464 if(this.selectHandler){
rlm@46 25465 this.on('select', this.selectHandler, this.scope);
rlm@46 25466 }
rlm@46 25467 };
rlm@46 25468 Ext.extend(Ext.menu.ColorItem, Ext.menu.Adapter);
rlm@46 25469
rlm@46 25470 Ext.menu.DateMenu = function(config){
rlm@46 25471 Ext.menu.DateMenu.superclass.constructor.call(this, config);
rlm@46 25472 this.plain = true;
rlm@46 25473 var di = new Ext.menu.DateItem(config);
rlm@46 25474 this.add(di);
rlm@46 25475
rlm@46 25476 this.picker = di.picker;
rlm@46 25477
rlm@46 25478 this.relayEvents(di, ["select"]);
rlm@46 25479
rlm@46 25480 this.on('beforeshow', function(){
rlm@46 25481 if(this.picker){
rlm@46 25482 this.picker.hideMonthPicker(true);
rlm@46 25483 }
rlm@46 25484 }, this);
rlm@46 25485 };
rlm@46 25486 Ext.extend(Ext.menu.DateMenu, Ext.menu.Menu, {
rlm@46 25487 cls:'x-date-menu',
rlm@46 25488
rlm@46 25489 beforeDestroy : function() {
rlm@46 25490 this.picker.destroy();
rlm@46 25491 }
rlm@46 25492 });
rlm@46 25493
rlm@46 25494 Ext.menu.ColorMenu = function(config){
rlm@46 25495 Ext.menu.ColorMenu.superclass.constructor.call(this, config);
rlm@46 25496 this.plain = true;
rlm@46 25497 var ci = new Ext.menu.ColorItem(config);
rlm@46 25498 this.add(ci);
rlm@46 25499
rlm@46 25500 this.palette = ci.palette;
rlm@46 25501
rlm@46 25502 this.relayEvents(ci, ["select"]);
rlm@46 25503 };
rlm@46 25504 Ext.extend(Ext.menu.ColorMenu, Ext.menu.Menu);
rlm@46 25505
rlm@46 25506 Ext.form.Field = Ext.extend(Ext.BoxComponent, {
rlm@46 25507
rlm@46 25508
rlm@46 25509
rlm@46 25510
rlm@46 25511
rlm@46 25512
rlm@46 25513
rlm@46 25514
rlm@46 25515
rlm@46 25516
rlm@46 25517
rlm@46 25518
rlm@46 25519
rlm@46 25520 invalidClass : "x-form-invalid",
rlm@46 25521
rlm@46 25522 invalidText : "The value in this field is invalid",
rlm@46 25523
rlm@46 25524 focusClass : "x-form-focus",
rlm@46 25525
rlm@46 25526 validationEvent : "keyup",
rlm@46 25527
rlm@46 25528 validateOnBlur : true,
rlm@46 25529
rlm@46 25530 validationDelay : 250,
rlm@46 25531
rlm@46 25532 defaultAutoCreate : {tag: "input", type: "text", size: "20", autocomplete: "off"},
rlm@46 25533
rlm@46 25534 fieldClass : "x-form-field",
rlm@46 25535
rlm@46 25536 msgTarget : 'qtip',
rlm@46 25537
rlm@46 25538 msgFx : 'normal',
rlm@46 25539
rlm@46 25540 readOnly : false,
rlm@46 25541
rlm@46 25542 disabled : false,
rlm@46 25543
rlm@46 25544 isFormField : true,
rlm@46 25545
rlm@46 25546 hasFocus : false,
rlm@46 25547
rlm@46 25548 initComponent : function(){
rlm@46 25549 Ext.form.Field.superclass.initComponent.call(this);
rlm@46 25550 this.addEvents(
rlm@46 25551
rlm@46 25552 'focus',
rlm@46 25553
rlm@46 25554 'blur',
rlm@46 25555
rlm@46 25556 'specialkey',
rlm@46 25557
rlm@46 25558 'change',
rlm@46 25559
rlm@46 25560 'invalid',
rlm@46 25561
rlm@46 25562 'valid'
rlm@46 25563 );
rlm@46 25564 },
rlm@46 25565
rlm@46 25566
rlm@46 25567 getName: function(){
rlm@46 25568 return this.rendered && this.el.dom.name ? this.el.dom.name : (this.hiddenName || '');
rlm@46 25569 },
rlm@46 25570
rlm@46 25571 onRender : function(ct, position){
rlm@46 25572 Ext.form.Field.superclass.onRender.call(this, ct, position);
rlm@46 25573 if(!this.el){
rlm@46 25574 var cfg = this.getAutoCreate();
rlm@46 25575 if(!cfg.name){
rlm@46 25576 cfg.name = this.name || this.id;
rlm@46 25577 }
rlm@46 25578 if(this.inputType){
rlm@46 25579 cfg.type = this.inputType;
rlm@46 25580 }
rlm@46 25581 this.el = ct.createChild(cfg, position);
rlm@46 25582 }
rlm@46 25583 var type = this.el.dom.type;
rlm@46 25584 if(type){
rlm@46 25585 if(type == 'password'){
rlm@46 25586 type = 'text';
rlm@46 25587 }
rlm@46 25588 this.el.addClass('x-form-'+type);
rlm@46 25589 }
rlm@46 25590 if(this.readOnly){
rlm@46 25591 this.el.dom.readOnly = true;
rlm@46 25592 }
rlm@46 25593 if(this.tabIndex !== undefined){
rlm@46 25594 this.el.dom.setAttribute('tabIndex', this.tabIndex);
rlm@46 25595 }
rlm@46 25596
rlm@46 25597 this.el.addClass([this.fieldClass, this.cls]);
rlm@46 25598 this.initValue();
rlm@46 25599 },
rlm@46 25600
rlm@46 25601 initValue : function(){
rlm@46 25602 if(this.value !== undefined){
rlm@46 25603 this.setValue(this.value);
rlm@46 25604 }else if(this.el.dom.value.length > 0){
rlm@46 25605 this.setValue(this.el.dom.value);
rlm@46 25606 }
rlm@46 25607 },
rlm@46 25608
rlm@46 25609
rlm@46 25610 isDirty : function() {
rlm@46 25611 if(this.disabled) {
rlm@46 25612 return false;
rlm@46 25613 }
rlm@46 25614 return String(this.getValue()) !== String(this.originalValue);
rlm@46 25615 },
rlm@46 25616
rlm@46 25617 afterRender : function(){
rlm@46 25618 Ext.form.Field.superclass.afterRender.call(this);
rlm@46 25619 this.initEvents();
rlm@46 25620 },
rlm@46 25621
rlm@46 25622 fireKey : function(e){
rlm@46 25623 if(e.isSpecialKey()){
rlm@46 25624 this.fireEvent("specialkey", this, e);
rlm@46 25625 }
rlm@46 25626 },
rlm@46 25627
rlm@46 25628
rlm@46 25629 reset : function(){
rlm@46 25630 this.setValue(this.originalValue);
rlm@46 25631 this.clearInvalid();
rlm@46 25632 },
rlm@46 25633
rlm@46 25634 initEvents : function(){
rlm@46 25635 this.el.on(Ext.isIE || Ext.isSafari3 ? "keydown" : "keypress", this.fireKey, this);
rlm@46 25636 this.el.on("focus", this.onFocus, this);
rlm@46 25637 this.el.on("blur", this.onBlur, this);
rlm@46 25638
rlm@46 25639 this.originalValue = this.getValue();
rlm@46 25640 },
rlm@46 25641
rlm@46 25642 onFocus : function(){
rlm@46 25643 if(!Ext.isOpera && this.focusClass){ this.el.addClass(this.focusClass);
rlm@46 25644 }
rlm@46 25645 if(!this.hasFocus){
rlm@46 25646 this.hasFocus = true;
rlm@46 25647 this.startValue = this.getValue();
rlm@46 25648 this.fireEvent("focus", this);
rlm@46 25649 }
rlm@46 25650 },
rlm@46 25651
rlm@46 25652 beforeBlur : Ext.emptyFn,
rlm@46 25653
rlm@46 25654 onBlur : function(){
rlm@46 25655 this.beforeBlur();
rlm@46 25656 if(!Ext.isOpera && this.focusClass){ this.el.removeClass(this.focusClass);
rlm@46 25657 }
rlm@46 25658 this.hasFocus = false;
rlm@46 25659 if(this.validationEvent !== false && this.validateOnBlur && this.validationEvent != "blur"){
rlm@46 25660 this.validate();
rlm@46 25661 }
rlm@46 25662 var v = this.getValue();
rlm@46 25663 if(String(v) !== String(this.startValue)){
rlm@46 25664 this.fireEvent('change', this, v, this.startValue);
rlm@46 25665 }
rlm@46 25666 this.fireEvent("blur", this);
rlm@46 25667 },
rlm@46 25668
rlm@46 25669
rlm@46 25670 isValid : function(preventMark){
rlm@46 25671 if(this.disabled){
rlm@46 25672 return true;
rlm@46 25673 }
rlm@46 25674 var restore = this.preventMark;
rlm@46 25675 this.preventMark = preventMark === true;
rlm@46 25676 var v = this.validateValue(this.processValue(this.getRawValue()));
rlm@46 25677 this.preventMark = restore;
rlm@46 25678 return v;
rlm@46 25679 },
rlm@46 25680
rlm@46 25681
rlm@46 25682 validate : function(){
rlm@46 25683 if(this.disabled || this.validateValue(this.processValue(this.getRawValue()))){
rlm@46 25684 this.clearInvalid();
rlm@46 25685 return true;
rlm@46 25686 }
rlm@46 25687 return false;
rlm@46 25688 },
rlm@46 25689
rlm@46 25690 processValue : function(value){
rlm@46 25691 return value;
rlm@46 25692 },
rlm@46 25693
rlm@46 25694 validateValue : function(value){
rlm@46 25695 return true;
rlm@46 25696 },
rlm@46 25697
rlm@46 25698
rlm@46 25699 markInvalid : function(msg){
rlm@46 25700 if(!this.rendered || this.preventMark){ return;
rlm@46 25701 }
rlm@46 25702 this.el.addClass(this.invalidClass);
rlm@46 25703 msg = msg || this.invalidText;
rlm@46 25704 switch(this.msgTarget){
rlm@46 25705 case 'qtip':
rlm@46 25706 this.el.dom.qtip = msg;
rlm@46 25707 this.el.dom.qclass = 'x-form-invalid-tip';
rlm@46 25708 if(Ext.QuickTips){ Ext.QuickTips.enable();
rlm@46 25709 }
rlm@46 25710 break;
rlm@46 25711 case 'title':
rlm@46 25712 this.el.dom.title = msg;
rlm@46 25713 break;
rlm@46 25714 case 'under':
rlm@46 25715 if(!this.errorEl){
rlm@46 25716 var elp = this.getErrorCt();
rlm@46 25717 this.errorEl = elp.createChild({cls:'x-form-invalid-msg'});
rlm@46 25718 this.errorEl.setWidth(elp.getWidth(true)-20);
rlm@46 25719 }
rlm@46 25720 this.errorEl.update(msg);
rlm@46 25721 Ext.form.Field.msgFx[this.msgFx].show(this.errorEl, this);
rlm@46 25722 break;
rlm@46 25723 case 'side':
rlm@46 25724 if(!this.errorIcon){
rlm@46 25725 var elp = this.getErrorCt();
rlm@46 25726 this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'});
rlm@46 25727 }
rlm@46 25728 this.alignErrorIcon();
rlm@46 25729 this.errorIcon.dom.qtip = msg;
rlm@46 25730 this.errorIcon.dom.qclass = 'x-form-invalid-tip';
rlm@46 25731 this.errorIcon.show();
rlm@46 25732 this.on('resize', this.alignErrorIcon, this);
rlm@46 25733 break;
rlm@46 25734 default:
rlm@46 25735 var t = Ext.getDom(this.msgTarget);
rlm@46 25736 t.innerHTML = msg;
rlm@46 25737 t.style.display = this.msgDisplay;
rlm@46 25738 break;
rlm@46 25739 }
rlm@46 25740 this.fireEvent('invalid', this, msg);
rlm@46 25741 },
rlm@46 25742
rlm@46 25743 getErrorCt : function(){
rlm@46 25744 return this.el.findParent('.x-form-element', 5, true) || this.el.findParent('.x-form-field-wrap', 5, true); },
rlm@46 25745
rlm@46 25746 alignErrorIcon : function(){
rlm@46 25747 this.errorIcon.alignTo(this.el, 'tl-tr', [2, 0]);
rlm@46 25748 },
rlm@46 25749
rlm@46 25750
rlm@46 25751 clearInvalid : function(){
rlm@46 25752 if(!this.rendered || this.preventMark){ return;
rlm@46 25753 }
rlm@46 25754 this.el.removeClass(this.invalidClass);
rlm@46 25755 switch(this.msgTarget){
rlm@46 25756 case 'qtip':
rlm@46 25757 this.el.dom.qtip = '';
rlm@46 25758 break;
rlm@46 25759 case 'title':
rlm@46 25760 this.el.dom.title = '';
rlm@46 25761 break;
rlm@46 25762 case 'under':
rlm@46 25763 if(this.errorEl){
rlm@46 25764 Ext.form.Field.msgFx[this.msgFx].hide(this.errorEl, this);
rlm@46 25765 }
rlm@46 25766 break;
rlm@46 25767 case 'side':
rlm@46 25768 if(this.errorIcon){
rlm@46 25769 this.errorIcon.dom.qtip = '';
rlm@46 25770 this.errorIcon.hide();
rlm@46 25771 this.un('resize', this.alignErrorIcon, this);
rlm@46 25772 }
rlm@46 25773 break;
rlm@46 25774 default:
rlm@46 25775 var t = Ext.getDom(this.msgTarget);
rlm@46 25776 t.innerHTML = '';
rlm@46 25777 t.style.display = 'none';
rlm@46 25778 break;
rlm@46 25779 }
rlm@46 25780 this.fireEvent('valid', this);
rlm@46 25781 },
rlm@46 25782
rlm@46 25783
rlm@46 25784 getRawValue : function(){
rlm@46 25785 var v = this.rendered ? this.el.getValue() : Ext.value(this.value, '');
rlm@46 25786 if(v === this.emptyText){
rlm@46 25787 v = '';
rlm@46 25788 }
rlm@46 25789 return v;
rlm@46 25790 },
rlm@46 25791
rlm@46 25792
rlm@46 25793 getValue : function(){
rlm@46 25794 if(!this.rendered) {
rlm@46 25795 return this.value;
rlm@46 25796 }
rlm@46 25797 var v = this.el.getValue();
rlm@46 25798 if(v === this.emptyText || v === undefined){
rlm@46 25799 v = '';
rlm@46 25800 }
rlm@46 25801 return v;
rlm@46 25802 },
rlm@46 25803
rlm@46 25804
rlm@46 25805 setRawValue : function(v){
rlm@46 25806 return this.el.dom.value = (v === null || v === undefined ? '' : v);
rlm@46 25807 },
rlm@46 25808
rlm@46 25809
rlm@46 25810 setValue : function(v){
rlm@46 25811 this.value = v;
rlm@46 25812 if(this.rendered){
rlm@46 25813 this.el.dom.value = (v === null || v === undefined ? '' : v);
rlm@46 25814 this.validate();
rlm@46 25815 }
rlm@46 25816 },
rlm@46 25817
rlm@46 25818 adjustSize : function(w, h){
rlm@46 25819 var s = Ext.form.Field.superclass.adjustSize.call(this, w, h);
rlm@46 25820 s.width = this.adjustWidth(this.el.dom.tagName, s.width);
rlm@46 25821 return s;
rlm@46 25822 },
rlm@46 25823
rlm@46 25824 adjustWidth : function(tag, w){
rlm@46 25825 tag = tag.toLowerCase();
rlm@46 25826 if(typeof w == 'number' && !Ext.isSafari){
rlm@46 25827 if(Ext.isIE && (tag == 'input' || tag == 'textarea')){
rlm@46 25828 if(tag == 'input' && !Ext.isStrict){
rlm@46 25829 return this.inEditor ? w : w - 3;
rlm@46 25830 }
rlm@46 25831 if(tag == 'input' && Ext.isStrict){
rlm@46 25832 return w - (Ext.isIE6 ? 4 : 1);
rlm@46 25833 }
rlm@46 25834 if(tag == 'textarea' && Ext.isStrict){
rlm@46 25835 return w-2;
rlm@46 25836 }
rlm@46 25837 }else if(Ext.isOpera && Ext.isStrict){
rlm@46 25838 if(tag == 'input'){
rlm@46 25839 return w + 2;
rlm@46 25840 }
rlm@46 25841 if(tag == 'textarea'){
rlm@46 25842 return w-2;
rlm@46 25843 }
rlm@46 25844 }
rlm@46 25845 }
rlm@46 25846 return w;
rlm@46 25847 }
rlm@46 25848
rlm@46 25849
rlm@46 25850
rlm@46 25851
rlm@46 25852
rlm@46 25853 });
rlm@46 25854
rlm@46 25855
rlm@46 25856 Ext.form.Field.msgFx = {
rlm@46 25857 normal : {
rlm@46 25858 show: function(msgEl, f){
rlm@46 25859 msgEl.setDisplayed('block');
rlm@46 25860 },
rlm@46 25861
rlm@46 25862 hide : function(msgEl, f){
rlm@46 25863 msgEl.setDisplayed(false).update('');
rlm@46 25864 }
rlm@46 25865 },
rlm@46 25866
rlm@46 25867 slide : {
rlm@46 25868 show: function(msgEl, f){
rlm@46 25869 msgEl.slideIn('t', {stopFx:true});
rlm@46 25870 },
rlm@46 25871
rlm@46 25872 hide : function(msgEl, f){
rlm@46 25873 msgEl.slideOut('t', {stopFx:true,useDisplay:true});
rlm@46 25874 }
rlm@46 25875 },
rlm@46 25876
rlm@46 25877 slideRight : {
rlm@46 25878 show: function(msgEl, f){
rlm@46 25879 msgEl.fixDisplay();
rlm@46 25880 msgEl.alignTo(f.el, 'tl-tr');
rlm@46 25881 msgEl.slideIn('l', {stopFx:true});
rlm@46 25882 },
rlm@46 25883
rlm@46 25884 hide : function(msgEl, f){
rlm@46 25885 msgEl.slideOut('l', {stopFx:true,useDisplay:true});
rlm@46 25886 }
rlm@46 25887 }
rlm@46 25888 };
rlm@46 25889 Ext.reg('field', Ext.form.Field);
rlm@46 25890
rlm@46 25891
rlm@46 25892 Ext.form.TextField = Ext.extend(Ext.form.Field, {
rlm@46 25893
rlm@46 25894
rlm@46 25895 grow : false,
rlm@46 25896
rlm@46 25897 growMin : 30,
rlm@46 25898
rlm@46 25899 growMax : 800,
rlm@46 25900
rlm@46 25901 vtype : null,
rlm@46 25902
rlm@46 25903 maskRe : null,
rlm@46 25904
rlm@46 25905 disableKeyFilter : false,
rlm@46 25906
rlm@46 25907 allowBlank : true,
rlm@46 25908
rlm@46 25909 minLength : 0,
rlm@46 25910
rlm@46 25911 maxLength : Number.MAX_VALUE,
rlm@46 25912
rlm@46 25913 minLengthText : "The minimum length for this field is {0}",
rlm@46 25914
rlm@46 25915 maxLengthText : "The maximum length for this field is {0}",
rlm@46 25916
rlm@46 25917 selectOnFocus : false,
rlm@46 25918
rlm@46 25919 blankText : "This field is required",
rlm@46 25920
rlm@46 25921 validator : null,
rlm@46 25922
rlm@46 25923 regex : null,
rlm@46 25924
rlm@46 25925 regexText : "",
rlm@46 25926
rlm@46 25927 emptyText : null,
rlm@46 25928
rlm@46 25929 emptyClass : 'x-form-empty-field',
rlm@46 25930
rlm@46 25931
rlm@46 25932
rlm@46 25933 initComponent : function(){
rlm@46 25934 Ext.form.TextField.superclass.initComponent.call(this);
rlm@46 25935 this.addEvents(
rlm@46 25936
rlm@46 25937 'autosize',
rlm@46 25938
rlm@46 25939
rlm@46 25940 'keydown',
rlm@46 25941
rlm@46 25942 'keyup',
rlm@46 25943
rlm@46 25944 'keypress'
rlm@46 25945 );
rlm@46 25946 },
rlm@46 25947
rlm@46 25948 initEvents : function(){
rlm@46 25949 Ext.form.TextField.superclass.initEvents.call(this);
rlm@46 25950 if(this.validationEvent == 'keyup'){
rlm@46 25951 this.validationTask = new Ext.util.DelayedTask(this.validate, this);
rlm@46 25952 this.el.on('keyup', this.filterValidation, this);
rlm@46 25953 }
rlm@46 25954 else if(this.validationEvent !== false){
rlm@46 25955 this.el.on(this.validationEvent, this.validate, this, {buffer: this.validationDelay});
rlm@46 25956 }
rlm@46 25957 if(this.selectOnFocus || this.emptyText){
rlm@46 25958 this.on("focus", this.preFocus, this);
rlm@46 25959 if(this.emptyText){
rlm@46 25960 this.on('blur', this.postBlur, this);
rlm@46 25961 this.applyEmptyText();
rlm@46 25962 }
rlm@46 25963 }
rlm@46 25964 if(this.maskRe || (this.vtype && this.disableKeyFilter !== true && (this.maskRe = Ext.form.VTypes[this.vtype+'Mask']))){
rlm@46 25965 this.el.on("keypress", this.filterKeys, this);
rlm@46 25966 }
rlm@46 25967 if(this.grow){
rlm@46 25968 this.el.on("keyup", this.onKeyUpBuffered, this, {buffer:50});
rlm@46 25969 this.el.on("click", this.autoSize, this);
rlm@46 25970 }
rlm@46 25971
rlm@46 25972 if(this.enableKeyEvents){
rlm@46 25973 this.el.on("keyup", this.onKeyUp, this);
rlm@46 25974 this.el.on("keydown", this.onKeyDown, this);
rlm@46 25975 this.el.on("keypress", this.onKeyPress, this);
rlm@46 25976 }
rlm@46 25977 },
rlm@46 25978
rlm@46 25979 processValue : function(value){
rlm@46 25980 if(this.stripCharsRe){
rlm@46 25981 var newValue = value.replace(this.stripCharsRe, '');
rlm@46 25982 if(newValue !== value){
rlm@46 25983 this.setRawValue(newValue);
rlm@46 25984 return newValue;
rlm@46 25985 }
rlm@46 25986 }
rlm@46 25987 return value;
rlm@46 25988 },
rlm@46 25989
rlm@46 25990 filterValidation : function(e){
rlm@46 25991 if(!e.isNavKeyPress()){
rlm@46 25992 this.validationTask.delay(this.validationDelay);
rlm@46 25993 }
rlm@46 25994 },
rlm@46 25995
rlm@46 25996 onKeyUpBuffered : function(e){
rlm@46 25997 if(!e.isNavKeyPress()){
rlm@46 25998 this.autoSize();
rlm@46 25999 }
rlm@46 26000 },
rlm@46 26001
rlm@46 26002 onKeyUp : function(e){
rlm@46 26003 this.fireEvent('keyup', this, e);
rlm@46 26004 },
rlm@46 26005
rlm@46 26006 onKeyDown : function(e){
rlm@46 26007 this.fireEvent('keydown', this, e);
rlm@46 26008 },
rlm@46 26009
rlm@46 26010 onKeyPress : function(e){
rlm@46 26011 this.fireEvent('keypress', this, e);
rlm@46 26012 },
rlm@46 26013
rlm@46 26014
rlm@46 26015 reset : function(){
rlm@46 26016 Ext.form.TextField.superclass.reset.call(this);
rlm@46 26017 this.applyEmptyText();
rlm@46 26018 },
rlm@46 26019
rlm@46 26020 applyEmptyText : function(){
rlm@46 26021 if(this.rendered && this.emptyText && this.getRawValue().length < 1){
rlm@46 26022 this.setRawValue(this.emptyText);
rlm@46 26023 this.el.addClass(this.emptyClass);
rlm@46 26024 }
rlm@46 26025 },
rlm@46 26026
rlm@46 26027 preFocus : function(){
rlm@46 26028 if(this.emptyText){
rlm@46 26029 if(this.el.dom.value == this.emptyText){
rlm@46 26030 this.setRawValue('');
rlm@46 26031 }
rlm@46 26032 this.el.removeClass(this.emptyClass);
rlm@46 26033 }
rlm@46 26034 if(this.selectOnFocus){
rlm@46 26035 this.el.dom.select();
rlm@46 26036 }
rlm@46 26037 },
rlm@46 26038
rlm@46 26039 postBlur : function(){
rlm@46 26040 this.applyEmptyText();
rlm@46 26041 },
rlm@46 26042
rlm@46 26043 filterKeys : function(e){
rlm@46 26044 var k = e.getKey();
rlm@46 26045 if(!Ext.isIE && (e.isNavKeyPress() || k == e.BACKSPACE || (k == e.DELETE && e.button == -1))){
rlm@46 26046 return;
rlm@46 26047 }
rlm@46 26048 var c = e.getCharCode(), cc = String.fromCharCode(c);
rlm@46 26049 if(Ext.isIE && (e.isSpecialKey() || !cc)){
rlm@46 26050 return;
rlm@46 26051 }
rlm@46 26052 if(!this.maskRe.test(cc)){
rlm@46 26053 e.stopEvent();
rlm@46 26054 }
rlm@46 26055 },
rlm@46 26056
rlm@46 26057 setValue : function(v){
rlm@46 26058 if(this.emptyText && this.el && v !== undefined && v !== null && v !== ''){
rlm@46 26059 this.el.removeClass(this.emptyClass);
rlm@46 26060 }
rlm@46 26061 Ext.form.TextField.superclass.setValue.apply(this, arguments);
rlm@46 26062 this.applyEmptyText();
rlm@46 26063 this.autoSize();
rlm@46 26064 },
rlm@46 26065
rlm@46 26066
rlm@46 26067 validateValue : function(value){
rlm@46 26068 if(value.length < 1 || value === this.emptyText){ if(this.allowBlank){
rlm@46 26069 this.clearInvalid();
rlm@46 26070 return true;
rlm@46 26071 }else{
rlm@46 26072 this.markInvalid(this.blankText);
rlm@46 26073 return false;
rlm@46 26074 }
rlm@46 26075 }
rlm@46 26076 if(value.length < this.minLength){
rlm@46 26077 this.markInvalid(String.format(this.minLengthText, this.minLength));
rlm@46 26078 return false;
rlm@46 26079 }
rlm@46 26080 if(value.length > this.maxLength){
rlm@46 26081 this.markInvalid(String.format(this.maxLengthText, this.maxLength));
rlm@46 26082 return false;
rlm@46 26083 }
rlm@46 26084 if(this.vtype){
rlm@46 26085 var vt = Ext.form.VTypes;
rlm@46 26086 if(!vt[this.vtype](value, this)){
rlm@46 26087 this.markInvalid(this.vtypeText || vt[this.vtype +'Text']);
rlm@46 26088 return false;
rlm@46 26089 }
rlm@46 26090 }
rlm@46 26091 if(typeof this.validator == "function"){
rlm@46 26092 var msg = this.validator(value);
rlm@46 26093 if(msg !== true){
rlm@46 26094 this.markInvalid(msg);
rlm@46 26095 return false;
rlm@46 26096 }
rlm@46 26097 }
rlm@46 26098 if(this.regex && !this.regex.test(value)){
rlm@46 26099 this.markInvalid(this.regexText);
rlm@46 26100 return false;
rlm@46 26101 }
rlm@46 26102 return true;
rlm@46 26103 },
rlm@46 26104
rlm@46 26105
rlm@46 26106 selectText : function(start, end){
rlm@46 26107 var v = this.getRawValue();
rlm@46 26108 if(v.length > 0){
rlm@46 26109 start = start === undefined ? 0 : start;
rlm@46 26110 end = end === undefined ? v.length : end;
rlm@46 26111 var d = this.el.dom;
rlm@46 26112 if(d.setSelectionRange){
rlm@46 26113 d.setSelectionRange(start, end);
rlm@46 26114 }else if(d.createTextRange){
rlm@46 26115 var range = d.createTextRange();
rlm@46 26116 range.moveStart("character", start);
rlm@46 26117 range.moveEnd("character", end-v.length);
rlm@46 26118 range.select();
rlm@46 26119 }
rlm@46 26120 }
rlm@46 26121 },
rlm@46 26122
rlm@46 26123
rlm@46 26124 autoSize : function(){
rlm@46 26125 if(!this.grow || !this.rendered){
rlm@46 26126 return;
rlm@46 26127 }
rlm@46 26128 if(!this.metrics){
rlm@46 26129 this.metrics = Ext.util.TextMetrics.createInstance(this.el);
rlm@46 26130 }
rlm@46 26131 var el = this.el;
rlm@46 26132 var v = el.dom.value;
rlm@46 26133 var d = document.createElement('div');
rlm@46 26134 d.appendChild(document.createTextNode(v));
rlm@46 26135 v = d.innerHTML;
rlm@46 26136 d = null;
rlm@46 26137 v += "&#160;";
rlm@46 26138 var w = Math.min(this.growMax, Math.max(this.metrics.getWidth(v) + 10, this.growMin));
rlm@46 26139 this.el.setWidth(w);
rlm@46 26140 this.fireEvent("autosize", this, w);
rlm@46 26141 }
rlm@46 26142 });
rlm@46 26143 Ext.reg('textfield', Ext.form.TextField);
rlm@46 26144
rlm@46 26145
rlm@46 26146 Ext.form.TriggerField = Ext.extend(Ext.form.TextField, {
rlm@46 26147
rlm@46 26148
rlm@46 26149 defaultAutoCreate : {tag: "input", type: "text", size: "16", autocomplete: "off"},
rlm@46 26150
rlm@46 26151 hideTrigger:false,
rlm@46 26152
rlm@46 26153
rlm@46 26154 autoSize: Ext.emptyFn,
rlm@46 26155 monitorTab : true,
rlm@46 26156 deferHeight : true,
rlm@46 26157 mimicing : false,
rlm@46 26158
rlm@46 26159 onResize : function(w, h){
rlm@46 26160 Ext.form.TriggerField.superclass.onResize.call(this, w, h);
rlm@46 26161 if(typeof w == 'number'){
rlm@46 26162 this.el.setWidth(this.adjustWidth('input', w - this.trigger.getWidth()));
rlm@46 26163 }
rlm@46 26164 this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());
rlm@46 26165 },
rlm@46 26166
rlm@46 26167 adjustSize : Ext.BoxComponent.prototype.adjustSize,
rlm@46 26168
rlm@46 26169 getResizeEl : function(){
rlm@46 26170 return this.wrap;
rlm@46 26171 },
rlm@46 26172
rlm@46 26173 getPositionEl : function(){
rlm@46 26174 return this.wrap;
rlm@46 26175 },
rlm@46 26176
rlm@46 26177 alignErrorIcon : function(){
rlm@46 26178 this.errorIcon.alignTo(this.wrap, 'tl-tr', [2, 0]);
rlm@46 26179 },
rlm@46 26180
rlm@46 26181 onRender : function(ct, position){
rlm@46 26182 Ext.form.TriggerField.superclass.onRender.call(this, ct, position);
rlm@46 26183 this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
rlm@46 26184 this.trigger = this.wrap.createChild(this.triggerConfig ||
rlm@46 26185 {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.triggerClass});
rlm@46 26186 if(this.hideTrigger){
rlm@46 26187 this.trigger.setDisplayed(false);
rlm@46 26188 }
rlm@46 26189 this.initTrigger();
rlm@46 26190 if(!this.width){
rlm@46 26191 this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());
rlm@46 26192 }
rlm@46 26193 },
rlm@46 26194
rlm@46 26195 initTrigger : function(){
rlm@46 26196 this.trigger.on("click", this.onTriggerClick, this, {preventDefault:true});
rlm@46 26197 this.trigger.addClassOnOver('x-form-trigger-over');
rlm@46 26198 this.trigger.addClassOnClick('x-form-trigger-click');
rlm@46 26199 },
rlm@46 26200
rlm@46 26201 onDestroy : function(){
rlm@46 26202 if(this.trigger){
rlm@46 26203 this.trigger.removeAllListeners();
rlm@46 26204 this.trigger.remove();
rlm@46 26205 }
rlm@46 26206 if(this.wrap){
rlm@46 26207 this.wrap.remove();
rlm@46 26208 }
rlm@46 26209 Ext.form.TriggerField.superclass.onDestroy.call(this);
rlm@46 26210 },
rlm@46 26211
rlm@46 26212 onFocus : function(){
rlm@46 26213 Ext.form.TriggerField.superclass.onFocus.call(this);
rlm@46 26214 if(!this.mimicing){
rlm@46 26215 this.wrap.addClass('x-trigger-wrap-focus');
rlm@46 26216 this.mimicing = true;
rlm@46 26217 Ext.get(Ext.isIE ? document.body : document).on("mousedown", this.mimicBlur, this, {delay: 10});
rlm@46 26218 if(this.monitorTab){
rlm@46 26219 this.el.on("keydown", this.checkTab, this);
rlm@46 26220 }
rlm@46 26221 }
rlm@46 26222 },
rlm@46 26223
rlm@46 26224 checkTab : function(e){
rlm@46 26225 if(e.getKey() == e.TAB){
rlm@46 26226 this.triggerBlur();
rlm@46 26227 }
rlm@46 26228 },
rlm@46 26229
rlm@46 26230 onBlur : function(){
rlm@46 26231 },
rlm@46 26232
rlm@46 26233 mimicBlur : function(e){
rlm@46 26234 if(!this.wrap.contains(e.target) && this.validateBlur(e)){
rlm@46 26235 this.triggerBlur();
rlm@46 26236 }
rlm@46 26237 },
rlm@46 26238
rlm@46 26239 triggerBlur : function(){
rlm@46 26240 this.mimicing = false;
rlm@46 26241 Ext.get(Ext.isIE ? document.body : document).un("mousedown", this.mimicBlur);
rlm@46 26242 if(this.monitorTab){
rlm@46 26243 this.el.un("keydown", this.checkTab, this);
rlm@46 26244 }
rlm@46 26245 this.beforeBlur();
rlm@46 26246 this.wrap.removeClass('x-trigger-wrap-focus');
rlm@46 26247 Ext.form.TriggerField.superclass.onBlur.call(this);
rlm@46 26248 },
rlm@46 26249
rlm@46 26250 beforeBlur : Ext.emptyFn,
rlm@46 26251
rlm@46 26252 validateBlur : function(e){
rlm@46 26253 return true;
rlm@46 26254 },
rlm@46 26255
rlm@46 26256 onDisable : function(){
rlm@46 26257 Ext.form.TriggerField.superclass.onDisable.call(this);
rlm@46 26258 if(this.wrap){
rlm@46 26259 this.wrap.addClass('x-item-disabled');
rlm@46 26260 }
rlm@46 26261 },
rlm@46 26262
rlm@46 26263 onEnable : function(){
rlm@46 26264 Ext.form.TriggerField.superclass.onEnable.call(this);
rlm@46 26265 if(this.wrap){
rlm@46 26266 this.wrap.removeClass('x-item-disabled');
rlm@46 26267 }
rlm@46 26268 },
rlm@46 26269
rlm@46 26270
rlm@46 26271 onShow : function(){
rlm@46 26272 if(this.wrap){
rlm@46 26273 this.wrap.dom.style.display = '';
rlm@46 26274 this.wrap.dom.style.visibility = 'visible';
rlm@46 26275 }
rlm@46 26276 },
rlm@46 26277
rlm@46 26278 onHide : function(){
rlm@46 26279 this.wrap.dom.style.display = 'none';
rlm@46 26280 },
rlm@46 26281
rlm@46 26282
rlm@46 26283 onTriggerClick : Ext.emptyFn
rlm@46 26284
rlm@46 26285
rlm@46 26286
rlm@46 26287
rlm@46 26288 });
rlm@46 26289
rlm@46 26290 Ext.form.TwinTriggerField = Ext.extend(Ext.form.TriggerField, {
rlm@46 26291 initComponent : function(){
rlm@46 26292 Ext.form.TwinTriggerField.superclass.initComponent.call(this);
rlm@46 26293
rlm@46 26294 this.triggerConfig = {
rlm@46 26295 tag:'span', cls:'x-form-twin-triggers', cn:[
rlm@46 26296 {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger1Class},
rlm@46 26297 {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger2Class}
rlm@46 26298 ]};
rlm@46 26299 },
rlm@46 26300
rlm@46 26301 getTrigger : function(index){
rlm@46 26302 return this.triggers[index];
rlm@46 26303 },
rlm@46 26304
rlm@46 26305 initTrigger : function(){
rlm@46 26306 var ts = this.trigger.select('.x-form-trigger', true);
rlm@46 26307 this.wrap.setStyle('overflow', 'hidden');
rlm@46 26308 var triggerField = this;
rlm@46 26309 ts.each(function(t, all, index){
rlm@46 26310 t.hide = function(){
rlm@46 26311 var w = triggerField.wrap.getWidth();
rlm@46 26312 this.dom.style.display = 'none';
rlm@46 26313 triggerField.el.setWidth(w-triggerField.trigger.getWidth());
rlm@46 26314 };
rlm@46 26315 t.show = function(){
rlm@46 26316 var w = triggerField.wrap.getWidth();
rlm@46 26317 this.dom.style.display = '';
rlm@46 26318 triggerField.el.setWidth(w-triggerField.trigger.getWidth());
rlm@46 26319 };
rlm@46 26320 var triggerIndex = 'Trigger'+(index+1);
rlm@46 26321
rlm@46 26322 if(this['hide'+triggerIndex]){
rlm@46 26323 t.dom.style.display = 'none';
rlm@46 26324 }
rlm@46 26325 t.on("click", this['on'+triggerIndex+'Click'], this, {preventDefault:true});
rlm@46 26326 t.addClassOnOver('x-form-trigger-over');
rlm@46 26327 t.addClassOnClick('x-form-trigger-click');
rlm@46 26328 }, this);
rlm@46 26329 this.triggers = ts.elements;
rlm@46 26330 },
rlm@46 26331
rlm@46 26332 onTrigger1Click : Ext.emptyFn,
rlm@46 26333 onTrigger2Click : Ext.emptyFn
rlm@46 26334 });
rlm@46 26335 Ext.reg('trigger', Ext.form.TriggerField);
rlm@46 26336
rlm@46 26337 Ext.form.TextArea = Ext.extend(Ext.form.TextField, {
rlm@46 26338
rlm@46 26339 growMin : 60,
rlm@46 26340
rlm@46 26341 growMax: 1000,
rlm@46 26342 growAppend : '&#160;\n&#160;',
rlm@46 26343 growPad : 0,
rlm@46 26344
rlm@46 26345 enterIsSpecial : false,
rlm@46 26346
rlm@46 26347
rlm@46 26348 preventScrollbars: false,
rlm@46 26349
rlm@46 26350
rlm@46 26351 onRender : function(ct, position){
rlm@46 26352 if(!this.el){
rlm@46 26353 this.defaultAutoCreate = {
rlm@46 26354 tag: "textarea",
rlm@46 26355 style:"width:100px;height:60px;",
rlm@46 26356 autocomplete: "off"
rlm@46 26357 };
rlm@46 26358 }
rlm@46 26359 Ext.form.TextArea.superclass.onRender.call(this, ct, position);
rlm@46 26360 if(this.grow){
rlm@46 26361 this.textSizeEl = Ext.DomHelper.append(document.body, {
rlm@46 26362 tag: "pre", cls: "x-form-grow-sizer"
rlm@46 26363 });
rlm@46 26364 if(this.preventScrollbars){
rlm@46 26365 this.el.setStyle("overflow", "hidden");
rlm@46 26366 }
rlm@46 26367 this.el.setHeight(this.growMin);
rlm@46 26368 }
rlm@46 26369 },
rlm@46 26370
rlm@46 26371 onDestroy : function(){
rlm@46 26372 if(this.textSizeEl){
rlm@46 26373 Ext.removeNode(this.textSizeEl);
rlm@46 26374 }
rlm@46 26375 Ext.form.TextArea.superclass.onDestroy.call(this);
rlm@46 26376 },
rlm@46 26377
rlm@46 26378 fireKey : function(e){
rlm@46 26379 if(e.isSpecialKey() && (this.enterIsSpecial || (e.getKey() != e.ENTER || e.hasModifier()))){
rlm@46 26380 this.fireEvent("specialkey", this, e);
rlm@46 26381 }
rlm@46 26382 },
rlm@46 26383
rlm@46 26384 onKeyUp : function(e){
rlm@46 26385 if(!e.isNavKeyPress() || e.getKey() == e.ENTER){
rlm@46 26386 this.autoSize();
rlm@46 26387 }
rlm@46 26388 },
rlm@46 26389
rlm@46 26390
rlm@46 26391 autoSize : function(){
rlm@46 26392 if(!this.grow || !this.textSizeEl){
rlm@46 26393 return;
rlm@46 26394 }
rlm@46 26395 var el = this.el;
rlm@46 26396 var v = el.dom.value;
rlm@46 26397 var ts = this.textSizeEl;
rlm@46 26398 ts.innerHTML = '';
rlm@46 26399 ts.appendChild(document.createTextNode(v));
rlm@46 26400 v = ts.innerHTML;
rlm@46 26401
rlm@46 26402 Ext.fly(ts).setWidth(this.el.getWidth());
rlm@46 26403 if(v.length < 1){
rlm@46 26404 v = "&#160;&#160;";
rlm@46 26405 }else{
rlm@46 26406 if(Ext.isIE){
rlm@46 26407 v = v.replace(/\n/g, '<p>&#160;</p>');
rlm@46 26408 }
rlm@46 26409 v += this.growAppend;
rlm@46 26410 }
rlm@46 26411 ts.innerHTML = v;
rlm@46 26412 var h = Math.min(this.growMax, Math.max(ts.offsetHeight, this.growMin)+this.growPad);
rlm@46 26413 if(h != this.lastHeight){
rlm@46 26414 this.lastHeight = h;
rlm@46 26415 this.el.setHeight(h);
rlm@46 26416 this.fireEvent("autosize", this, h);
rlm@46 26417 }
rlm@46 26418 }
rlm@46 26419 });
rlm@46 26420 Ext.reg('textarea', Ext.form.TextArea);
rlm@46 26421
rlm@46 26422 Ext.form.NumberField = Ext.extend(Ext.form.TextField, {
rlm@46 26423
rlm@46 26424 fieldClass: "x-form-field x-form-num-field",
rlm@46 26425
rlm@46 26426 allowDecimals : true,
rlm@46 26427
rlm@46 26428 decimalSeparator : ".",
rlm@46 26429
rlm@46 26430 decimalPrecision : 2,
rlm@46 26431
rlm@46 26432 allowNegative : true,
rlm@46 26433
rlm@46 26434 minValue : Number.NEGATIVE_INFINITY,
rlm@46 26435
rlm@46 26436 maxValue : Number.MAX_VALUE,
rlm@46 26437
rlm@46 26438 minText : "The minimum value for this field is {0}",
rlm@46 26439
rlm@46 26440 maxText : "The maximum value for this field is {0}",
rlm@46 26441
rlm@46 26442 nanText : "{0} is not a valid number",
rlm@46 26443
rlm@46 26444 baseChars : "0123456789",
rlm@46 26445
rlm@46 26446 initEvents : function(){
rlm@46 26447 Ext.form.NumberField.superclass.initEvents.call(this);
rlm@46 26448 var allowed = this.baseChars+'';
rlm@46 26449 if(this.allowDecimals){
rlm@46 26450 allowed += this.decimalSeparator;
rlm@46 26451 }
rlm@46 26452 if(this.allowNegative){
rlm@46 26453 allowed += "-";
rlm@46 26454 }
rlm@46 26455 this.stripCharsRe = new RegExp('[^'+allowed+']', 'gi');
rlm@46 26456 var keyPress = function(e){
rlm@46 26457 var k = e.getKey();
rlm@46 26458 if(!Ext.isIE && (e.isSpecialKey() || k == e.BACKSPACE || k == e.DELETE)){
rlm@46 26459 return;
rlm@46 26460 }
rlm@46 26461 var c = e.getCharCode();
rlm@46 26462 if(allowed.indexOf(String.fromCharCode(c)) === -1){
rlm@46 26463 e.stopEvent();
rlm@46 26464 }
rlm@46 26465 };
rlm@46 26466 this.el.on("keypress", keyPress, this);
rlm@46 26467 },
rlm@46 26468
rlm@46 26469 validateValue : function(value){
rlm@46 26470 if(!Ext.form.NumberField.superclass.validateValue.call(this, value)){
rlm@46 26471 return false;
rlm@46 26472 }
rlm@46 26473 if(value.length < 1){ return true;
rlm@46 26474 }
rlm@46 26475 value = String(value).replace(this.decimalSeparator, ".");
rlm@46 26476 if(isNaN(value)){
rlm@46 26477 this.markInvalid(String.format(this.nanText, value));
rlm@46 26478 return false;
rlm@46 26479 }
rlm@46 26480 var num = this.parseValue(value);
rlm@46 26481 if(num < this.minValue){
rlm@46 26482 this.markInvalid(String.format(this.minText, this.minValue));
rlm@46 26483 return false;
rlm@46 26484 }
rlm@46 26485 if(num > this.maxValue){
rlm@46 26486 this.markInvalid(String.format(this.maxText, this.maxValue));
rlm@46 26487 return false;
rlm@46 26488 }
rlm@46 26489 return true;
rlm@46 26490 },
rlm@46 26491
rlm@46 26492 getValue : function(){
rlm@46 26493 return this.fixPrecision(this.parseValue(Ext.form.NumberField.superclass.getValue.call(this)));
rlm@46 26494 },
rlm@46 26495
rlm@46 26496 setValue : function(v){
rlm@46 26497 v = typeof v == 'number' ? v : parseFloat(String(v).replace(this.decimalSeparator, "."));
rlm@46 26498 v = isNaN(v) ? '' : String(v).replace(".", this.decimalSeparator);
rlm@46 26499 Ext.form.NumberField.superclass.setValue.call(this, v);
rlm@46 26500 },
rlm@46 26501
rlm@46 26502 parseValue : function(value){
rlm@46 26503 value = parseFloat(String(value).replace(this.decimalSeparator, "."));
rlm@46 26504 return isNaN(value) ? '' : value;
rlm@46 26505 },
rlm@46 26506
rlm@46 26507 fixPrecision : function(value){
rlm@46 26508 var nan = isNaN(value);
rlm@46 26509 if(!this.allowDecimals || this.decimalPrecision == -1 || nan || !value){
rlm@46 26510 return nan ? '' : value;
rlm@46 26511 }
rlm@46 26512 return parseFloat(parseFloat(value).toFixed(this.decimalPrecision));
rlm@46 26513 },
rlm@46 26514
rlm@46 26515 beforeBlur : function(){
rlm@46 26516 var v = this.parseValue(this.getRawValue());
rlm@46 26517 if(v){
rlm@46 26518 this.setValue(this.fixPrecision(v));
rlm@46 26519 }
rlm@46 26520 }
rlm@46 26521 });
rlm@46 26522 Ext.reg('numberfield', Ext.form.NumberField);
rlm@46 26523
rlm@46 26524 Ext.form.DateField = Ext.extend(Ext.form.TriggerField, {
rlm@46 26525
rlm@46 26526 format : "m/d/Y",
rlm@46 26527
rlm@46 26528 altFormats : "m/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d",
rlm@46 26529
rlm@46 26530 disabledDays : null,
rlm@46 26531
rlm@46 26532 disabledDaysText : "Disabled",
rlm@46 26533
rlm@46 26534 disabledDates : null,
rlm@46 26535
rlm@46 26536 disabledDatesText : "Disabled",
rlm@46 26537
rlm@46 26538 minValue : null,
rlm@46 26539
rlm@46 26540 maxValue : null,
rlm@46 26541
rlm@46 26542 minText : "The date in this field must be equal to or after {0}",
rlm@46 26543
rlm@46 26544 maxText : "The date in this field must be equal to or before {0}",
rlm@46 26545
rlm@46 26546 invalidText : "{0} is not a valid date - it must be in the format {1}",
rlm@46 26547
rlm@46 26548 triggerClass : 'x-form-date-trigger',
rlm@46 26549
rlm@46 26550
rlm@46 26551 defaultAutoCreate : {tag: "input", type: "text", size: "10", autocomplete: "off"},
rlm@46 26552
rlm@46 26553 initComponent : function(){
rlm@46 26554 Ext.form.DateField.superclass.initComponent.call(this);
rlm@46 26555 if(typeof this.minValue == "string"){
rlm@46 26556 this.minValue = this.parseDate(this.minValue);
rlm@46 26557 }
rlm@46 26558 if(typeof this.maxValue == "string"){
rlm@46 26559 this.maxValue = this.parseDate(this.maxValue);
rlm@46 26560 }
rlm@46 26561 this.ddMatch = null;
rlm@46 26562 if(this.disabledDates){
rlm@46 26563 var dd = this.disabledDates;
rlm@46 26564 var re = "(?:";
rlm@46 26565 for(var i = 0; i < dd.length; i++){
rlm@46 26566 re += dd[i];
rlm@46 26567 if(i != dd.length-1) re += "|";
rlm@46 26568 }
rlm@46 26569 this.ddMatch = new RegExp(re + ")");
rlm@46 26570 }
rlm@46 26571 },
rlm@46 26572
rlm@46 26573 validateValue : function(value){
rlm@46 26574 value = this.formatDate(value);
rlm@46 26575 if(!Ext.form.DateField.superclass.validateValue.call(this, value)){
rlm@46 26576 return false;
rlm@46 26577 }
rlm@46 26578 if(value.length < 1){ return true;
rlm@46 26579 }
rlm@46 26580 var svalue = value;
rlm@46 26581 value = this.parseDate(value);
rlm@46 26582 if(!value){
rlm@46 26583 this.markInvalid(String.format(this.invalidText, svalue, this.format));
rlm@46 26584 return false;
rlm@46 26585 }
rlm@46 26586 var time = value.getTime();
rlm@46 26587 if(this.minValue && time < this.minValue.getTime()){
rlm@46 26588 this.markInvalid(String.format(this.minText, this.formatDate(this.minValue)));
rlm@46 26589 return false;
rlm@46 26590 }
rlm@46 26591 if(this.maxValue && time > this.maxValue.getTime()){
rlm@46 26592 this.markInvalid(String.format(this.maxText, this.formatDate(this.maxValue)));
rlm@46 26593 return false;
rlm@46 26594 }
rlm@46 26595 if(this.disabledDays){
rlm@46 26596 var day = value.getDay();
rlm@46 26597 for(var i = 0; i < this.disabledDays.length; i++) {
rlm@46 26598 if(day === this.disabledDays[i]){
rlm@46 26599 this.markInvalid(this.disabledDaysText);
rlm@46 26600 return false;
rlm@46 26601 }
rlm@46 26602 }
rlm@46 26603 }
rlm@46 26604 var fvalue = this.formatDate(value);
rlm@46 26605 if(this.ddMatch && this.ddMatch.test(fvalue)){
rlm@46 26606 this.markInvalid(String.format(this.disabledDatesText, fvalue));
rlm@46 26607 return false;
rlm@46 26608 }
rlm@46 26609 return true;
rlm@46 26610 },
rlm@46 26611
rlm@46 26612 validateBlur : function(){
rlm@46 26613 return !this.menu || !this.menu.isVisible();
rlm@46 26614 },
rlm@46 26615
rlm@46 26616
rlm@46 26617 getValue : function(){
rlm@46 26618 return this.parseDate(Ext.form.DateField.superclass.getValue.call(this)) || "";
rlm@46 26619 },
rlm@46 26620
rlm@46 26621
rlm@46 26622 setValue : function(date){
rlm@46 26623 Ext.form.DateField.superclass.setValue.call(this, this.formatDate(this.parseDate(date)));
rlm@46 26624 },
rlm@46 26625
rlm@46 26626 parseDate : function(value){
rlm@46 26627 if(!value || Ext.isDate(value)){
rlm@46 26628 return value;
rlm@46 26629 }
rlm@46 26630 var v = Date.parseDate(value, this.format);
rlm@46 26631 if(!v && this.altFormats){
rlm@46 26632 if(!this.altFormatsArray){
rlm@46 26633 this.altFormatsArray = this.altFormats.split("|");
rlm@46 26634 }
rlm@46 26635 for(var i = 0, len = this.altFormatsArray.length; i < len && !v; i++){
rlm@46 26636 v = Date.parseDate(value, this.altFormatsArray[i]);
rlm@46 26637 }
rlm@46 26638 }
rlm@46 26639 return v;
rlm@46 26640 },
rlm@46 26641
rlm@46 26642 onDestroy : function(){
rlm@46 26643 if(this.menu) {
rlm@46 26644 this.menu.destroy();
rlm@46 26645 }
rlm@46 26646 if(this.wrap){
rlm@46 26647 this.wrap.remove();
rlm@46 26648 }
rlm@46 26649 Ext.form.DateField.superclass.onDestroy.call(this);
rlm@46 26650 },
rlm@46 26651
rlm@46 26652 formatDate : function(date){
rlm@46 26653 return Ext.isDate(date) ? date.dateFormat(this.format) : date;
rlm@46 26654 },
rlm@46 26655
rlm@46 26656 menuListeners : {
rlm@46 26657 select: function(m, d){
rlm@46 26658 this.setValue(d);
rlm@46 26659 },
rlm@46 26660 show : function(){ this.onFocus();
rlm@46 26661 },
rlm@46 26662 hide : function(){
rlm@46 26663 this.focus.defer(10, this);
rlm@46 26664 var ml = this.menuListeners;
rlm@46 26665 this.menu.un("select", ml.select, this);
rlm@46 26666 this.menu.un("show", ml.show, this);
rlm@46 26667 this.menu.un("hide", ml.hide, this);
rlm@46 26668 }
rlm@46 26669 },
rlm@46 26670
rlm@46 26671 onTriggerClick : function(){
rlm@46 26672 if(this.disabled){
rlm@46 26673 return;
rlm@46 26674 }
rlm@46 26675 if(this.menu == null){
rlm@46 26676 this.menu = new Ext.menu.DateMenu();
rlm@46 26677 }
rlm@46 26678 Ext.apply(this.menu.picker, {
rlm@46 26679 minDate : this.minValue,
rlm@46 26680 maxDate : this.maxValue,
rlm@46 26681 disabledDatesRE : this.ddMatch,
rlm@46 26682 disabledDatesText : this.disabledDatesText,
rlm@46 26683 disabledDays : this.disabledDays,
rlm@46 26684 disabledDaysText : this.disabledDaysText,
rlm@46 26685 format : this.format,
rlm@46 26686 minText : String.format(this.minText, this.formatDate(this.minValue)),
rlm@46 26687 maxText : String.format(this.maxText, this.formatDate(this.maxValue))
rlm@46 26688 });
rlm@46 26689 this.menu.on(Ext.apply({}, this.menuListeners, {
rlm@46 26690 scope:this
rlm@46 26691 }));
rlm@46 26692 this.menu.picker.setValue(this.getValue() || new Date());
rlm@46 26693 this.menu.show(this.el, "tl-bl?");
rlm@46 26694 },
rlm@46 26695
rlm@46 26696 beforeBlur : function(){
rlm@46 26697 var v = this.parseDate(this.getRawValue());
rlm@46 26698 if(v){
rlm@46 26699 this.setValue(v);
rlm@46 26700 }
rlm@46 26701 }
rlm@46 26702
rlm@46 26703
rlm@46 26704
rlm@46 26705
rlm@46 26706
rlm@46 26707 });
rlm@46 26708 Ext.reg('datefield', Ext.form.DateField);
rlm@46 26709
rlm@46 26710 Ext.form.ComboBox = Ext.extend(Ext.form.TriggerField, {
rlm@46 26711
rlm@46 26712
rlm@46 26713
rlm@46 26714
rlm@46 26715
rlm@46 26716
rlm@46 26717 defaultAutoCreate : {tag: "input", type: "text", size: "24", autocomplete: "off"},
rlm@46 26718
rlm@46 26719
rlm@46 26720
rlm@46 26721
rlm@46 26722
rlm@46 26723
rlm@46 26724 listClass: '',
rlm@46 26725
rlm@46 26726 selectedClass: 'x-combo-selected',
rlm@46 26727
rlm@46 26728 triggerClass : 'x-form-arrow-trigger',
rlm@46 26729
rlm@46 26730 shadow:'sides',
rlm@46 26731
rlm@46 26732 listAlign: 'tl-bl?',
rlm@46 26733
rlm@46 26734 maxHeight: 300,
rlm@46 26735
rlm@46 26736 minHeight: 90,
rlm@46 26737
rlm@46 26738 triggerAction: 'query',
rlm@46 26739
rlm@46 26740 minChars : 4,
rlm@46 26741
rlm@46 26742 typeAhead: false,
rlm@46 26743
rlm@46 26744 queryDelay: 500,
rlm@46 26745
rlm@46 26746 pageSize: 0,
rlm@46 26747
rlm@46 26748 selectOnFocus:false,
rlm@46 26749
rlm@46 26750 queryParam: 'query',
rlm@46 26751
rlm@46 26752 loadingText: 'Loading...',
rlm@46 26753
rlm@46 26754 resizable: false,
rlm@46 26755
rlm@46 26756 handleHeight : 8,
rlm@46 26757
rlm@46 26758 editable: true,
rlm@46 26759
rlm@46 26760 allQuery: '',
rlm@46 26761
rlm@46 26762 mode: 'remote',
rlm@46 26763
rlm@46 26764 minListWidth : 70,
rlm@46 26765
rlm@46 26766 forceSelection:false,
rlm@46 26767
rlm@46 26768 typeAheadDelay : 250,
rlm@46 26769
rlm@46 26770
rlm@46 26771
rlm@46 26772 lazyInit : true,
rlm@46 26773
rlm@46 26774 initComponent : function(){
rlm@46 26775 Ext.form.ComboBox.superclass.initComponent.call(this);
rlm@46 26776 this.addEvents(
rlm@46 26777
rlm@46 26778 'expand',
rlm@46 26779
rlm@46 26780 'collapse',
rlm@46 26781
rlm@46 26782 'beforeselect',
rlm@46 26783
rlm@46 26784 'select',
rlm@46 26785
rlm@46 26786 'beforequery'
rlm@46 26787 );
rlm@46 26788 if(this.transform){
rlm@46 26789 this.allowDomMove = false;
rlm@46 26790 var s = Ext.getDom(this.transform);
rlm@46 26791 if(!this.hiddenName){
rlm@46 26792 this.hiddenName = s.name;
rlm@46 26793 }
rlm@46 26794 if(!this.store){
rlm@46 26795 this.mode = 'local';
rlm@46 26796 var d = [], opts = s.options;
rlm@46 26797 for(var i = 0, len = opts.length;i < len; i++){
rlm@46 26798 var o = opts[i];
rlm@46 26799 var value = (Ext.isIE ? o.getAttributeNode('value').specified : o.hasAttribute('value')) ? o.value : o.text;
rlm@46 26800 if(o.selected) {
rlm@46 26801 this.value = value;
rlm@46 26802 }
rlm@46 26803 d.push([value, o.text]);
rlm@46 26804 }
rlm@46 26805 this.store = new Ext.data.SimpleStore({
rlm@46 26806 'id': 0,
rlm@46 26807 fields: ['value', 'text'],
rlm@46 26808 data : d
rlm@46 26809 });
rlm@46 26810 this.valueField = 'value';
rlm@46 26811 this.displayField = 'text';
rlm@46 26812 }
rlm@46 26813 s.name = Ext.id(); if(!this.lazyRender){
rlm@46 26814 this.target = true;
rlm@46 26815 this.el = Ext.DomHelper.insertBefore(s, this.autoCreate || this.defaultAutoCreate);
rlm@46 26816 Ext.removeNode(s); this.render(this.el.parentNode);
rlm@46 26817 }else{
rlm@46 26818 Ext.removeNode(s); }
rlm@46 26819 }
rlm@46 26820 else if(Ext.isArray(this.store)){
rlm@46 26821 if (Ext.isArray(this.store[0])){
rlm@46 26822 this.store = new Ext.data.SimpleStore({
rlm@46 26823 fields: ['value','text'],
rlm@46 26824 data: this.store
rlm@46 26825 });
rlm@46 26826 this.valueField = 'value';
rlm@46 26827 }else{
rlm@46 26828 this.store = new Ext.data.SimpleStore({
rlm@46 26829 fields: ['text'],
rlm@46 26830 data: this.store,
rlm@46 26831 expandData: true
rlm@46 26832 });
rlm@46 26833 this.valueField = 'text';
rlm@46 26834 }
rlm@46 26835 this.displayField = 'text';
rlm@46 26836 this.mode = 'local';
rlm@46 26837 }
rlm@46 26838
rlm@46 26839 this.selectedIndex = -1;
rlm@46 26840 if(this.mode == 'local'){
rlm@46 26841 if(this.initialConfig.queryDelay === undefined){
rlm@46 26842 this.queryDelay = 10;
rlm@46 26843 }
rlm@46 26844 if(this.initialConfig.minChars === undefined){
rlm@46 26845 this.minChars = 0;
rlm@46 26846 }
rlm@46 26847 }
rlm@46 26848 },
rlm@46 26849
rlm@46 26850 onRender : function(ct, position){
rlm@46 26851 Ext.form.ComboBox.superclass.onRender.call(this, ct, position);
rlm@46 26852 if(this.hiddenName){
rlm@46 26853 this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName, id: (this.hiddenId||this.hiddenName)},
rlm@46 26854 'before', true);
rlm@46 26855 this.hiddenField.value =
rlm@46 26856 this.hiddenValue !== undefined ? this.hiddenValue :
rlm@46 26857 this.value !== undefined ? this.value : '';
rlm@46 26858
rlm@46 26859 this.el.dom.removeAttribute('name');
rlm@46 26860 }
rlm@46 26861 if(Ext.isGecko){
rlm@46 26862 this.el.dom.setAttribute('autocomplete', 'off');
rlm@46 26863 }
rlm@46 26864
rlm@46 26865 if(!this.lazyInit){
rlm@46 26866 this.initList();
rlm@46 26867 }else{
rlm@46 26868 this.on('focus', this.initList, this, {single: true});
rlm@46 26869 }
rlm@46 26870
rlm@46 26871 if(!this.editable){
rlm@46 26872 this.editable = true;
rlm@46 26873 this.setEditable(false);
rlm@46 26874 }
rlm@46 26875 },
rlm@46 26876
rlm@46 26877 initList : function(){
rlm@46 26878 if(!this.list){
rlm@46 26879 var cls = 'x-combo-list';
rlm@46 26880
rlm@46 26881 this.list = new Ext.Layer({
rlm@46 26882 shadow: this.shadow, cls: [cls, this.listClass].join(' '), constrain:false
rlm@46 26883 });
rlm@46 26884
rlm@46 26885 var lw = this.listWidth || Math.max(this.wrap.getWidth(), this.minListWidth);
rlm@46 26886 this.list.setWidth(lw);
rlm@46 26887 this.list.swallowEvent('mousewheel');
rlm@46 26888 this.assetHeight = 0;
rlm@46 26889
rlm@46 26890 if(this.title){
rlm@46 26891 this.header = this.list.createChild({cls:cls+'-hd', html: this.title});
rlm@46 26892 this.assetHeight += this.header.getHeight();
rlm@46 26893 }
rlm@46 26894
rlm@46 26895 this.innerList = this.list.createChild({cls:cls+'-inner'});
rlm@46 26896 this.innerList.on('mouseover', this.onViewOver, this);
rlm@46 26897 this.innerList.on('mousemove', this.onViewMove, this);
rlm@46 26898 this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
rlm@46 26899
rlm@46 26900 if(this.pageSize){
rlm@46 26901 this.footer = this.list.createChild({cls:cls+'-ft'});
rlm@46 26902 this.pageTb = new Ext.PagingToolbar({
rlm@46 26903 store:this.store,
rlm@46 26904 pageSize: this.pageSize,
rlm@46 26905 renderTo:this.footer
rlm@46 26906 });
rlm@46 26907 this.assetHeight += this.footer.getHeight();
rlm@46 26908 }
rlm@46 26909
rlm@46 26910 if(!this.tpl){
rlm@46 26911
rlm@46 26912 this.tpl = '<tpl for="."><div class="'+cls+'-item">{' + this.displayField + '}</div></tpl>';
rlm@46 26913
rlm@46 26914 }
rlm@46 26915
rlm@46 26916
rlm@46 26917 this.view = new Ext.DataView({
rlm@46 26918 applyTo: this.innerList,
rlm@46 26919 tpl: this.tpl,
rlm@46 26920 singleSelect: true,
rlm@46 26921 selectedClass: this.selectedClass,
rlm@46 26922 itemSelector: this.itemSelector || '.' + cls + '-item'
rlm@46 26923 });
rlm@46 26924
rlm@46 26925 this.view.on('click', this.onViewClick, this);
rlm@46 26926
rlm@46 26927 this.bindStore(this.store, true);
rlm@46 26928
rlm@46 26929 if(this.resizable){
rlm@46 26930 this.resizer = new Ext.Resizable(this.list, {
rlm@46 26931 pinned:true, handles:'se'
rlm@46 26932 });
rlm@46 26933 this.resizer.on('resize', function(r, w, h){
rlm@46 26934 this.maxHeight = h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;
rlm@46 26935 this.listWidth = w;
rlm@46 26936 this.innerList.setWidth(w - this.list.getFrameWidth('lr'));
rlm@46 26937 this.restrictHeight();
rlm@46 26938 }, this);
rlm@46 26939 this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom', this.handleHeight+'px');
rlm@46 26940 }
rlm@46 26941 }
rlm@46 26942 },
rlm@46 26943
rlm@46 26944
rlm@46 26945 bindStore : function(store, initial){
rlm@46 26946 if(this.store && !initial){
rlm@46 26947 this.store.un('beforeload', this.onBeforeLoad, this);
rlm@46 26948 this.store.un('load', this.onLoad, this);
rlm@46 26949 this.store.un('loadexception', this.collapse, this);
rlm@46 26950 if(!store){
rlm@46 26951 this.store = null;
rlm@46 26952 if(this.view){
rlm@46 26953 this.view.setStore(null);
rlm@46 26954 }
rlm@46 26955 }
rlm@46 26956 }
rlm@46 26957 if(store){
rlm@46 26958 this.store = Ext.StoreMgr.lookup(store);
rlm@46 26959
rlm@46 26960 this.store.on('beforeload', this.onBeforeLoad, this);
rlm@46 26961 this.store.on('load', this.onLoad, this);
rlm@46 26962 this.store.on('loadexception', this.collapse, this);
rlm@46 26963
rlm@46 26964 if(this.view){
rlm@46 26965 this.view.setStore(store);
rlm@46 26966 }
rlm@46 26967 }
rlm@46 26968 },
rlm@46 26969
rlm@46 26970 initEvents : function(){
rlm@46 26971 Ext.form.ComboBox.superclass.initEvents.call(this);
rlm@46 26972
rlm@46 26973 this.keyNav = new Ext.KeyNav(this.el, {
rlm@46 26974 "up" : function(e){
rlm@46 26975 this.inKeyMode = true;
rlm@46 26976 this.selectPrev();
rlm@46 26977 },
rlm@46 26978
rlm@46 26979 "down" : function(e){
rlm@46 26980 if(!this.isExpanded()){
rlm@46 26981 this.onTriggerClick();
rlm@46 26982 }else{
rlm@46 26983 this.inKeyMode = true;
rlm@46 26984 this.selectNext();
rlm@46 26985 }
rlm@46 26986 },
rlm@46 26987
rlm@46 26988 "enter" : function(e){
rlm@46 26989 this.onViewClick();
rlm@46 26990 this.delayedCheck = true;
rlm@46 26991 this.unsetDelayCheck.defer(10, this);
rlm@46 26992 },
rlm@46 26993
rlm@46 26994 "esc" : function(e){
rlm@46 26995 this.collapse();
rlm@46 26996 },
rlm@46 26997
rlm@46 26998 "tab" : function(e){
rlm@46 26999 this.onViewClick(false);
rlm@46 27000 return true;
rlm@46 27001 },
rlm@46 27002
rlm@46 27003 scope : this,
rlm@46 27004
rlm@46 27005 doRelay : function(foo, bar, hname){
rlm@46 27006 if(hname == 'down' || this.scope.isExpanded()){
rlm@46 27007 return Ext.KeyNav.prototype.doRelay.apply(this, arguments);
rlm@46 27008 }
rlm@46 27009 return true;
rlm@46 27010 },
rlm@46 27011
rlm@46 27012 forceKeyDown : true
rlm@46 27013 });
rlm@46 27014 this.queryDelay = Math.max(this.queryDelay || 10,
rlm@46 27015 this.mode == 'local' ? 10 : 250);
rlm@46 27016 this.dqTask = new Ext.util.DelayedTask(this.initQuery, this);
rlm@46 27017 if(this.typeAhead){
rlm@46 27018 this.taTask = new Ext.util.DelayedTask(this.onTypeAhead, this);
rlm@46 27019 }
rlm@46 27020 if(this.editable !== false){
rlm@46 27021 this.el.on("keyup", this.onKeyUp, this);
rlm@46 27022 }
rlm@46 27023 if(this.forceSelection){
rlm@46 27024 this.on('blur', this.doForce, this);
rlm@46 27025 }
rlm@46 27026 },
rlm@46 27027
rlm@46 27028 onDestroy : function(){
rlm@46 27029 if(this.view){
rlm@46 27030 this.view.el.removeAllListeners();
rlm@46 27031 this.view.el.remove();
rlm@46 27032 this.view.purgeListeners();
rlm@46 27033 }
rlm@46 27034 if(this.list){
rlm@46 27035 this.list.destroy();
rlm@46 27036 }
rlm@46 27037 this.bindStore(null);
rlm@46 27038 Ext.form.ComboBox.superclass.onDestroy.call(this);
rlm@46 27039 },
rlm@46 27040
rlm@46 27041 unsetDelayCheck : function(){
rlm@46 27042 delete this.delayedCheck;
rlm@46 27043 },
rlm@46 27044 fireKey : function(e){
rlm@46 27045 if(e.isNavKeyPress() && !this.isExpanded() && !this.delayedCheck){
rlm@46 27046 this.fireEvent("specialkey", this, e);
rlm@46 27047 }
rlm@46 27048 },
rlm@46 27049
rlm@46 27050 onResize: function(w, h){
rlm@46 27051 Ext.form.ComboBox.superclass.onResize.apply(this, arguments);
rlm@46 27052 if(this.list && this.listWidth === undefined){
rlm@46 27053 var lw = Math.max(w, this.minListWidth);
rlm@46 27054 this.list.setWidth(lw);
rlm@46 27055 this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
rlm@46 27056 }
rlm@46 27057 },
rlm@46 27058
rlm@46 27059 onEnable: function(){
rlm@46 27060 Ext.form.ComboBox.superclass.onEnable.apply(this, arguments);
rlm@46 27061 if(this.hiddenField){
rlm@46 27062 this.hiddenField.disabled = false;
rlm@46 27063 }
rlm@46 27064 },
rlm@46 27065
rlm@46 27066 onDisable: function(){
rlm@46 27067 Ext.form.ComboBox.superclass.onDisable.apply(this, arguments);
rlm@46 27068 if(this.hiddenField){
rlm@46 27069 this.hiddenField.disabled = true;
rlm@46 27070 }
rlm@46 27071 },
rlm@46 27072
rlm@46 27073
rlm@46 27074 setEditable : function(value){
rlm@46 27075 if(value == this.editable){
rlm@46 27076 return;
rlm@46 27077 }
rlm@46 27078 this.editable = value;
rlm@46 27079 if(!value){
rlm@46 27080 this.el.dom.setAttribute('readOnly', true);
rlm@46 27081 this.el.on('mousedown', this.onTriggerClick, this);
rlm@46 27082 this.el.addClass('x-combo-noedit');
rlm@46 27083 }else{
rlm@46 27084 this.el.dom.setAttribute('readOnly', false);
rlm@46 27085 this.el.un('mousedown', this.onTriggerClick, this);
rlm@46 27086 this.el.removeClass('x-combo-noedit');
rlm@46 27087 }
rlm@46 27088 },
rlm@46 27089
rlm@46 27090 onBeforeLoad : function(){
rlm@46 27091 if(!this.hasFocus){
rlm@46 27092 return;
rlm@46 27093 }
rlm@46 27094 this.innerList.update(this.loadingText ?
rlm@46 27095 '<div class="loading-indicator">'+this.loadingText+'</div>' : '');
rlm@46 27096 this.restrictHeight();
rlm@46 27097 this.selectedIndex = -1;
rlm@46 27098 },
rlm@46 27099
rlm@46 27100 onLoad : function(){
rlm@46 27101 if(!this.hasFocus){
rlm@46 27102 return;
rlm@46 27103 }
rlm@46 27104 if(this.store.getCount() > 0){
rlm@46 27105 this.expand();
rlm@46 27106 this.restrictHeight();
rlm@46 27107 if(this.lastQuery == this.allQuery){
rlm@46 27108 if(this.editable){
rlm@46 27109 this.el.dom.select();
rlm@46 27110 }
rlm@46 27111 if(!this.selectByValue(this.value, true)){
rlm@46 27112 this.select(0, true);
rlm@46 27113 }
rlm@46 27114 }else{
rlm@46 27115 this.selectNext();
rlm@46 27116 if(this.typeAhead && this.lastKey != Ext.EventObject.BACKSPACE && this.lastKey != Ext.EventObject.DELETE){
rlm@46 27117 this.taTask.delay(this.typeAheadDelay);
rlm@46 27118 }
rlm@46 27119 }
rlm@46 27120 }else{
rlm@46 27121 this.onEmptyResults();
rlm@46 27122 }
rlm@46 27123 },
rlm@46 27124
rlm@46 27125 onTypeAhead : function(){
rlm@46 27126 if(this.store.getCount() > 0){
rlm@46 27127 var r = this.store.getAt(0);
rlm@46 27128 var newValue = r.data[this.displayField];
rlm@46 27129 var len = newValue.length;
rlm@46 27130 var selStart = this.getRawValue().length;
rlm@46 27131 if(selStart != len){
rlm@46 27132 this.setRawValue(newValue);
rlm@46 27133 this.selectText(selStart, newValue.length);
rlm@46 27134 }
rlm@46 27135 }
rlm@46 27136 },
rlm@46 27137
rlm@46 27138 onSelect : function(record, index){
rlm@46 27139 if(this.fireEvent('beforeselect', this, record, index) !== false){
rlm@46 27140 this.setValue(record.data[this.valueField || this.displayField]);
rlm@46 27141 this.collapse();
rlm@46 27142 this.fireEvent('select', this, record, index);
rlm@46 27143 }
rlm@46 27144 },
rlm@46 27145
rlm@46 27146
rlm@46 27147 getValue : function(){
rlm@46 27148 if(this.valueField){
rlm@46 27149 return typeof this.value != 'undefined' ? this.value : '';
rlm@46 27150 }else{
rlm@46 27151 return Ext.form.ComboBox.superclass.getValue.call(this);
rlm@46 27152 }
rlm@46 27153 },
rlm@46 27154
rlm@46 27155
rlm@46 27156 clearValue : function(){
rlm@46 27157 if(this.hiddenField){
rlm@46 27158 this.hiddenField.value = '';
rlm@46 27159 }
rlm@46 27160 this.setRawValue('');
rlm@46 27161 this.lastSelectionText = '';
rlm@46 27162 this.applyEmptyText();
rlm@46 27163 this.value = '';
rlm@46 27164 },
rlm@46 27165
rlm@46 27166
rlm@46 27167 setValue : function(v){
rlm@46 27168 var text = v;
rlm@46 27169 if(this.valueField){
rlm@46 27170 var r = this.findRecord(this.valueField, v);
rlm@46 27171 if(r){
rlm@46 27172 text = r.data[this.displayField];
rlm@46 27173 }else if(this.valueNotFoundText !== undefined){
rlm@46 27174 text = this.valueNotFoundText;
rlm@46 27175 }
rlm@46 27176 }
rlm@46 27177 this.lastSelectionText = text;
rlm@46 27178 if(this.hiddenField){
rlm@46 27179 this.hiddenField.value = v;
rlm@46 27180 }
rlm@46 27181 Ext.form.ComboBox.superclass.setValue.call(this, text);
rlm@46 27182 this.value = v;
rlm@46 27183 },
rlm@46 27184
rlm@46 27185 findRecord : function(prop, value){
rlm@46 27186 var record;
rlm@46 27187 if(this.store.getCount() > 0){
rlm@46 27188 this.store.each(function(r){
rlm@46 27189 if(r.data[prop] == value){
rlm@46 27190 record = r;
rlm@46 27191 return false;
rlm@46 27192 }
rlm@46 27193 });
rlm@46 27194 }
rlm@46 27195 return record;
rlm@46 27196 },
rlm@46 27197
rlm@46 27198 onViewMove : function(e, t){
rlm@46 27199 this.inKeyMode = false;
rlm@46 27200 },
rlm@46 27201
rlm@46 27202 onViewOver : function(e, t){
rlm@46 27203 if(this.inKeyMode){ return;
rlm@46 27204 }
rlm@46 27205 var item = this.view.findItemFromChild(t);
rlm@46 27206 if(item){
rlm@46 27207 var index = this.view.indexOf(item);
rlm@46 27208 this.select(index, false);
rlm@46 27209 }
rlm@46 27210 },
rlm@46 27211
rlm@46 27212 onViewClick : function(doFocus){
rlm@46 27213 var index = this.view.getSelectedIndexes()[0];
rlm@46 27214 var r = this.store.getAt(index);
rlm@46 27215 if(r){
rlm@46 27216 this.onSelect(r, index);
rlm@46 27217 }
rlm@46 27218 if(doFocus !== false){
rlm@46 27219 this.el.focus();
rlm@46 27220 }
rlm@46 27221 },
rlm@46 27222
rlm@46 27223 restrictHeight : function(){
rlm@46 27224 this.innerList.dom.style.height = '';
rlm@46 27225 var inner = this.innerList.dom;
rlm@46 27226 var pad = this.list.getFrameWidth('tb')+(this.resizable?this.handleHeight:0)+this.assetHeight;
rlm@46 27227 var h = Math.max(inner.clientHeight, inner.offsetHeight, inner.scrollHeight);
rlm@46 27228 var ha = this.getPosition()[1]-Ext.getBody().getScroll().top;
rlm@46 27229 var hb = Ext.lib.Dom.getViewHeight()-ha-this.getSize().height;
rlm@46 27230 var space = Math.max(ha, hb, this.minHeight || 0)-this.list.shadowOffset-pad-5;
rlm@46 27231 h = Math.min(h, space, this.maxHeight);
rlm@46 27232
rlm@46 27233 this.innerList.setHeight(h);
rlm@46 27234 this.list.beginUpdate();
rlm@46 27235 this.list.setHeight(h+pad);
rlm@46 27236 this.list.alignTo(this.wrap, this.listAlign);
rlm@46 27237 this.list.endUpdate();
rlm@46 27238 },
rlm@46 27239
rlm@46 27240 onEmptyResults : function(){
rlm@46 27241 this.collapse();
rlm@46 27242 },
rlm@46 27243
rlm@46 27244
rlm@46 27245 isExpanded : function(){
rlm@46 27246 return this.list && this.list.isVisible();
rlm@46 27247 },
rlm@46 27248
rlm@46 27249
rlm@46 27250 selectByValue : function(v, scrollIntoView){
rlm@46 27251 if(v !== undefined && v !== null){
rlm@46 27252 var r = this.findRecord(this.valueField || this.displayField, v);
rlm@46 27253 if(r){
rlm@46 27254 this.select(this.store.indexOf(r), scrollIntoView);
rlm@46 27255 return true;
rlm@46 27256 }
rlm@46 27257 }
rlm@46 27258 return false;
rlm@46 27259 },
rlm@46 27260
rlm@46 27261
rlm@46 27262 select : function(index, scrollIntoView){
rlm@46 27263 this.selectedIndex = index;
rlm@46 27264 this.view.select(index);
rlm@46 27265 if(scrollIntoView !== false){
rlm@46 27266 var el = this.view.getNode(index);
rlm@46 27267 if(el){
rlm@46 27268 this.innerList.scrollChildIntoView(el, false);
rlm@46 27269 }
rlm@46 27270 }
rlm@46 27271 },
rlm@46 27272
rlm@46 27273 selectNext : function(){
rlm@46 27274 var ct = this.store.getCount();
rlm@46 27275 if(ct > 0){
rlm@46 27276 if(this.selectedIndex == -1){
rlm@46 27277 this.select(0);
rlm@46 27278 }else if(this.selectedIndex < ct-1){
rlm@46 27279 this.select(this.selectedIndex+1);
rlm@46 27280 }
rlm@46 27281 }
rlm@46 27282 },
rlm@46 27283
rlm@46 27284 selectPrev : function(){
rlm@46 27285 var ct = this.store.getCount();
rlm@46 27286 if(ct > 0){
rlm@46 27287 if(this.selectedIndex == -1){
rlm@46 27288 this.select(0);
rlm@46 27289 }else if(this.selectedIndex != 0){
rlm@46 27290 this.select(this.selectedIndex-1);
rlm@46 27291 }
rlm@46 27292 }
rlm@46 27293 },
rlm@46 27294
rlm@46 27295 onKeyUp : function(e){
rlm@46 27296 if(this.editable !== false && !e.isSpecialKey()){
rlm@46 27297 this.lastKey = e.getKey();
rlm@46 27298 this.dqTask.delay(this.queryDelay);
rlm@46 27299 }
rlm@46 27300 },
rlm@46 27301
rlm@46 27302 validateBlur : function(){
rlm@46 27303 return !this.list || !this.list.isVisible();
rlm@46 27304 },
rlm@46 27305
rlm@46 27306 initQuery : function(){
rlm@46 27307 this.doQuery(this.getRawValue());
rlm@46 27308 },
rlm@46 27309
rlm@46 27310 doForce : function(){
rlm@46 27311 if(this.el.dom.value.length > 0){
rlm@46 27312 this.el.dom.value =
rlm@46 27313 this.lastSelectionText === undefined ? '' : this.lastSelectionText;
rlm@46 27314 this.applyEmptyText();
rlm@46 27315 }
rlm@46 27316 },
rlm@46 27317
rlm@46 27318
rlm@46 27319 doQuery : function(q, forceAll){
rlm@46 27320 if(q === undefined || q === null){
rlm@46 27321 q = '';
rlm@46 27322 }
rlm@46 27323 var qe = {
rlm@46 27324 query: q,
rlm@46 27325 forceAll: forceAll,
rlm@46 27326 combo: this,
rlm@46 27327 cancel:false
rlm@46 27328 };
rlm@46 27329 if(this.fireEvent('beforequery', qe)===false || qe.cancel){
rlm@46 27330 return false;
rlm@46 27331 }
rlm@46 27332 q = qe.query;
rlm@46 27333 forceAll = qe.forceAll;
rlm@46 27334 if(forceAll === true || (q.length >= this.minChars)){
rlm@46 27335 if(this.lastQuery !== q){
rlm@46 27336 this.lastQuery = q;
rlm@46 27337 if(this.mode == 'local'){
rlm@46 27338 this.selectedIndex = -1;
rlm@46 27339 if(forceAll){
rlm@46 27340 this.store.clearFilter();
rlm@46 27341 }else{
rlm@46 27342 this.store.filter(this.displayField, q);
rlm@46 27343 }
rlm@46 27344 this.onLoad();
rlm@46 27345 }else{
rlm@46 27346 this.store.baseParams[this.queryParam] = q;
rlm@46 27347 this.store.load({
rlm@46 27348 params: this.getParams(q)
rlm@46 27349 });
rlm@46 27350 this.expand();
rlm@46 27351 }
rlm@46 27352 }else{
rlm@46 27353 this.selectedIndex = -1;
rlm@46 27354 this.onLoad();
rlm@46 27355 }
rlm@46 27356 }
rlm@46 27357 },
rlm@46 27358
rlm@46 27359 getParams : function(q){
rlm@46 27360 var p = {};
rlm@46 27361 if(this.pageSize){
rlm@46 27362 p.start = 0;
rlm@46 27363 p.limit = this.pageSize;
rlm@46 27364 }
rlm@46 27365 return p;
rlm@46 27366 },
rlm@46 27367
rlm@46 27368
rlm@46 27369 collapse : function(){
rlm@46 27370 if(!this.isExpanded()){
rlm@46 27371 return;
rlm@46 27372 }
rlm@46 27373 this.list.hide();
rlm@46 27374 Ext.getDoc().un('mousewheel', this.collapseIf, this);
rlm@46 27375 Ext.getDoc().un('mousedown', this.collapseIf, this);
rlm@46 27376 this.fireEvent('collapse', this);
rlm@46 27377 },
rlm@46 27378
rlm@46 27379 collapseIf : function(e){
rlm@46 27380 if(!e.within(this.wrap) && !e.within(this.list)){
rlm@46 27381 this.collapse();
rlm@46 27382 }
rlm@46 27383 },
rlm@46 27384
rlm@46 27385
rlm@46 27386 expand : function(){
rlm@46 27387 if(this.isExpanded() || !this.hasFocus){
rlm@46 27388 return;
rlm@46 27389 }
rlm@46 27390 this.list.alignTo(this.wrap, this.listAlign);
rlm@46 27391 this.list.show();
rlm@46 27392 this.innerList.setOverflow('auto'); Ext.getDoc().on('mousewheel', this.collapseIf, this);
rlm@46 27393 Ext.getDoc().on('mousedown', this.collapseIf, this);
rlm@46 27394 this.fireEvent('expand', this);
rlm@46 27395 },
rlm@46 27396
rlm@46 27397 onTriggerClick : function(){
rlm@46 27398 if(this.disabled){
rlm@46 27399 return;
rlm@46 27400 }
rlm@46 27401 if(this.isExpanded()){
rlm@46 27402 this.collapse();
rlm@46 27403 this.el.focus();
rlm@46 27404 }else {
rlm@46 27405 this.onFocus({});
rlm@46 27406 if(this.triggerAction == 'all') {
rlm@46 27407 this.doQuery(this.allQuery, true);
rlm@46 27408 } else {
rlm@46 27409 this.doQuery(this.getRawValue());
rlm@46 27410 }
rlm@46 27411 this.el.focus();
rlm@46 27412 }
rlm@46 27413 }
rlm@46 27414
rlm@46 27415
rlm@46 27416
rlm@46 27417
rlm@46 27418
rlm@46 27419
rlm@46 27420 });
rlm@46 27421 Ext.reg('combo', Ext.form.ComboBox);
rlm@46 27422
rlm@46 27423 Ext.form.Checkbox = Ext.extend(Ext.form.Field, {
rlm@46 27424
rlm@46 27425 focusClass : undefined,
rlm@46 27426
rlm@46 27427 fieldClass: "x-form-field",
rlm@46 27428
rlm@46 27429 checked: false,
rlm@46 27430
rlm@46 27431 defaultAutoCreate : { tag: "input", type: 'checkbox', autocomplete: "off"},
rlm@46 27432
rlm@46 27433
rlm@46 27434
rlm@46 27435 initComponent : function(){
rlm@46 27436 Ext.form.Checkbox.superclass.initComponent.call(this);
rlm@46 27437 this.addEvents(
rlm@46 27438
rlm@46 27439 'check'
rlm@46 27440 );
rlm@46 27441 },
rlm@46 27442
rlm@46 27443 onResize : function(){
rlm@46 27444 Ext.form.Checkbox.superclass.onResize.apply(this, arguments);
rlm@46 27445 if(!this.boxLabel){
rlm@46 27446 this.el.alignTo(this.wrap, 'c-c');
rlm@46 27447 }
rlm@46 27448 },
rlm@46 27449
rlm@46 27450 initEvents : function(){
rlm@46 27451 Ext.form.Checkbox.superclass.initEvents.call(this);
rlm@46 27452 this.el.on("click", this.onClick, this);
rlm@46 27453 this.el.on("change", this.onClick, this);
rlm@46 27454 },
rlm@46 27455
rlm@46 27456 getResizeEl : function(){
rlm@46 27457 return this.wrap;
rlm@46 27458 },
rlm@46 27459
rlm@46 27460 getPositionEl : function(){
rlm@46 27461 return this.wrap;
rlm@46 27462 },
rlm@46 27463
rlm@46 27464
rlm@46 27465 markInvalid : Ext.emptyFn,
rlm@46 27466
rlm@46 27467 clearInvalid : Ext.emptyFn,
rlm@46 27468
rlm@46 27469 onRender : function(ct, position){
rlm@46 27470 Ext.form.Checkbox.superclass.onRender.call(this, ct, position);
rlm@46 27471 if(this.inputValue !== undefined){
rlm@46 27472 this.el.dom.value = this.inputValue;
rlm@46 27473 }
rlm@46 27474 this.wrap = this.el.wrap({cls: "x-form-check-wrap"});
rlm@46 27475 if(this.boxLabel){
rlm@46 27476 this.wrap.createChild({tag: 'label', htmlFor: this.el.id, cls: 'x-form-cb-label', html: this.boxLabel});
rlm@46 27477 }
rlm@46 27478 if(this.checked){
rlm@46 27479 this.setValue(true);
rlm@46 27480 }else{
rlm@46 27481 this.checked = this.el.dom.checked;
rlm@46 27482 }
rlm@46 27483 },
rlm@46 27484
rlm@46 27485 onDestroy : function(){
rlm@46 27486 if(this.wrap){
rlm@46 27487 this.wrap.remove();
rlm@46 27488 }
rlm@46 27489 Ext.form.Checkbox.superclass.onDestroy.call(this);
rlm@46 27490 },
rlm@46 27491
rlm@46 27492 initValue : Ext.emptyFn,
rlm@46 27493
rlm@46 27494
rlm@46 27495 getValue : function(){
rlm@46 27496 if(this.rendered){
rlm@46 27497 return this.el.dom.checked;
rlm@46 27498 }
rlm@46 27499 return false;
rlm@46 27500 },
rlm@46 27501
rlm@46 27502 onClick : function(){
rlm@46 27503 if(this.el.dom.checked != this.checked){
rlm@46 27504 this.setValue(this.el.dom.checked);
rlm@46 27505 }
rlm@46 27506 },
rlm@46 27507
rlm@46 27508
rlm@46 27509 setValue : function(v){
rlm@46 27510 this.checked = (v === true || v === 'true' || v == '1' || String(v).toLowerCase() == 'on');
rlm@46 27511 if(this.el && this.el.dom){
rlm@46 27512 this.el.dom.checked = this.checked;
rlm@46 27513 this.el.dom.defaultChecked = this.checked;
rlm@46 27514 }
rlm@46 27515 this.fireEvent("check", this, this.checked);
rlm@46 27516 }
rlm@46 27517 });
rlm@46 27518 Ext.reg('checkbox', Ext.form.Checkbox);
rlm@46 27519
rlm@46 27520 Ext.form.Radio = Ext.extend(Ext.form.Checkbox, {
rlm@46 27521 inputType: 'radio',
rlm@46 27522
rlm@46 27523
rlm@46 27524 markInvalid : Ext.emptyFn,
rlm@46 27525
rlm@46 27526 clearInvalid : Ext.emptyFn,
rlm@46 27527
rlm@46 27528
rlm@46 27529 getGroupValue : function(){
rlm@46 27530 var p = this.el.up('form') || Ext.getBody();
rlm@46 27531 var c = p.child('input[name='+this.el.dom.name+']:checked', true);
rlm@46 27532 return c ? c.value : null;
rlm@46 27533 },
rlm@46 27534
rlm@46 27535 onClick : function(){
rlm@46 27536 if(this.el.dom.checked != this.checked){
rlm@46 27537 var p = this.el.up('form') || Ext.getBody();
rlm@46 27538 var els = p.select('input[name='+this.el.dom.name+']');
rlm@46 27539 els.each(function(el){
rlm@46 27540 if(el.dom.id == this.id){
rlm@46 27541 this.setValue(true);
rlm@46 27542 }else{
rlm@46 27543 Ext.getCmp(el.dom.id).setValue(false);
rlm@46 27544 }
rlm@46 27545 }, this);
rlm@46 27546 }
rlm@46 27547 },
rlm@46 27548
rlm@46 27549
rlm@46 27550 setValue : function(v){
rlm@46 27551 if (typeof v == 'boolean') {
rlm@46 27552 Ext.form.Radio.superclass.setValue.call(this, v);
rlm@46 27553 } else {
rlm@46 27554 var r = this.el.up('form').child('input[name='+this.el.dom.name+'][value='+v+']', true);
rlm@46 27555 if (r){
rlm@46 27556 r.checked = true;
rlm@46 27557 };
rlm@46 27558 }
rlm@46 27559 }
rlm@46 27560 });
rlm@46 27561 Ext.reg('radio', Ext.form.Radio);
rlm@46 27562
rlm@46 27563 Ext.form.Hidden = Ext.extend(Ext.form.Field, {
rlm@46 27564
rlm@46 27565 inputType : 'hidden',
rlm@46 27566
rlm@46 27567
rlm@46 27568 onRender : function(){
rlm@46 27569 Ext.form.Hidden.superclass.onRender.apply(this, arguments);
rlm@46 27570 },
rlm@46 27571
rlm@46 27572
rlm@46 27573 initEvents : function(){
rlm@46 27574 this.originalValue = this.getValue();
rlm@46 27575 },
rlm@46 27576
rlm@46 27577
rlm@46 27578 setSize : Ext.emptyFn,
rlm@46 27579 setWidth : Ext.emptyFn,
rlm@46 27580 setHeight : Ext.emptyFn,
rlm@46 27581 setPosition : Ext.emptyFn,
rlm@46 27582 setPagePosition : Ext.emptyFn,
rlm@46 27583 markInvalid : Ext.emptyFn,
rlm@46 27584 clearInvalid : Ext.emptyFn
rlm@46 27585 });
rlm@46 27586 Ext.reg('hidden', Ext.form.Hidden);
rlm@46 27587
rlm@46 27588 Ext.form.BasicForm = function(el, config){
rlm@46 27589 Ext.apply(this, config);
rlm@46 27590
rlm@46 27591 this.items = new Ext.util.MixedCollection(false, function(o){
rlm@46 27592 return o.id || (o.id = Ext.id());
rlm@46 27593 });
rlm@46 27594 this.addEvents(
rlm@46 27595
rlm@46 27596 'beforeaction',
rlm@46 27597
rlm@46 27598 'actionfailed',
rlm@46 27599
rlm@46 27600 'actioncomplete'
rlm@46 27601 );
rlm@46 27602
rlm@46 27603 if(el){
rlm@46 27604 this.initEl(el);
rlm@46 27605 }
rlm@46 27606 Ext.form.BasicForm.superclass.constructor.call(this);
rlm@46 27607 };
rlm@46 27608
rlm@46 27609 Ext.extend(Ext.form.BasicForm, Ext.util.Observable, {
rlm@46 27610
rlm@46 27611
rlm@46 27612
rlm@46 27613
rlm@46 27614
rlm@46 27615
rlm@46 27616
rlm@46 27617 timeout: 30,
rlm@46 27618
rlm@46 27619 activeAction : null,
rlm@46 27620
rlm@46 27621
rlm@46 27622 trackResetOnLoad : false,
rlm@46 27623
rlm@46 27624
rlm@46 27625
rlm@46 27626
rlm@46 27627 initEl : function(el){
rlm@46 27628 this.el = Ext.get(el);
rlm@46 27629 this.id = this.el.id || Ext.id();
rlm@46 27630 if(!this.standardSubmit){
rlm@46 27631 this.el.on('submit', this.onSubmit, this);
rlm@46 27632 }
rlm@46 27633 this.el.addClass('x-form');
rlm@46 27634 },
rlm@46 27635
rlm@46 27636
rlm@46 27637 getEl: function(){
rlm@46 27638 return this.el;
rlm@46 27639 },
rlm@46 27640
rlm@46 27641 onSubmit : function(e){
rlm@46 27642 e.stopEvent();
rlm@46 27643 },
rlm@46 27644
rlm@46 27645 destroy: function() {
rlm@46 27646 this.items.each(function(f){
rlm@46 27647 Ext.destroy(f);
rlm@46 27648 });
rlm@46 27649 if(this.el){
rlm@46 27650 this.el.removeAllListeners();
rlm@46 27651 this.el.remove();
rlm@46 27652 }
rlm@46 27653 this.purgeListeners();
rlm@46 27654 },
rlm@46 27655
rlm@46 27656
rlm@46 27657 isValid : function(){
rlm@46 27658 var valid = true;
rlm@46 27659 this.items.each(function(f){
rlm@46 27660 if(!f.validate()){
rlm@46 27661 valid = false;
rlm@46 27662 }
rlm@46 27663 });
rlm@46 27664 return valid;
rlm@46 27665 },
rlm@46 27666
rlm@46 27667
rlm@46 27668 isDirty : function(){
rlm@46 27669 var dirty = false;
rlm@46 27670 this.items.each(function(f){
rlm@46 27671 if(f.isDirty()){
rlm@46 27672 dirty = true;
rlm@46 27673 return false;
rlm@46 27674 }
rlm@46 27675 });
rlm@46 27676 return dirty;
rlm@46 27677 },
rlm@46 27678
rlm@46 27679
rlm@46 27680 doAction : function(action, options){
rlm@46 27681 if(typeof action == 'string'){
rlm@46 27682 action = new Ext.form.Action.ACTION_TYPES[action](this, options);
rlm@46 27683 }
rlm@46 27684 if(this.fireEvent('beforeaction', this, action) !== false){
rlm@46 27685 this.beforeAction(action);
rlm@46 27686 action.run.defer(100, action);
rlm@46 27687 }
rlm@46 27688 return this;
rlm@46 27689 },
rlm@46 27690
rlm@46 27691
rlm@46 27692 submit : function(options){
rlm@46 27693 if(this.standardSubmit){
rlm@46 27694 var v = this.isValid();
rlm@46 27695 if(v){
rlm@46 27696 this.el.dom.submit();
rlm@46 27697 }
rlm@46 27698 return v;
rlm@46 27699 }
rlm@46 27700 this.doAction('submit', options);
rlm@46 27701 return this;
rlm@46 27702 },
rlm@46 27703
rlm@46 27704
rlm@46 27705 load : function(options){
rlm@46 27706 this.doAction('load', options);
rlm@46 27707 return this;
rlm@46 27708 },
rlm@46 27709
rlm@46 27710
rlm@46 27711 updateRecord : function(record){
rlm@46 27712 record.beginEdit();
rlm@46 27713 var fs = record.fields;
rlm@46 27714 fs.each(function(f){
rlm@46 27715 var field = this.findField(f.name);
rlm@46 27716 if(field){
rlm@46 27717 record.set(f.name, field.getValue());
rlm@46 27718 }
rlm@46 27719 }, this);
rlm@46 27720 record.endEdit();
rlm@46 27721 return this;
rlm@46 27722 },
rlm@46 27723
rlm@46 27724
rlm@46 27725 loadRecord : function(record){
rlm@46 27726 this.setValues(record.data);
rlm@46 27727 return this;
rlm@46 27728 },
rlm@46 27729
rlm@46 27730 beforeAction : function(action){
rlm@46 27731 var o = action.options;
rlm@46 27732 if(o.waitMsg){
rlm@46 27733 if(this.waitMsgTarget === true){
rlm@46 27734 this.el.mask(o.waitMsg, 'x-mask-loading');
rlm@46 27735 }else if(this.waitMsgTarget){
rlm@46 27736 this.waitMsgTarget = Ext.get(this.waitMsgTarget);
rlm@46 27737 this.waitMsgTarget.mask(o.waitMsg, 'x-mask-loading');
rlm@46 27738 }else{
rlm@46 27739 Ext.MessageBox.wait(o.waitMsg, o.waitTitle || this.waitTitle || 'Please Wait...');
rlm@46 27740 }
rlm@46 27741 }
rlm@46 27742 },
rlm@46 27743
rlm@46 27744 afterAction : function(action, success){
rlm@46 27745 this.activeAction = null;
rlm@46 27746 var o = action.options;
rlm@46 27747 if(o.waitMsg){
rlm@46 27748 if(this.waitMsgTarget === true){
rlm@46 27749 this.el.unmask();
rlm@46 27750 }else if(this.waitMsgTarget){
rlm@46 27751 this.waitMsgTarget.unmask();
rlm@46 27752 }else{
rlm@46 27753 Ext.MessageBox.updateProgress(1);
rlm@46 27754 Ext.MessageBox.hide();
rlm@46 27755 }
rlm@46 27756 }
rlm@46 27757 if(success){
rlm@46 27758 if(o.reset){
rlm@46 27759 this.reset();
rlm@46 27760 }
rlm@46 27761 Ext.callback(o.success, o.scope, [this, action]);
rlm@46 27762 this.fireEvent('actioncomplete', this, action);
rlm@46 27763 }else{
rlm@46 27764 Ext.callback(o.failure, o.scope, [this, action]);
rlm@46 27765 this.fireEvent('actionfailed', this, action);
rlm@46 27766 }
rlm@46 27767 },
rlm@46 27768
rlm@46 27769
rlm@46 27770 findField : function(id){
rlm@46 27771 var field = this.items.get(id);
rlm@46 27772 if(!field){
rlm@46 27773 this.items.each(function(f){
rlm@46 27774 if(f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)){
rlm@46 27775 field = f;
rlm@46 27776 return false;
rlm@46 27777 }
rlm@46 27778 });
rlm@46 27779 }
rlm@46 27780 return field || null;
rlm@46 27781 },
rlm@46 27782
rlm@46 27783
rlm@46 27784
rlm@46 27785 markInvalid : function(errors){
rlm@46 27786 if(Ext.isArray(errors)){
rlm@46 27787 for(var i = 0, len = errors.length; i < len; i++){
rlm@46 27788 var fieldError = errors[i];
rlm@46 27789 var f = this.findField(fieldError.id);
rlm@46 27790 if(f){
rlm@46 27791 f.markInvalid(fieldError.msg);
rlm@46 27792 }
rlm@46 27793 }
rlm@46 27794 }else{
rlm@46 27795 var field, id;
rlm@46 27796 for(id in errors){
rlm@46 27797 if(typeof errors[id] != 'function' && (field = this.findField(id))){
rlm@46 27798 field.markInvalid(errors[id]);
rlm@46 27799 }
rlm@46 27800 }
rlm@46 27801 }
rlm@46 27802 return this;
rlm@46 27803 },
rlm@46 27804
rlm@46 27805
rlm@46 27806 setValues : function(values){
rlm@46 27807 if(Ext.isArray(values)){ for(var i = 0, len = values.length; i < len; i++){
rlm@46 27808 var v = values[i];
rlm@46 27809 var f = this.findField(v.id);
rlm@46 27810 if(f){
rlm@46 27811 f.setValue(v.value);
rlm@46 27812 if(this.trackResetOnLoad){
rlm@46 27813 f.originalValue = f.getValue();
rlm@46 27814 }
rlm@46 27815 }
rlm@46 27816 }
rlm@46 27817 }else{ var field, id;
rlm@46 27818 for(id in values){
rlm@46 27819 if(typeof values[id] != 'function' && (field = this.findField(id))){
rlm@46 27820 field.setValue(values[id]);
rlm@46 27821 if(this.trackResetOnLoad){
rlm@46 27822 field.originalValue = field.getValue();
rlm@46 27823 }
rlm@46 27824 }
rlm@46 27825 }
rlm@46 27826 }
rlm@46 27827 return this;
rlm@46 27828 },
rlm@46 27829
rlm@46 27830
rlm@46 27831 getValues : function(asString){
rlm@46 27832 var fs = Ext.lib.Ajax.serializeForm(this.el.dom);
rlm@46 27833 if(asString === true){
rlm@46 27834 return fs;
rlm@46 27835 }
rlm@46 27836 return Ext.urlDecode(fs);
rlm@46 27837 },
rlm@46 27838
rlm@46 27839
rlm@46 27840 clearInvalid : function(){
rlm@46 27841 this.items.each(function(f){
rlm@46 27842 f.clearInvalid();
rlm@46 27843 });
rlm@46 27844 return this;
rlm@46 27845 },
rlm@46 27846
rlm@46 27847
rlm@46 27848 reset : function(){
rlm@46 27849 this.items.each(function(f){
rlm@46 27850 f.reset();
rlm@46 27851 });
rlm@46 27852 return this;
rlm@46 27853 },
rlm@46 27854
rlm@46 27855
rlm@46 27856 add : function(){
rlm@46 27857 this.items.addAll(Array.prototype.slice.call(arguments, 0));
rlm@46 27858 return this;
rlm@46 27859 },
rlm@46 27860
rlm@46 27861
rlm@46 27862
rlm@46 27863 remove : function(field){
rlm@46 27864 this.items.remove(field);
rlm@46 27865 return this;
rlm@46 27866 },
rlm@46 27867
rlm@46 27868
rlm@46 27869 render : function(){
rlm@46 27870 this.items.each(function(f){
rlm@46 27871 if(f.isFormField && !f.rendered && document.getElementById(f.id)){ f.applyToMarkup(f.id);
rlm@46 27872 }
rlm@46 27873 });
rlm@46 27874 return this;
rlm@46 27875 },
rlm@46 27876
rlm@46 27877
rlm@46 27878 applyToFields : function(o){
rlm@46 27879 this.items.each(function(f){
rlm@46 27880 Ext.apply(f, o);
rlm@46 27881 });
rlm@46 27882 return this;
rlm@46 27883 },
rlm@46 27884
rlm@46 27885
rlm@46 27886 applyIfToFields : function(o){
rlm@46 27887 this.items.each(function(f){
rlm@46 27888 Ext.applyIf(f, o);
rlm@46 27889 });
rlm@46 27890 return this;
rlm@46 27891 }
rlm@46 27892 });
rlm@46 27893
rlm@46 27894 Ext.BasicForm = Ext.form.BasicForm;
rlm@46 27895
rlm@46 27896 Ext.FormPanel = Ext.extend(Ext.Panel, {
rlm@46 27897
rlm@46 27898
rlm@46 27899
rlm@46 27900
rlm@46 27901 buttonAlign:'center',
rlm@46 27902
rlm@46 27903
rlm@46 27904 minButtonWidth:75,
rlm@46 27905
rlm@46 27906
rlm@46 27907 labelAlign:'left',
rlm@46 27908
rlm@46 27909
rlm@46 27910 monitorValid : false,
rlm@46 27911
rlm@46 27912
rlm@46 27913 monitorPoll : 200,
rlm@46 27914
rlm@46 27915
rlm@46 27916 layout: 'form',
rlm@46 27917
rlm@46 27918 initComponent :function(){
rlm@46 27919 this.form = this.createForm();
rlm@46 27920
rlm@46 27921 Ext.FormPanel.superclass.initComponent.call(this);
rlm@46 27922
rlm@46 27923 this.addEvents(
rlm@46 27924
rlm@46 27925 'clientvalidation'
rlm@46 27926 );
rlm@46 27927
rlm@46 27928 this.relayEvents(this.form, ['beforeaction', 'actionfailed', 'actioncomplete']);
rlm@46 27929 },
rlm@46 27930
rlm@46 27931 createForm: function(){
rlm@46 27932 delete this.initialConfig.listeners;
rlm@46 27933 return new Ext.form.BasicForm(null, this.initialConfig);
rlm@46 27934 },
rlm@46 27935
rlm@46 27936 initFields : function(){
rlm@46 27937 var f = this.form;
rlm@46 27938 var formPanel = this;
rlm@46 27939 var fn = function(c){
rlm@46 27940 if(c.doLayout && c != formPanel){
rlm@46 27941 Ext.applyIf(c, {
rlm@46 27942 labelAlign: c.ownerCt.labelAlign,
rlm@46 27943 labelWidth: c.ownerCt.labelWidth,
rlm@46 27944 itemCls: c.ownerCt.itemCls
rlm@46 27945 });
rlm@46 27946 if(c.items){
rlm@46 27947 c.items.each(fn);
rlm@46 27948 }
rlm@46 27949 }else if(c.isFormField){
rlm@46 27950 f.add(c);
rlm@46 27951 }
rlm@46 27952 }
rlm@46 27953 this.items.each(fn);
rlm@46 27954 },
rlm@46 27955
rlm@46 27956 getLayoutTarget : function(){
rlm@46 27957 return this.form.el;
rlm@46 27958 },
rlm@46 27959
rlm@46 27960
rlm@46 27961 getForm : function(){
rlm@46 27962 return this.form;
rlm@46 27963 },
rlm@46 27964
rlm@46 27965 onRender : function(ct, position){
rlm@46 27966 this.initFields();
rlm@46 27967
rlm@46 27968 Ext.FormPanel.superclass.onRender.call(this, ct, position);
rlm@46 27969 var o = {
rlm@46 27970 tag: 'form',
rlm@46 27971 method : this.method || 'POST',
rlm@46 27972 id : this.formId || Ext.id()
rlm@46 27973 };
rlm@46 27974 if(this.fileUpload) {
rlm@46 27975 o.enctype = 'multipart/form-data';
rlm@46 27976 }
rlm@46 27977 this.form.initEl(this.body.createChild(o));
rlm@46 27978 },
rlm@46 27979
rlm@46 27980 beforeDestroy: function(){
rlm@46 27981 Ext.FormPanel.superclass.beforeDestroy.call(this);
rlm@46 27982 Ext.destroy(this.form);
rlm@46 27983 },
rlm@46 27984
rlm@46 27985 initEvents : function(){
rlm@46 27986 Ext.FormPanel.superclass.initEvents.call(this);
rlm@46 27987 this.items.on('remove', this.onRemove, this);
rlm@46 27988 this.items.on('add', this.onAdd, this);
rlm@46 27989 if(this.monitorValid){ this.startMonitoring();
rlm@46 27990 }
rlm@46 27991 },
rlm@46 27992
rlm@46 27993 onAdd : function(ct, c) {
rlm@46 27994 if (c.isFormField) {
rlm@46 27995 this.form.add(c);
rlm@46 27996 }
rlm@46 27997 },
rlm@46 27998
rlm@46 27999 onRemove : function(c) {
rlm@46 28000 if (c.isFormField) {
rlm@46 28001 Ext.destroy(c.container.up('.x-form-item'));
rlm@46 28002 this.form.remove(c);
rlm@46 28003 }
rlm@46 28004 },
rlm@46 28005
rlm@46 28006
rlm@46 28007 startMonitoring : function(){
rlm@46 28008 if(!this.bound){
rlm@46 28009 this.bound = true;
rlm@46 28010 Ext.TaskMgr.start({
rlm@46 28011 run : this.bindHandler,
rlm@46 28012 interval : this.monitorPoll || 200,
rlm@46 28013 scope: this
rlm@46 28014 });
rlm@46 28015 }
rlm@46 28016 },
rlm@46 28017
rlm@46 28018
rlm@46 28019 stopMonitoring : function(){
rlm@46 28020 this.bound = false;
rlm@46 28021 },
rlm@46 28022
rlm@46 28023
rlm@46 28024 load : function(){
rlm@46 28025 this.form.load.apply(this.form, arguments);
rlm@46 28026 },
rlm@46 28027
rlm@46 28028 onDisable : function(){
rlm@46 28029 Ext.FormPanel.superclass.onDisable.call(this);
rlm@46 28030 if(this.form){
rlm@46 28031 this.form.items.each(function(){
rlm@46 28032 this.disable();
rlm@46 28033 });
rlm@46 28034 }
rlm@46 28035 },
rlm@46 28036
rlm@46 28037 onEnable : function(){
rlm@46 28038 Ext.FormPanel.superclass.onEnable.call(this);
rlm@46 28039 if(this.form){
rlm@46 28040 this.form.items.each(function(){
rlm@46 28041 this.enable();
rlm@46 28042 });
rlm@46 28043 }
rlm@46 28044 },
rlm@46 28045
rlm@46 28046 bindHandler : function(){
rlm@46 28047 if(!this.bound){
rlm@46 28048 return false; }
rlm@46 28049 var valid = true;
rlm@46 28050 this.form.items.each(function(f){
rlm@46 28051 if(!f.isValid(true)){
rlm@46 28052 valid = false;
rlm@46 28053 return false;
rlm@46 28054 }
rlm@46 28055 });
rlm@46 28056 if(this.buttons){
rlm@46 28057 for(var i = 0, len = this.buttons.length; i < len; i++){
rlm@46 28058 var btn = this.buttons[i];
rlm@46 28059 if(btn.formBind === true && btn.disabled === valid){
rlm@46 28060 btn.setDisabled(!valid);
rlm@46 28061 }
rlm@46 28062 }
rlm@46 28063 }
rlm@46 28064 this.fireEvent('clientvalidation', this, valid);
rlm@46 28065 }
rlm@46 28066 });
rlm@46 28067 Ext.reg('form', Ext.FormPanel);
rlm@46 28068
rlm@46 28069 Ext.form.FormPanel = Ext.FormPanel;
rlm@46 28070
rlm@46 28071
rlm@46 28072
rlm@46 28073 Ext.form.FieldSet = Ext.extend(Ext.Panel, {
rlm@46 28074
rlm@46 28075
rlm@46 28076
rlm@46 28077
rlm@46 28078
rlm@46 28079 baseCls:'x-fieldset',
rlm@46 28080
rlm@46 28081 layout: 'form',
rlm@46 28082
rlm@46 28083
rlm@46 28084 onRender : function(ct, position){
rlm@46 28085 if(!this.el){
rlm@46 28086 this.el = document.createElement('fieldset');
rlm@46 28087 this.el.id = this.id;
rlm@46 28088 if (this.title || this.header || this.checkboxToggle) {
rlm@46 28089 this.el.appendChild(document.createElement('legend')).className = 'x-fieldset-header';
rlm@46 28090 }
rlm@46 28091 }
rlm@46 28092
rlm@46 28093 Ext.form.FieldSet.superclass.onRender.call(this, ct, position);
rlm@46 28094
rlm@46 28095 if(this.checkboxToggle){
rlm@46 28096 var o = typeof this.checkboxToggle == 'object' ?
rlm@46 28097 this.checkboxToggle :
rlm@46 28098 {tag: 'input', type: 'checkbox', name: this.checkboxName || this.id+'-checkbox'};
rlm@46 28099 this.checkbox = this.header.insertFirst(o);
rlm@46 28100 this.checkbox.dom.checked = !this.collapsed;
rlm@46 28101 this.checkbox.on('click', this.onCheckClick, this);
rlm@46 28102 }
rlm@46 28103 },
rlm@46 28104
rlm@46 28105
rlm@46 28106 onCollapse : function(doAnim, animArg){
rlm@46 28107 if(this.checkbox){
rlm@46 28108 this.checkbox.dom.checked = false;
rlm@46 28109 }
rlm@46 28110 this.afterCollapse();
rlm@46 28111
rlm@46 28112 },
rlm@46 28113
rlm@46 28114
rlm@46 28115 onExpand : function(doAnim, animArg){
rlm@46 28116 if(this.checkbox){
rlm@46 28117 this.checkbox.dom.checked = true;
rlm@46 28118 }
rlm@46 28119 this.afterExpand();
rlm@46 28120 },
rlm@46 28121
rlm@46 28122
rlm@46 28123 onCheckClick : function(){
rlm@46 28124 this[this.checkbox.dom.checked ? 'expand' : 'collapse']();
rlm@46 28125 }
rlm@46 28126
rlm@46 28127
rlm@46 28128
rlm@46 28129
rlm@46 28130
rlm@46 28131
rlm@46 28132
rlm@46 28133
rlm@46 28134
rlm@46 28135
rlm@46 28136
rlm@46 28137
rlm@46 28138
rlm@46 28139
rlm@46 28140
rlm@46 28141
rlm@46 28142
rlm@46 28143
rlm@46 28144
rlm@46 28145
rlm@46 28146
rlm@46 28147
rlm@46 28148
rlm@46 28149
rlm@46 28150
rlm@46 28151
rlm@46 28152
rlm@46 28153
rlm@46 28154
rlm@46 28155
rlm@46 28156
rlm@46 28157
rlm@46 28158
rlm@46 28159
rlm@46 28160
rlm@46 28161
rlm@46 28162
rlm@46 28163
rlm@46 28164 });
rlm@46 28165 Ext.reg('fieldset', Ext.form.FieldSet);
rlm@46 28166
rlm@46 28167
rlm@46 28168
rlm@46 28169
rlm@46 28170 Ext.form.HtmlEditor = Ext.extend(Ext.form.Field, {
rlm@46 28171
rlm@46 28172 enableFormat : true,
rlm@46 28173
rlm@46 28174 enableFontSize : true,
rlm@46 28175
rlm@46 28176 enableColors : true,
rlm@46 28177
rlm@46 28178 enableAlignments : true,
rlm@46 28179
rlm@46 28180 enableLists : true,
rlm@46 28181
rlm@46 28182 enableSourceEdit : true,
rlm@46 28183
rlm@46 28184 enableLinks : true,
rlm@46 28185
rlm@46 28186 enableFont : true,
rlm@46 28187
rlm@46 28188 createLinkText : 'Please enter the URL for the link:',
rlm@46 28189
rlm@46 28190 defaultLinkValue : 'http:/'+'/',
rlm@46 28191
rlm@46 28192 fontFamilies : [
rlm@46 28193 'Arial',
rlm@46 28194 'Courier New',
rlm@46 28195 'Tahoma',
rlm@46 28196 'Times New Roman',
rlm@46 28197 'Verdana'
rlm@46 28198 ],
rlm@46 28199 defaultFont: 'tahoma',
rlm@46 28200
rlm@46 28201
rlm@46 28202 validationEvent : false,
rlm@46 28203 deferHeight: true,
rlm@46 28204 initialized : false,
rlm@46 28205 activated : false,
rlm@46 28206 sourceEditMode : false,
rlm@46 28207 onFocus : Ext.emptyFn,
rlm@46 28208 iframePad:3,
rlm@46 28209 hideMode:'offsets',
rlm@46 28210 defaultAutoCreate : {
rlm@46 28211 tag: "textarea",
rlm@46 28212 style:"width:500px;height:300px;",
rlm@46 28213 autocomplete: "off"
rlm@46 28214 },
rlm@46 28215
rlm@46 28216
rlm@46 28217 initComponent : function(){
rlm@46 28218 this.addEvents(
rlm@46 28219
rlm@46 28220 'initialize',
rlm@46 28221
rlm@46 28222 'activate',
rlm@46 28223
rlm@46 28224 'beforesync',
rlm@46 28225
rlm@46 28226 'beforepush',
rlm@46 28227
rlm@46 28228 'sync',
rlm@46 28229
rlm@46 28230 'push',
rlm@46 28231
rlm@46 28232 'editmodechange'
rlm@46 28233 )
rlm@46 28234 },
rlm@46 28235
rlm@46 28236
rlm@46 28237 createFontOptions : function(){
rlm@46 28238 var buf = [], fs = this.fontFamilies, ff, lc;
rlm@46 28239 for(var i = 0, len = fs.length; i< len; i++){
rlm@46 28240 ff = fs[i];
rlm@46 28241 lc = ff.toLowerCase();
rlm@46 28242 buf.push(
rlm@46 28243 '<option value="',lc,'" style="font-family:',ff,';"',
rlm@46 28244 (this.defaultFont == lc ? ' selected="true">' : '>'),
rlm@46 28245 ff,
rlm@46 28246 '</option>'
rlm@46 28247 );
rlm@46 28248 }
rlm@46 28249 return buf.join('');
rlm@46 28250 },
rlm@46 28251
rlm@46 28252
rlm@46 28253 createToolbar : function(editor){
rlm@46 28254
rlm@46 28255 var tipsEnabled = Ext.QuickTips && Ext.QuickTips.isEnabled();
rlm@46 28256
rlm@46 28257 function btn(id, toggle, handler){
rlm@46 28258 return {
rlm@46 28259 itemId : id,
rlm@46 28260 cls : 'x-btn-icon x-edit-'+id,
rlm@46 28261 enableToggle:toggle !== false,
rlm@46 28262 scope: editor,
rlm@46 28263 handler:handler||editor.relayBtnCmd,
rlm@46 28264 clickEvent:'mousedown',
rlm@46 28265 tooltip: tipsEnabled ? editor.buttonTips[id] || undefined : undefined,
rlm@46 28266 tabIndex:-1
rlm@46 28267 };
rlm@46 28268 }
rlm@46 28269
rlm@46 28270
rlm@46 28271 var tb = new Ext.Toolbar({
rlm@46 28272 renderTo:this.wrap.dom.firstChild
rlm@46 28273 });
rlm@46 28274
rlm@46 28275
rlm@46 28276 tb.el.on('click', function(e){
rlm@46 28277 e.preventDefault();
rlm@46 28278 });
rlm@46 28279
rlm@46 28280 if(this.enableFont && !Ext.isSafari){
rlm@46 28281 this.fontSelect = tb.el.createChild({
rlm@46 28282 tag:'select',
rlm@46 28283 cls:'x-font-select',
rlm@46 28284 html: this.createFontOptions()
rlm@46 28285 });
rlm@46 28286 this.fontSelect.on('change', function(){
rlm@46 28287 var font = this.fontSelect.dom.value;
rlm@46 28288 this.relayCmd('fontname', font);
rlm@46 28289 this.deferFocus();
rlm@46 28290 }, this);
rlm@46 28291 tb.add(
rlm@46 28292 this.fontSelect.dom,
rlm@46 28293 '-'
rlm@46 28294 );
rlm@46 28295 };
rlm@46 28296
rlm@46 28297 if(this.enableFormat){
rlm@46 28298 tb.add(
rlm@46 28299 btn('bold'),
rlm@46 28300 btn('italic'),
rlm@46 28301 btn('underline')
rlm@46 28302 );
rlm@46 28303 };
rlm@46 28304
rlm@46 28305 if(this.enableFontSize){
rlm@46 28306 tb.add(
rlm@46 28307 '-',
rlm@46 28308 btn('increasefontsize', false, this.adjustFont),
rlm@46 28309 btn('decreasefontsize', false, this.adjustFont)
rlm@46 28310 );
rlm@46 28311 };
rlm@46 28312
rlm@46 28313 if(this.enableColors){
rlm@46 28314 tb.add(
rlm@46 28315 '-', {
rlm@46 28316 itemId:'forecolor',
rlm@46 28317 cls:'x-btn-icon x-edit-forecolor',
rlm@46 28318 clickEvent:'mousedown',
rlm@46 28319 tooltip: tipsEnabled ? editor.buttonTips['forecolor'] || undefined : undefined,
rlm@46 28320 tabIndex:-1,
rlm@46 28321 menu : new Ext.menu.ColorMenu({
rlm@46 28322 allowReselect: true,
rlm@46 28323 focus: Ext.emptyFn,
rlm@46 28324 value:'000000',
rlm@46 28325 plain:true,
rlm@46 28326 selectHandler: function(cp, color){
rlm@46 28327 this.execCmd('forecolor', Ext.isSafari || Ext.isIE ? '#'+color : color);
rlm@46 28328 this.deferFocus();
rlm@46 28329 },
rlm@46 28330 scope: this,
rlm@46 28331 clickEvent:'mousedown'
rlm@46 28332 })
rlm@46 28333 }, {
rlm@46 28334 itemId:'backcolor',
rlm@46 28335 cls:'x-btn-icon x-edit-backcolor',
rlm@46 28336 clickEvent:'mousedown',
rlm@46 28337 tooltip: tipsEnabled ? editor.buttonTips['backcolor'] || undefined : undefined,
rlm@46 28338 tabIndex:-1,
rlm@46 28339 menu : new Ext.menu.ColorMenu({
rlm@46 28340 focus: Ext.emptyFn,
rlm@46 28341 value:'FFFFFF',
rlm@46 28342 plain:true,
rlm@46 28343 allowReselect: true,
rlm@46 28344 selectHandler: function(cp, color){
rlm@46 28345 if(Ext.isGecko){
rlm@46 28346 this.execCmd('useCSS', false);
rlm@46 28347 this.execCmd('hilitecolor', color);
rlm@46 28348 this.execCmd('useCSS', true);
rlm@46 28349 this.deferFocus();
rlm@46 28350 }else{
rlm@46 28351 this.execCmd(Ext.isOpera ? 'hilitecolor' : 'backcolor', Ext.isSafari || Ext.isIE ? '#'+color : color);
rlm@46 28352 this.deferFocus();
rlm@46 28353 }
rlm@46 28354 },
rlm@46 28355 scope:this,
rlm@46 28356 clickEvent:'mousedown'
rlm@46 28357 })
rlm@46 28358 }
rlm@46 28359 );
rlm@46 28360 };
rlm@46 28361
rlm@46 28362 if(this.enableAlignments){
rlm@46 28363 tb.add(
rlm@46 28364 '-',
rlm@46 28365 btn('justifyleft'),
rlm@46 28366 btn('justifycenter'),
rlm@46 28367 btn('justifyright')
rlm@46 28368 );
rlm@46 28369 };
rlm@46 28370
rlm@46 28371 if(!Ext.isSafari){
rlm@46 28372 if(this.enableLinks){
rlm@46 28373 tb.add(
rlm@46 28374 '-',
rlm@46 28375 btn('createlink', false, this.createLink)
rlm@46 28376 );
rlm@46 28377 };
rlm@46 28378
rlm@46 28379 if(this.enableLists){
rlm@46 28380 tb.add(
rlm@46 28381 '-',
rlm@46 28382 btn('insertorderedlist'),
rlm@46 28383 btn('insertunorderedlist')
rlm@46 28384 );
rlm@46 28385 }
rlm@46 28386 if(this.enableSourceEdit){
rlm@46 28387 tb.add(
rlm@46 28388 '-',
rlm@46 28389 btn('sourceedit', true, function(btn){
rlm@46 28390 this.toggleSourceEdit(btn.pressed);
rlm@46 28391 })
rlm@46 28392 );
rlm@46 28393 }
rlm@46 28394 }
rlm@46 28395
rlm@46 28396 this.tb = tb;
rlm@46 28397 },
rlm@46 28398
rlm@46 28399
rlm@46 28400 getDocMarkup : function(){
rlm@46 28401 return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';
rlm@46 28402 },
rlm@46 28403
rlm@46 28404
rlm@46 28405 getEditorBody : function(){
rlm@46 28406 return this.doc.body || this.doc.documentElement;
rlm@46 28407 },
rlm@46 28408
rlm@46 28409
rlm@46 28410 onRender : function(ct, position){
rlm@46 28411 Ext.form.HtmlEditor.superclass.onRender.call(this, ct, position);
rlm@46 28412 this.el.dom.style.border = '0 none';
rlm@46 28413 this.el.dom.setAttribute('tabIndex', -1);
rlm@46 28414 this.el.addClass('x-hidden');
rlm@46 28415 if(Ext.isIE){
rlm@46 28416 this.el.applyStyles('margin-top:-1px;margin-bottom:-1px;')
rlm@46 28417 }
rlm@46 28418 this.wrap = this.el.wrap({
rlm@46 28419 cls:'x-html-editor-wrap', cn:{cls:'x-html-editor-tb'}
rlm@46 28420 });
rlm@46 28421
rlm@46 28422 this.createToolbar(this);
rlm@46 28423
rlm@46 28424 this.tb.items.each(function(item){
rlm@46 28425 if(item.itemId != 'sourceedit'){
rlm@46 28426 item.disable();
rlm@46 28427 }
rlm@46 28428 });
rlm@46 28429
rlm@46 28430 var iframe = document.createElement('iframe');
rlm@46 28431 iframe.name = Ext.id();
rlm@46 28432 iframe.frameBorder = 'no';
rlm@46 28433
rlm@46 28434 iframe.src=(Ext.SSL_SECURE_URL || "javascript:false");
rlm@46 28435
rlm@46 28436 this.wrap.dom.appendChild(iframe);
rlm@46 28437
rlm@46 28438 this.iframe = iframe;
rlm@46 28439
rlm@46 28440 if(Ext.isIE){
rlm@46 28441 iframe.contentWindow.document.designMode = 'on';
rlm@46 28442 this.doc = iframe.contentWindow.document;
rlm@46 28443 this.win = iframe.contentWindow;
rlm@46 28444 } else {
rlm@46 28445 this.doc = (iframe.contentDocument || window.frames[iframe.name].document);
rlm@46 28446 this.win = window.frames[iframe.name];
rlm@46 28447 this.doc.designMode = 'on';
rlm@46 28448 }
rlm@46 28449 this.doc.open();
rlm@46 28450 this.doc.write(this.getDocMarkup())
rlm@46 28451 this.doc.close();
rlm@46 28452
rlm@46 28453 var task = {
rlm@46 28454 run : function(){
rlm@46 28455 if(this.doc.body || this.doc.readyState == 'complete'){
rlm@46 28456 Ext.TaskMgr.stop(task);
rlm@46 28457 this.doc.designMode="on";
rlm@46 28458 this.initEditor.defer(10, this);
rlm@46 28459 }
rlm@46 28460 },
rlm@46 28461 interval : 10,
rlm@46 28462 duration:10000,
rlm@46 28463 scope: this
rlm@46 28464 };
rlm@46 28465 Ext.TaskMgr.start(task);
rlm@46 28466
rlm@46 28467 if(!this.width){
rlm@46 28468 this.setSize(this.el.getSize());
rlm@46 28469 }
rlm@46 28470 },
rlm@46 28471
rlm@46 28472
rlm@46 28473 onResize : function(w, h){
rlm@46 28474 Ext.form.HtmlEditor.superclass.onResize.apply(this, arguments);
rlm@46 28475 if(this.el && this.iframe){
rlm@46 28476 if(typeof w == 'number'){
rlm@46 28477 var aw = w - this.wrap.getFrameWidth('lr');
rlm@46 28478 this.el.setWidth(this.adjustWidth('textarea', aw));
rlm@46 28479 this.iframe.style.width = aw + 'px';
rlm@46 28480 }
rlm@46 28481 if(typeof h == 'number'){
rlm@46 28482 var ah = h - this.wrap.getFrameWidth('tb') - this.tb.el.getHeight();
rlm@46 28483 this.el.setHeight(this.adjustWidth('textarea', ah));
rlm@46 28484 this.iframe.style.height = ah + 'px';
rlm@46 28485 if(this.doc){
rlm@46 28486 this.getEditorBody().style.height = (ah - (this.iframePad*2)) + 'px';
rlm@46 28487 }
rlm@46 28488 }
rlm@46 28489 }
rlm@46 28490 },
rlm@46 28491
rlm@46 28492
rlm@46 28493 toggleSourceEdit : function(sourceEditMode){
rlm@46 28494 if(sourceEditMode === undefined){
rlm@46 28495 sourceEditMode = !this.sourceEditMode;
rlm@46 28496 }
rlm@46 28497 this.sourceEditMode = sourceEditMode === true;
rlm@46 28498 var btn = this.tb.items.get('sourceedit');
rlm@46 28499 if(btn.pressed !== this.sourceEditMode){
rlm@46 28500 btn.toggle(this.sourceEditMode);
rlm@46 28501 return;
rlm@46 28502 }
rlm@46 28503 if(this.sourceEditMode){
rlm@46 28504 this.tb.items.each(function(item){
rlm@46 28505 if(item.itemId != 'sourceedit'){
rlm@46 28506 item.disable();
rlm@46 28507 }
rlm@46 28508 });
rlm@46 28509 this.syncValue();
rlm@46 28510 this.iframe.className = 'x-hidden';
rlm@46 28511 this.el.removeClass('x-hidden');
rlm@46 28512 this.el.dom.removeAttribute('tabIndex');
rlm@46 28513 this.el.focus();
rlm@46 28514 }else{
rlm@46 28515 if(this.initialized){
rlm@46 28516 this.tb.items.each(function(item){
rlm@46 28517 item.enable();
rlm@46 28518 });
rlm@46 28519 }
rlm@46 28520 this.pushValue();
rlm@46 28521 this.iframe.className = '';
rlm@46 28522 this.el.addClass('x-hidden');
rlm@46 28523 this.el.dom.setAttribute('tabIndex', -1);
rlm@46 28524 this.deferFocus();
rlm@46 28525 }
rlm@46 28526 var lastSize = this.lastSize;
rlm@46 28527 if(lastSize){
rlm@46 28528 delete this.lastSize;
rlm@46 28529 this.setSize(lastSize);
rlm@46 28530 }
rlm@46 28531 this.fireEvent('editmodechange', this, this.sourceEditMode);
rlm@46 28532 },
rlm@46 28533
rlm@46 28534
rlm@46 28535 createLink : function(){
rlm@46 28536 var url = prompt(this.createLinkText, this.defaultLinkValue);
rlm@46 28537 if(url && url != 'http:/'+'/'){
rlm@46 28538 this.relayCmd('createlink', url);
rlm@46 28539 }
rlm@46 28540 },
rlm@46 28541
rlm@46 28542
rlm@46 28543 adjustSize : Ext.BoxComponent.prototype.adjustSize,
rlm@46 28544
rlm@46 28545
rlm@46 28546 getResizeEl : function(){
rlm@46 28547 return this.wrap;
rlm@46 28548 },
rlm@46 28549
rlm@46 28550
rlm@46 28551 getPositionEl : function(){
rlm@46 28552 return this.wrap;
rlm@46 28553 },
rlm@46 28554
rlm@46 28555
rlm@46 28556 initEvents : function(){
rlm@46 28557 this.originalValue = this.getValue();
rlm@46 28558 },
rlm@46 28559
rlm@46 28560
rlm@46 28561 markInvalid : Ext.emptyFn,
rlm@46 28562
rlm@46 28563
rlm@46 28564 clearInvalid : Ext.emptyFn,
rlm@46 28565
rlm@46 28566
rlm@46 28567 setValue : function(v){
rlm@46 28568 Ext.form.HtmlEditor.superclass.setValue.call(this, v);
rlm@46 28569 this.pushValue();
rlm@46 28570 },
rlm@46 28571
rlm@46 28572
rlm@46 28573 cleanHtml : function(html){
rlm@46 28574 html = String(html);
rlm@46 28575 if(html.length > 5){
rlm@46 28576 if(Ext.isSafari){
rlm@46 28577 html = html.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi, '');
rlm@46 28578 }
rlm@46 28579 }
rlm@46 28580 if(html == '&nbsp;'){
rlm@46 28581 html = '';
rlm@46 28582 }
rlm@46 28583 return html;
rlm@46 28584 },
rlm@46 28585
rlm@46 28586
rlm@46 28587 syncValue : function(){
rlm@46 28588 if(this.initialized){
rlm@46 28589 var bd = this.getEditorBody();
rlm@46 28590 var html = bd.innerHTML;
rlm@46 28591 if(Ext.isSafari){
rlm@46 28592 var bs = bd.getAttribute('style');
rlm@46 28593 var m = bs.match(/text-align:(.*?);/i);
rlm@46 28594 if(m && m[1]){
rlm@46 28595 html = '<div style="'+m[0]+'">' + html + '</div>';
rlm@46 28596 }
rlm@46 28597 }
rlm@46 28598 html = this.cleanHtml(html);
rlm@46 28599 if(this.fireEvent('beforesync', this, html) !== false){
rlm@46 28600 this.el.dom.value = html;
rlm@46 28601 this.fireEvent('sync', this, html);
rlm@46 28602 }
rlm@46 28603 }
rlm@46 28604 },
rlm@46 28605
rlm@46 28606
rlm@46 28607 pushValue : function(){
rlm@46 28608 if(this.initialized){
rlm@46 28609 var v = this.el.dom.value;
rlm@46 28610 if(!this.activated && v.length < 1){
rlm@46 28611 v = '&nbsp;';
rlm@46 28612 }
rlm@46 28613 if(this.fireEvent('beforepush', this, v) !== false){
rlm@46 28614 this.getEditorBody().innerHTML = v;
rlm@46 28615 this.fireEvent('push', this, v);
rlm@46 28616 }
rlm@46 28617 }
rlm@46 28618 },
rlm@46 28619
rlm@46 28620
rlm@46 28621 deferFocus : function(){
rlm@46 28622 this.focus.defer(10, this);
rlm@46 28623 },
rlm@46 28624
rlm@46 28625
rlm@46 28626 focus : function(){
rlm@46 28627 if(this.win && !this.sourceEditMode){
rlm@46 28628 this.win.focus();
rlm@46 28629 }else{
rlm@46 28630 this.el.focus();
rlm@46 28631 }
rlm@46 28632 },
rlm@46 28633
rlm@46 28634
rlm@46 28635 initEditor : function(){
rlm@46 28636 var dbody = this.getEditorBody();
rlm@46 28637 var ss = this.el.getStyles('font-size', 'font-family', 'background-image', 'background-repeat');
rlm@46 28638 ss['background-attachment'] = 'fixed';
rlm@46 28639 dbody.bgProperties = 'fixed';
rlm@46 28640 Ext.DomHelper.applyStyles(dbody, ss);
rlm@46 28641 Ext.EventManager.on(this.doc, {
rlm@46 28642 'mousedown': this.onEditorEvent,
rlm@46 28643 'dblclick': this.onEditorEvent,
rlm@46 28644 'click': this.onEditorEvent,
rlm@46 28645 'keyup': this.onEditorEvent,
rlm@46 28646 buffer:100,
rlm@46 28647 scope: this
rlm@46 28648 });
rlm@46 28649 if(Ext.isGecko){
rlm@46 28650 Ext.EventManager.on(this.doc, 'keypress', this.applyCommand, this);
rlm@46 28651 }
rlm@46 28652 if(Ext.isIE || Ext.isSafari || Ext.isOpera){
rlm@46 28653 Ext.EventManager.on(this.doc, 'keydown', this.fixKeys, this);
rlm@46 28654 }
rlm@46 28655 this.initialized = true;
rlm@46 28656
rlm@46 28657 this.fireEvent('initialize', this);
rlm@46 28658 this.pushValue();
rlm@46 28659 },
rlm@46 28660
rlm@46 28661
rlm@46 28662 onDestroy : function(){
rlm@46 28663 if(this.rendered){
rlm@46 28664 this.tb.items.each(function(item){
rlm@46 28665 if(item.menu){
rlm@46 28666 item.menu.removeAll();
rlm@46 28667 if(item.menu.el){
rlm@46 28668 item.menu.el.destroy();
rlm@46 28669 }
rlm@46 28670 }
rlm@46 28671 item.destroy();
rlm@46 28672 });
rlm@46 28673 this.wrap.dom.innerHTML = '';
rlm@46 28674 this.wrap.remove();
rlm@46 28675 }
rlm@46 28676 },
rlm@46 28677
rlm@46 28678
rlm@46 28679 onFirstFocus : function(){
rlm@46 28680 this.activated = true;
rlm@46 28681 this.tb.items.each(function(item){
rlm@46 28682 item.enable();
rlm@46 28683 });
rlm@46 28684 if(Ext.isGecko){
rlm@46 28685 this.win.focus();
rlm@46 28686 var s = this.win.getSelection();
rlm@46 28687 if(!s.focusNode || s.focusNode.nodeType != 3){
rlm@46 28688 var r = s.getRangeAt(0);
rlm@46 28689 r.selectNodeContents(this.getEditorBody());
rlm@46 28690 r.collapse(true);
rlm@46 28691 this.deferFocus();
rlm@46 28692 }
rlm@46 28693 try{
rlm@46 28694 this.execCmd('useCSS', true);
rlm@46 28695 this.execCmd('styleWithCSS', false);
rlm@46 28696 }catch(e){}
rlm@46 28697 }
rlm@46 28698 this.fireEvent('activate', this);
rlm@46 28699 },
rlm@46 28700
rlm@46 28701
rlm@46 28702 adjustFont: function(btn){
rlm@46 28703 var adjust = btn.itemId == 'increasefontsize' ? 1 : -1;
rlm@46 28704
rlm@46 28705 var v = parseInt(this.doc.queryCommandValue('FontSize') || 2, 10);
rlm@46 28706 if(Ext.isSafari3 || Ext.isAir){
rlm@46 28707
rlm@46 28708
rlm@46 28709 if(v <= 10){
rlm@46 28710 v = 1 + adjust;
rlm@46 28711 }else if(v <= 13){
rlm@46 28712 v = 2 + adjust;
rlm@46 28713 }else if(v <= 16){
rlm@46 28714 v = 3 + adjust;
rlm@46 28715 }else if(v <= 18){
rlm@46 28716 v = 4 + adjust;
rlm@46 28717 }else if(v <= 24){
rlm@46 28718 v = 5 + adjust;
rlm@46 28719 }else {
rlm@46 28720 v = 6 + adjust;
rlm@46 28721 }
rlm@46 28722 v = v.constrain(1, 6);
rlm@46 28723 }else{
rlm@46 28724 if(Ext.isSafari){
rlm@46 28725 adjust *= 2;
rlm@46 28726 }
rlm@46 28727 v = Math.max(1, v+adjust) + (Ext.isSafari ? 'px' : 0);
rlm@46 28728 }
rlm@46 28729 this.execCmd('FontSize', v);
rlm@46 28730 },
rlm@46 28731
rlm@46 28732
rlm@46 28733 onEditorEvent : function(e){
rlm@46 28734 this.updateToolbar();
rlm@46 28735 },
rlm@46 28736
rlm@46 28737
rlm@46 28738
rlm@46 28739 updateToolbar: function(){
rlm@46 28740
rlm@46 28741 if(!this.activated){
rlm@46 28742 this.onFirstFocus();
rlm@46 28743 return;
rlm@46 28744 }
rlm@46 28745
rlm@46 28746 var btns = this.tb.items.map, doc = this.doc;
rlm@46 28747
rlm@46 28748 if(this.enableFont && !Ext.isSafari){
rlm@46 28749 var name = (this.doc.queryCommandValue('FontName')||this.defaultFont).toLowerCase();
rlm@46 28750 if(name != this.fontSelect.dom.value){
rlm@46 28751 this.fontSelect.dom.value = name;
rlm@46 28752 }
rlm@46 28753 }
rlm@46 28754 if(this.enableFormat){
rlm@46 28755 btns.bold.toggle(doc.queryCommandState('bold'));
rlm@46 28756 btns.italic.toggle(doc.queryCommandState('italic'));
rlm@46 28757 btns.underline.toggle(doc.queryCommandState('underline'));
rlm@46 28758 }
rlm@46 28759 if(this.enableAlignments){
rlm@46 28760 btns.justifyleft.toggle(doc.queryCommandState('justifyleft'));
rlm@46 28761 btns.justifycenter.toggle(doc.queryCommandState('justifycenter'));
rlm@46 28762 btns.justifyright.toggle(doc.queryCommandState('justifyright'));
rlm@46 28763 }
rlm@46 28764 if(!Ext.isSafari && this.enableLists){
rlm@46 28765 btns.insertorderedlist.toggle(doc.queryCommandState('insertorderedlist'));
rlm@46 28766 btns.insertunorderedlist.toggle(doc.queryCommandState('insertunorderedlist'));
rlm@46 28767 }
rlm@46 28768
rlm@46 28769 Ext.menu.MenuMgr.hideAll();
rlm@46 28770
rlm@46 28771 this.syncValue();
rlm@46 28772 },
rlm@46 28773
rlm@46 28774
rlm@46 28775 relayBtnCmd : function(btn){
rlm@46 28776 this.relayCmd(btn.itemId);
rlm@46 28777 },
rlm@46 28778
rlm@46 28779
rlm@46 28780 relayCmd : function(cmd, value){
rlm@46 28781 this.win.focus();
rlm@46 28782 this.execCmd(cmd, value);
rlm@46 28783 this.updateToolbar();
rlm@46 28784 this.deferFocus();
rlm@46 28785 },
rlm@46 28786
rlm@46 28787
rlm@46 28788 execCmd : function(cmd, value){
rlm@46 28789 this.doc.execCommand(cmd, false, value === undefined ? null : value);
rlm@46 28790 this.syncValue();
rlm@46 28791 },
rlm@46 28792
rlm@46 28793
rlm@46 28794 applyCommand : function(e){
rlm@46 28795 if(e.ctrlKey){
rlm@46 28796 var c = e.getCharCode(), cmd;
rlm@46 28797 if(c > 0){
rlm@46 28798 c = String.fromCharCode(c);
rlm@46 28799 switch(c){
rlm@46 28800 case 'b':
rlm@46 28801 cmd = 'bold';
rlm@46 28802 break;
rlm@46 28803 case 'i':
rlm@46 28804 cmd = 'italic';
rlm@46 28805 break;
rlm@46 28806 case 'u':
rlm@46 28807 cmd = 'underline';
rlm@46 28808 break;
rlm@46 28809 }
rlm@46 28810 if(cmd){
rlm@46 28811 this.win.focus();
rlm@46 28812 this.execCmd(cmd);
rlm@46 28813 this.deferFocus();
rlm@46 28814 e.preventDefault();
rlm@46 28815 }
rlm@46 28816 }
rlm@46 28817 }
rlm@46 28818 },
rlm@46 28819
rlm@46 28820
rlm@46 28821 insertAtCursor : function(text){
rlm@46 28822 if(!this.activated){
rlm@46 28823 return;
rlm@46 28824 }
rlm@46 28825 if(Ext.isIE){
rlm@46 28826 this.win.focus();
rlm@46 28827 var r = this.doc.selection.createRange();
rlm@46 28828 if(r){
rlm@46 28829 r.collapse(true);
rlm@46 28830 r.pasteHTML(text);
rlm@46 28831 this.syncValue();
rlm@46 28832 this.deferFocus();
rlm@46 28833 }
rlm@46 28834 }else if(Ext.isGecko || Ext.isOpera){
rlm@46 28835 this.win.focus();
rlm@46 28836 this.execCmd('InsertHTML', text);
rlm@46 28837 this.deferFocus();
rlm@46 28838 }else if(Ext.isSafari){
rlm@46 28839 this.execCmd('InsertText', text);
rlm@46 28840 this.deferFocus();
rlm@46 28841 }
rlm@46 28842 },
rlm@46 28843
rlm@46 28844
rlm@46 28845 fixKeys : function(){
rlm@46 28846 if(Ext.isIE){
rlm@46 28847 return function(e){
rlm@46 28848 var k = e.getKey(), r;
rlm@46 28849 if(k == e.TAB){
rlm@46 28850 e.stopEvent();
rlm@46 28851 r = this.doc.selection.createRange();
rlm@46 28852 if(r){
rlm@46 28853 r.collapse(true);
rlm@46 28854 r.pasteHTML('&nbsp;&nbsp;&nbsp;&nbsp;');
rlm@46 28855 this.deferFocus();
rlm@46 28856 }
rlm@46 28857 }else if(k == e.ENTER){
rlm@46 28858 r = this.doc.selection.createRange();
rlm@46 28859 if(r){
rlm@46 28860 var target = r.parentElement();
rlm@46 28861 if(!target || target.tagName.toLowerCase() != 'li'){
rlm@46 28862 e.stopEvent();
rlm@46 28863 r.pasteHTML('<br />');
rlm@46 28864 r.collapse(false);
rlm@46 28865 r.select();
rlm@46 28866 }
rlm@46 28867 }
rlm@46 28868 }
rlm@46 28869 };
rlm@46 28870 }else if(Ext.isOpera){
rlm@46 28871 return function(e){
rlm@46 28872 var k = e.getKey();
rlm@46 28873 if(k == e.TAB){
rlm@46 28874 e.stopEvent();
rlm@46 28875 this.win.focus();
rlm@46 28876 this.execCmd('InsertHTML','&nbsp;&nbsp;&nbsp;&nbsp;');
rlm@46 28877 this.deferFocus();
rlm@46 28878 }
rlm@46 28879 };
rlm@46 28880 }else if(Ext.isSafari){
rlm@46 28881 return function(e){
rlm@46 28882 var k = e.getKey();
rlm@46 28883 if(k == e.TAB){
rlm@46 28884 e.stopEvent();
rlm@46 28885 this.execCmd('InsertText','\t');
rlm@46 28886 this.deferFocus();
rlm@46 28887 }
rlm@46 28888 };
rlm@46 28889 }
rlm@46 28890 }(),
rlm@46 28891
rlm@46 28892
rlm@46 28893 getToolbar : function(){
rlm@46 28894 return this.tb;
rlm@46 28895 },
rlm@46 28896
rlm@46 28897
rlm@46 28898 buttonTips : {
rlm@46 28899 bold : {
rlm@46 28900 title: 'Bold (Ctrl+B)',
rlm@46 28901 text: 'Make the selected text bold.',
rlm@46 28902 cls: 'x-html-editor-tip'
rlm@46 28903 },
rlm@46 28904 italic : {
rlm@46 28905 title: 'Italic (Ctrl+I)',
rlm@46 28906 text: 'Make the selected text italic.',
rlm@46 28907 cls: 'x-html-editor-tip'
rlm@46 28908 },
rlm@46 28909 underline : {
rlm@46 28910 title: 'Underline (Ctrl+U)',
rlm@46 28911 text: 'Underline the selected text.',
rlm@46 28912 cls: 'x-html-editor-tip'
rlm@46 28913 },
rlm@46 28914 increasefontsize : {
rlm@46 28915 title: 'Grow Text',
rlm@46 28916 text: 'Increase the font size.',
rlm@46 28917 cls: 'x-html-editor-tip'
rlm@46 28918 },
rlm@46 28919 decreasefontsize : {
rlm@46 28920 title: 'Shrink Text',
rlm@46 28921 text: 'Decrease the font size.',
rlm@46 28922 cls: 'x-html-editor-tip'
rlm@46 28923 },
rlm@46 28924 backcolor : {
rlm@46 28925 title: 'Text Highlight Color',
rlm@46 28926 text: 'Change the background color of the selected text.',
rlm@46 28927 cls: 'x-html-editor-tip'
rlm@46 28928 },
rlm@46 28929 forecolor : {
rlm@46 28930 title: 'Font Color',
rlm@46 28931 text: 'Change the color of the selected text.',
rlm@46 28932 cls: 'x-html-editor-tip'
rlm@46 28933 },
rlm@46 28934 justifyleft : {
rlm@46 28935 title: 'Align Text Left',
rlm@46 28936 text: 'Align text to the left.',
rlm@46 28937 cls: 'x-html-editor-tip'
rlm@46 28938 },
rlm@46 28939 justifycenter : {
rlm@46 28940 title: 'Center Text',
rlm@46 28941 text: 'Center text in the editor.',
rlm@46 28942 cls: 'x-html-editor-tip'
rlm@46 28943 },
rlm@46 28944 justifyright : {
rlm@46 28945 title: 'Align Text Right',
rlm@46 28946 text: 'Align text to the right.',
rlm@46 28947 cls: 'x-html-editor-tip'
rlm@46 28948 },
rlm@46 28949 insertunorderedlist : {
rlm@46 28950 title: 'Bullet List',
rlm@46 28951 text: 'Start a bulleted list.',
rlm@46 28952 cls: 'x-html-editor-tip'
rlm@46 28953 },
rlm@46 28954 insertorderedlist : {
rlm@46 28955 title: 'Numbered List',
rlm@46 28956 text: 'Start a numbered list.',
rlm@46 28957 cls: 'x-html-editor-tip'
rlm@46 28958 },
rlm@46 28959 createlink : {
rlm@46 28960 title: 'Hyperlink',
rlm@46 28961 text: 'Make the selected text a hyperlink.',
rlm@46 28962 cls: 'x-html-editor-tip'
rlm@46 28963 },
rlm@46 28964 sourceedit : {
rlm@46 28965 title: 'Source Edit',
rlm@46 28966 text: 'Switch to source editing mode.',
rlm@46 28967 cls: 'x-html-editor-tip'
rlm@46 28968 }
rlm@46 28969 }
rlm@46 28970
rlm@46 28971
rlm@46 28972
rlm@46 28973
rlm@46 28974
rlm@46 28975
rlm@46 28976
rlm@46 28977
rlm@46 28978
rlm@46 28979
rlm@46 28980
rlm@46 28981
rlm@46 28982
rlm@46 28983
rlm@46 28984
rlm@46 28985
rlm@46 28986
rlm@46 28987
rlm@46 28988
rlm@46 28989
rlm@46 28990
rlm@46 28991
rlm@46 28992
rlm@46 28993
rlm@46 28994
rlm@46 28995
rlm@46 28996
rlm@46 28997
rlm@46 28998
rlm@46 28999
rlm@46 29000
rlm@46 29001
rlm@46 29002
rlm@46 29003
rlm@46 29004
rlm@46 29005 });
rlm@46 29006 Ext.reg('htmleditor', Ext.form.HtmlEditor);
rlm@46 29007
rlm@46 29008 Ext.form.TimeField = Ext.extend(Ext.form.ComboBox, {
rlm@46 29009
rlm@46 29010 minValue : null,
rlm@46 29011
rlm@46 29012 maxValue : null,
rlm@46 29013
rlm@46 29014 minText : "The time in this field must be equal to or after {0}",
rlm@46 29015
rlm@46 29016 maxText : "The time in this field must be equal to or before {0}",
rlm@46 29017
rlm@46 29018 invalidText : "{0} is not a valid time",
rlm@46 29019
rlm@46 29020 format : "g:i A",
rlm@46 29021
rlm@46 29022 altFormats : "g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|ha|gA|h a|g a|g A|gi|hi|gia|hia|g|H",
rlm@46 29023
rlm@46 29024 increment: 15,
rlm@46 29025
rlm@46 29026
rlm@46 29027 mode: 'local',
rlm@46 29028
rlm@46 29029 triggerAction: 'all',
rlm@46 29030
rlm@46 29031 typeAhead: false,
rlm@46 29032
rlm@46 29033
rlm@46 29034 initComponent : function(){
rlm@46 29035 Ext.form.TimeField.superclass.initComponent.call(this);
rlm@46 29036
rlm@46 29037 if(typeof this.minValue == "string"){
rlm@46 29038 this.minValue = this.parseDate(this.minValue);
rlm@46 29039 }
rlm@46 29040 if(typeof this.maxValue == "string"){
rlm@46 29041 this.maxValue = this.parseDate(this.maxValue);
rlm@46 29042 }
rlm@46 29043
rlm@46 29044 if(!this.store){
rlm@46 29045 var min = this.parseDate(this.minValue);
rlm@46 29046 if(!min){
rlm@46 29047 min = new Date().clearTime();
rlm@46 29048 }
rlm@46 29049 var max = this.parseDate(this.maxValue);
rlm@46 29050 if(!max){
rlm@46 29051 max = new Date().clearTime().add('mi', (24 * 60) - 1);
rlm@46 29052 }
rlm@46 29053 var times = [];
rlm@46 29054 while(min <= max){
rlm@46 29055 times.push([min.dateFormat(this.format)]);
rlm@46 29056 min = min.add('mi', this.increment);
rlm@46 29057 }
rlm@46 29058 this.store = new Ext.data.SimpleStore({
rlm@46 29059 fields: ['text'],
rlm@46 29060 data : times
rlm@46 29061 });
rlm@46 29062 this.displayField = 'text';
rlm@46 29063 }
rlm@46 29064 },
rlm@46 29065
rlm@46 29066
rlm@46 29067 getValue : function(){
rlm@46 29068 var v = Ext.form.TimeField.superclass.getValue.call(this);
rlm@46 29069 return this.formatDate(this.parseDate(v)) || '';
rlm@46 29070 },
rlm@46 29071
rlm@46 29072
rlm@46 29073 setValue : function(value){
rlm@46 29074 Ext.form.TimeField.superclass.setValue.call(this, this.formatDate(this.parseDate(value)));
rlm@46 29075 },
rlm@46 29076
rlm@46 29077
rlm@46 29078 validateValue : Ext.form.DateField.prototype.validateValue,
rlm@46 29079 parseDate : Ext.form.DateField.prototype.parseDate,
rlm@46 29080 formatDate : Ext.form.DateField.prototype.formatDate,
rlm@46 29081
rlm@46 29082
rlm@46 29083 beforeBlur : function(){
rlm@46 29084 var v = this.parseDate(this.getRawValue());
rlm@46 29085 if(v){
rlm@46 29086 this.setValue(v.dateFormat(this.format));
rlm@46 29087 }
rlm@46 29088 }
rlm@46 29089
rlm@46 29090
rlm@46 29091
rlm@46 29092
rlm@46 29093
rlm@46 29094 });
rlm@46 29095 Ext.reg('timefield', Ext.form.TimeField);
rlm@46 29096
rlm@46 29097 Ext.form.Label = Ext.extend(Ext.BoxComponent, {
rlm@46 29098
rlm@46 29099
rlm@46 29100
rlm@46 29101 onRender : function(ct, position){
rlm@46 29102 if(!this.el){
rlm@46 29103 this.el = document.createElement('label');
rlm@46 29104 this.el.id = this.getId();
rlm@46 29105 this.el.innerHTML = this.text ? Ext.util.Format.htmlEncode(this.text) : (this.html || '');
rlm@46 29106 if(this.forId){
rlm@46 29107 this.el.setAttribute('htmlFor', this.forId);
rlm@46 29108 }
rlm@46 29109 }
rlm@46 29110 Ext.form.Label.superclass.onRender.call(this, ct, position);
rlm@46 29111 }
rlm@46 29112 });
rlm@46 29113
rlm@46 29114 Ext.reg('label', Ext.form.Label);
rlm@46 29115
rlm@46 29116 Ext.form.Action = function(form, options){
rlm@46 29117 this.form = form;
rlm@46 29118 this.options = options || {};
rlm@46 29119 };
rlm@46 29120
rlm@46 29121
rlm@46 29122 Ext.form.Action.CLIENT_INVALID = 'client';
rlm@46 29123
rlm@46 29124 Ext.form.Action.SERVER_INVALID = 'server';
rlm@46 29125
rlm@46 29126 Ext.form.Action.CONNECT_FAILURE = 'connect';
rlm@46 29127
rlm@46 29128 Ext.form.Action.LOAD_FAILURE = 'load';
rlm@46 29129
rlm@46 29130 Ext.form.Action.prototype = {
rlm@46 29131
rlm@46 29132
rlm@46 29133
rlm@46 29134
rlm@46 29135
rlm@46 29136
rlm@46 29137
rlm@46 29138
rlm@46 29139
rlm@46 29140
rlm@46 29141
rlm@46 29142 type : 'default',
rlm@46 29143
rlm@46 29144
rlm@46 29145 run : function(options){
rlm@46 29146
rlm@46 29147 },
rlm@46 29148
rlm@46 29149 success : function(response){
rlm@46 29150
rlm@46 29151 },
rlm@46 29152
rlm@46 29153 handleResponse : function(response){
rlm@46 29154
rlm@46 29155 },
rlm@46 29156
rlm@46 29157 failure : function(response){
rlm@46 29158 this.response = response;
rlm@46 29159 this.failureType = Ext.form.Action.CONNECT_FAILURE;
rlm@46 29160 this.form.afterAction(this, false);
rlm@46 29161 },
rlm@46 29162
rlm@46 29163 processResponse : function(response){
rlm@46 29164 this.response = response;
rlm@46 29165 if(!response.responseText){
rlm@46 29166 return true;
rlm@46 29167 }
rlm@46 29168 this.result = this.handleResponse(response);
rlm@46 29169 return this.result;
rlm@46 29170 },
rlm@46 29171
rlm@46 29172 getUrl : function(appendParams){
rlm@46 29173 var url = this.options.url || this.form.url || this.form.el.dom.action;
rlm@46 29174 if(appendParams){
rlm@46 29175 var p = this.getParams();
rlm@46 29176 if(p){
rlm@46 29177 url += (url.indexOf('?') != -1 ? '&' : '?') + p;
rlm@46 29178 }
rlm@46 29179 }
rlm@46 29180 return url;
rlm@46 29181 },
rlm@46 29182
rlm@46 29183 getMethod : function(){
rlm@46 29184 return (this.options.method || this.form.method || this.form.el.dom.method || 'POST').toUpperCase();
rlm@46 29185 },
rlm@46 29186
rlm@46 29187 getParams : function(){
rlm@46 29188 var bp = this.form.baseParams;
rlm@46 29189 var p = this.options.params;
rlm@46 29190 if(p){
rlm@46 29191 if(typeof p == "object"){
rlm@46 29192 p = Ext.urlEncode(Ext.applyIf(p, bp));
rlm@46 29193 }else if(typeof p == 'string' && bp){
rlm@46 29194 p += '&' + Ext.urlEncode(bp);
rlm@46 29195 }
rlm@46 29196 }else if(bp){
rlm@46 29197 p = Ext.urlEncode(bp);
rlm@46 29198 }
rlm@46 29199 return p;
rlm@46 29200 },
rlm@46 29201
rlm@46 29202 createCallback : function(opts){
rlm@46 29203 var opts = opts || {};
rlm@46 29204 return {
rlm@46 29205 success: this.success,
rlm@46 29206 failure: this.failure,
rlm@46 29207 scope: this,
rlm@46 29208 timeout: (opts.timeout*1000) || (this.form.timeout*1000),
rlm@46 29209 upload: this.form.fileUpload ? this.success : undefined
rlm@46 29210 };
rlm@46 29211 }
rlm@46 29212 };
rlm@46 29213
rlm@46 29214
rlm@46 29215 Ext.form.Action.Submit = function(form, options){
rlm@46 29216 Ext.form.Action.Submit.superclass.constructor.call(this, form, options);
rlm@46 29217 };
rlm@46 29218
rlm@46 29219 Ext.extend(Ext.form.Action.Submit, Ext.form.Action, {
rlm@46 29220
rlm@46 29221 type : 'submit',
rlm@46 29222
rlm@46 29223 run : function(){
rlm@46 29224 var o = this.options;
rlm@46 29225 var method = this.getMethod();
rlm@46 29226 var isGet = method == 'GET';
rlm@46 29227 if(o.clientValidation === false || this.form.isValid()){
rlm@46 29228 Ext.Ajax.request(Ext.apply(this.createCallback(o), {
rlm@46 29229 form:this.form.el.dom,
rlm@46 29230 url:this.getUrl(isGet),
rlm@46 29231 method: method,
rlm@46 29232 headers: o.headers,
rlm@46 29233 params:!isGet ? this.getParams() : null,
rlm@46 29234 isUpload: this.form.fileUpload
rlm@46 29235 }));
rlm@46 29236 }else if (o.clientValidation !== false){ this.failureType = Ext.form.Action.CLIENT_INVALID;
rlm@46 29237 this.form.afterAction(this, false);
rlm@46 29238 }
rlm@46 29239 },
rlm@46 29240
rlm@46 29241 success : function(response){
rlm@46 29242 var result = this.processResponse(response);
rlm@46 29243 if(result === true || result.success){
rlm@46 29244 this.form.afterAction(this, true);
rlm@46 29245 return;
rlm@46 29246 }
rlm@46 29247 if(result.errors){
rlm@46 29248 this.form.markInvalid(result.errors);
rlm@46 29249 this.failureType = Ext.form.Action.SERVER_INVALID;
rlm@46 29250 }
rlm@46 29251 this.form.afterAction(this, false);
rlm@46 29252 },
rlm@46 29253
rlm@46 29254 handleResponse : function(response){
rlm@46 29255 if(this.form.errorReader){
rlm@46 29256 var rs = this.form.errorReader.read(response);
rlm@46 29257 var errors = [];
rlm@46 29258 if(rs.records){
rlm@46 29259 for(var i = 0, len = rs.records.length; i < len; i++) {
rlm@46 29260 var r = rs.records[i];
rlm@46 29261 errors[i] = r.data;
rlm@46 29262 }
rlm@46 29263 }
rlm@46 29264 if(errors.length < 1){
rlm@46 29265 errors = null;
rlm@46 29266 }
rlm@46 29267 return {
rlm@46 29268 success : rs.success,
rlm@46 29269 errors : errors
rlm@46 29270 };
rlm@46 29271 }
rlm@46 29272 return Ext.decode(response.responseText);
rlm@46 29273 }
rlm@46 29274 });
rlm@46 29275
rlm@46 29276
rlm@46 29277
rlm@46 29278 Ext.form.Action.Load = function(form, options){
rlm@46 29279 Ext.form.Action.Load.superclass.constructor.call(this, form, options);
rlm@46 29280 this.reader = this.form.reader;
rlm@46 29281 };
rlm@46 29282
rlm@46 29283 Ext.extend(Ext.form.Action.Load, Ext.form.Action, {
rlm@46 29284 type : 'load',
rlm@46 29285
rlm@46 29286 run : function(){
rlm@46 29287 Ext.Ajax.request(Ext.apply(
rlm@46 29288 this.createCallback(this.options), {
rlm@46 29289 method:this.getMethod(),
rlm@46 29290 url:this.getUrl(false),
rlm@46 29291 headers: this.options.headers,
rlm@46 29292 params:this.getParams()
rlm@46 29293 }));
rlm@46 29294 },
rlm@46 29295
rlm@46 29296 success : function(response){
rlm@46 29297 var result = this.processResponse(response);
rlm@46 29298 if(result === true || !result.success || !result.data){
rlm@46 29299 this.failureType = Ext.form.Action.LOAD_FAILURE;
rlm@46 29300 this.form.afterAction(this, false);
rlm@46 29301 return;
rlm@46 29302 }
rlm@46 29303 this.form.clearInvalid();
rlm@46 29304 this.form.setValues(result.data);
rlm@46 29305 this.form.afterAction(this, true);
rlm@46 29306 },
rlm@46 29307
rlm@46 29308 handleResponse : function(response){
rlm@46 29309 if(this.form.reader){
rlm@46 29310 var rs = this.form.reader.read(response);
rlm@46 29311 var data = rs.records && rs.records[0] ? rs.records[0].data : null;
rlm@46 29312 return {
rlm@46 29313 success : rs.success,
rlm@46 29314 data : data
rlm@46 29315 };
rlm@46 29316 }
rlm@46 29317 return Ext.decode(response.responseText);
rlm@46 29318 }
rlm@46 29319 });
rlm@46 29320
rlm@46 29321 Ext.form.Action.ACTION_TYPES = {
rlm@46 29322 'load' : Ext.form.Action.Load,
rlm@46 29323 'submit' : Ext.form.Action.Submit
rlm@46 29324 };
rlm@46 29325
rlm@46 29326
rlm@46 29327 Ext.form.VTypes = function(){
rlm@46 29328 var alpha = /^[a-zA-Z_]+$/;
rlm@46 29329 var alphanum = /^[a-zA-Z0-9_]+$/;
rlm@46 29330 var email = /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/;
rlm@46 29331 var url = /(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
rlm@46 29332
rlm@46 29333 return {
rlm@46 29334
rlm@46 29335 'email' : function(v){
rlm@46 29336 return email.test(v);
rlm@46 29337 },
rlm@46 29338
rlm@46 29339 'emailText' : 'This field should be an e-mail address in the format "user@domain.com"',
rlm@46 29340
rlm@46 29341 'emailMask' : /[a-z0-9_\.\-@]/i,
rlm@46 29342
rlm@46 29343
rlm@46 29344 'url' : function(v){
rlm@46 29345 return url.test(v);
rlm@46 29346 },
rlm@46 29347
rlm@46 29348 'urlText' : 'This field should be a URL in the format "http:/'+'/www.domain.com"',
rlm@46 29349
rlm@46 29350
rlm@46 29351 'alpha' : function(v){
rlm@46 29352 return alpha.test(v);
rlm@46 29353 },
rlm@46 29354
rlm@46 29355 'alphaText' : 'This field should only contain letters and _',
rlm@46 29356
rlm@46 29357 'alphaMask' : /[a-z_]/i,
rlm@46 29358
rlm@46 29359
rlm@46 29360 'alphanum' : function(v){
rlm@46 29361 return alphanum.test(v);
rlm@46 29362 },
rlm@46 29363
rlm@46 29364 'alphanumText' : 'This field should only contain letters, numbers and _',
rlm@46 29365
rlm@46 29366 'alphanumMask' : /[a-z0-9_]/i
rlm@46 29367 };
rlm@46 29368 }();
rlm@46 29369
rlm@46 29370 Ext.grid.GridPanel = Ext.extend(Ext.Panel, {
rlm@46 29371
rlm@46 29372
rlm@46 29373
rlm@46 29374
rlm@46 29375
rlm@46 29376
rlm@46 29377
rlm@46 29378
rlm@46 29379
rlm@46 29380
rlm@46 29381
rlm@46 29382
rlm@46 29383
rlm@46 29384
rlm@46 29385 ddText : "{0} selected row{1}",
rlm@46 29386
rlm@46 29387 minColumnWidth : 25,
rlm@46 29388
rlm@46 29389 trackMouseOver : true,
rlm@46 29390
rlm@46 29391 enableDragDrop : false,
rlm@46 29392
rlm@46 29393 enableColumnMove : true,
rlm@46 29394
rlm@46 29395 enableColumnHide : true,
rlm@46 29396
rlm@46 29397 enableHdMenu : true,
rlm@46 29398
rlm@46 29399 stripeRows : false,
rlm@46 29400
rlm@46 29401 autoExpandColumn : false,
rlm@46 29402
rlm@46 29403 autoExpandMin : 50,
rlm@46 29404
rlm@46 29405 autoExpandMax : 1000,
rlm@46 29406
rlm@46 29407 view : null,
rlm@46 29408
rlm@46 29409 loadMask : false,
rlm@46 29410
rlm@46 29411
rlm@46 29412 rendered : false,
rlm@46 29413
rlm@46 29414 viewReady: false,
rlm@46 29415
rlm@46 29416 stateEvents: ["columnmove", "columnresize", "sortchange"],
rlm@46 29417
rlm@46 29418
rlm@46 29419 initComponent : function(){
rlm@46 29420 Ext.grid.GridPanel.superclass.initComponent.call(this);
rlm@46 29421
rlm@46 29422
rlm@46 29423
rlm@46 29424 this.autoScroll = false;
rlm@46 29425 this.autoWidth = false;
rlm@46 29426
rlm@46 29427 if(Ext.isArray(this.columns)){
rlm@46 29428 this.colModel = new Ext.grid.ColumnModel(this.columns);
rlm@46 29429 delete this.columns;
rlm@46 29430 }
rlm@46 29431
rlm@46 29432
rlm@46 29433 if(this.ds){
rlm@46 29434 this.store = this.ds;
rlm@46 29435 delete this.ds;
rlm@46 29436 }
rlm@46 29437 if(this.cm){
rlm@46 29438 this.colModel = this.cm;
rlm@46 29439 delete this.cm;
rlm@46 29440 }
rlm@46 29441 if(this.sm){
rlm@46 29442 this.selModel = this.sm;
rlm@46 29443 delete this.sm;
rlm@46 29444 }
rlm@46 29445 this.store = Ext.StoreMgr.lookup(this.store);
rlm@46 29446
rlm@46 29447 this.addEvents(
rlm@46 29448
rlm@46 29449
rlm@46 29450 "click",
rlm@46 29451
rlm@46 29452 "dblclick",
rlm@46 29453
rlm@46 29454 "contextmenu",
rlm@46 29455
rlm@46 29456 "mousedown",
rlm@46 29457
rlm@46 29458 "mouseup",
rlm@46 29459
rlm@46 29460 "mouseover",
rlm@46 29461
rlm@46 29462 "mouseout",
rlm@46 29463
rlm@46 29464 "keypress",
rlm@46 29465
rlm@46 29466 "keydown",
rlm@46 29467
rlm@46 29468
rlm@46 29469
rlm@46 29470 "cellmousedown",
rlm@46 29471
rlm@46 29472 "rowmousedown",
rlm@46 29473
rlm@46 29474 "headermousedown",
rlm@46 29475
rlm@46 29476
rlm@46 29477 "cellclick",
rlm@46 29478
rlm@46 29479 "celldblclick",
rlm@46 29480
rlm@46 29481 "rowclick",
rlm@46 29482
rlm@46 29483 "rowdblclick",
rlm@46 29484
rlm@46 29485 "headerclick",
rlm@46 29486
rlm@46 29487 "headerdblclick",
rlm@46 29488
rlm@46 29489 "rowcontextmenu",
rlm@46 29490
rlm@46 29491 "cellcontextmenu",
rlm@46 29492
rlm@46 29493 "headercontextmenu",
rlm@46 29494
rlm@46 29495 "bodyscroll",
rlm@46 29496
rlm@46 29497 "columnresize",
rlm@46 29498
rlm@46 29499 "columnmove",
rlm@46 29500
rlm@46 29501 "sortchange"
rlm@46 29502 );
rlm@46 29503 },
rlm@46 29504
rlm@46 29505
rlm@46 29506 onRender : function(ct, position){
rlm@46 29507 Ext.grid.GridPanel.superclass.onRender.apply(this, arguments);
rlm@46 29508
rlm@46 29509 var c = this.body;
rlm@46 29510
rlm@46 29511 this.el.addClass('x-grid-panel');
rlm@46 29512
rlm@46 29513 var view = this.getView();
rlm@46 29514 view.init(this);
rlm@46 29515
rlm@46 29516 c.on("mousedown", this.onMouseDown, this);
rlm@46 29517 c.on("click", this.onClick, this);
rlm@46 29518 c.on("dblclick", this.onDblClick, this);
rlm@46 29519 c.on("contextmenu", this.onContextMenu, this);
rlm@46 29520 c.on("keydown", this.onKeyDown, this);
rlm@46 29521
rlm@46 29522 this.relayEvents(c, ["mousedown","mouseup","mouseover","mouseout","keypress"]);
rlm@46 29523
rlm@46 29524 this.getSelectionModel().init(this);
rlm@46 29525 this.view.render();
rlm@46 29526 },
rlm@46 29527
rlm@46 29528
rlm@46 29529 initEvents : function(){
rlm@46 29530 Ext.grid.GridPanel.superclass.initEvents.call(this);
rlm@46 29531
rlm@46 29532 if(this.loadMask){
rlm@46 29533 this.loadMask = new Ext.LoadMask(this.bwrap,
rlm@46 29534 Ext.apply({store:this.store}, this.loadMask));
rlm@46 29535 }
rlm@46 29536 },
rlm@46 29537
rlm@46 29538 initStateEvents : function(){
rlm@46 29539 Ext.grid.GridPanel.superclass.initStateEvents.call(this);
rlm@46 29540 this.colModel.on('hiddenchange', this.saveState, this, {delay: 100});
rlm@46 29541 },
rlm@46 29542
rlm@46 29543 applyState : function(state){
rlm@46 29544 var cm = this.colModel;
rlm@46 29545 var cs = state.columns;
rlm@46 29546 if(cs){
rlm@46 29547 for(var i = 0, len = cs.length; i < len; i++){
rlm@46 29548 var s = cs[i];
rlm@46 29549 var c = cm.getColumnById(s.id);
rlm@46 29550 if(c){
rlm@46 29551 c.hidden = s.hidden;
rlm@46 29552 c.width = s.width;
rlm@46 29553 var oldIndex = cm.getIndexById(s.id);
rlm@46 29554 if(oldIndex != i){
rlm@46 29555 cm.moveColumn(oldIndex, i);
rlm@46 29556 }
rlm@46 29557 }
rlm@46 29558 }
rlm@46 29559 }
rlm@46 29560 if(state.sort){
rlm@46 29561 this.store[this.store.remoteSort ? 'setDefaultSort' : 'sort'](state.sort.field, state.sort.direction);
rlm@46 29562 }
rlm@46 29563 },
rlm@46 29564
rlm@46 29565 getState : function(){
rlm@46 29566 var o = {columns: []};
rlm@46 29567 for(var i = 0, c; c = this.colModel.config[i]; i++){
rlm@46 29568 o.columns[i] = {
rlm@46 29569 id: c.id,
rlm@46 29570 width: c.width
rlm@46 29571 };
rlm@46 29572 if(c.hidden){
rlm@46 29573 o.columns[i].hidden = true;
rlm@46 29574 }
rlm@46 29575 }
rlm@46 29576 var ss = this.store.getSortState();
rlm@46 29577 if(ss){
rlm@46 29578 o.sort = ss;
rlm@46 29579 }
rlm@46 29580 return o;
rlm@46 29581 },
rlm@46 29582
rlm@46 29583
rlm@46 29584 afterRender : function(){
rlm@46 29585 Ext.grid.GridPanel.superclass.afterRender.call(this);
rlm@46 29586 this.view.layout();
rlm@46 29587 this.viewReady = true;
rlm@46 29588 },
rlm@46 29589
rlm@46 29590
rlm@46 29591 reconfigure : function(store, colModel){
rlm@46 29592 if(this.loadMask){
rlm@46 29593 this.loadMask.destroy();
rlm@46 29594 this.loadMask = new Ext.LoadMask(this.bwrap,
rlm@46 29595 Ext.apply({store:store}, this.initialConfig.loadMask));
rlm@46 29596 }
rlm@46 29597 this.view.bind(store, colModel);
rlm@46 29598 this.store = store;
rlm@46 29599 this.colModel = colModel;
rlm@46 29600 if(this.rendered){
rlm@46 29601 this.view.refresh(true);
rlm@46 29602 }
rlm@46 29603 },
rlm@46 29604
rlm@46 29605
rlm@46 29606 onKeyDown : function(e){
rlm@46 29607 this.fireEvent("keydown", e);
rlm@46 29608 },
rlm@46 29609
rlm@46 29610
rlm@46 29611 onDestroy : function(){
rlm@46 29612 if(this.rendered){
rlm@46 29613 if(this.loadMask){
rlm@46 29614 this.loadMask.destroy();
rlm@46 29615 }
rlm@46 29616 var c = this.body;
rlm@46 29617 c.removeAllListeners();
rlm@46 29618 this.view.destroy();
rlm@46 29619 c.update("");
rlm@46 29620 }
rlm@46 29621 this.colModel.purgeListeners();
rlm@46 29622 Ext.grid.GridPanel.superclass.onDestroy.call(this);
rlm@46 29623 },
rlm@46 29624
rlm@46 29625
rlm@46 29626 processEvent : function(name, e){
rlm@46 29627 this.fireEvent(name, e);
rlm@46 29628 var t = e.getTarget();
rlm@46 29629 var v = this.view;
rlm@46 29630 var header = v.findHeaderIndex(t);
rlm@46 29631 if(header !== false){
rlm@46 29632 this.fireEvent("header" + name, this, header, e);
rlm@46 29633 }else{
rlm@46 29634 var row = v.findRowIndex(t);
rlm@46 29635 var cell = v.findCellIndex(t);
rlm@46 29636 if(row !== false){
rlm@46 29637 this.fireEvent("row" + name, this, row, e);
rlm@46 29638 if(cell !== false){
rlm@46 29639 this.fireEvent("cell" + name, this, row, cell, e);
rlm@46 29640 }
rlm@46 29641 }
rlm@46 29642 }
rlm@46 29643 },
rlm@46 29644
rlm@46 29645
rlm@46 29646 onClick : function(e){
rlm@46 29647 this.processEvent("click", e);
rlm@46 29648 },
rlm@46 29649
rlm@46 29650
rlm@46 29651 onMouseDown : function(e){
rlm@46 29652 this.processEvent("mousedown", e);
rlm@46 29653 },
rlm@46 29654
rlm@46 29655
rlm@46 29656 onContextMenu : function(e, t){
rlm@46 29657 this.processEvent("contextmenu", e);
rlm@46 29658 },
rlm@46 29659
rlm@46 29660
rlm@46 29661 onDblClick : function(e){
rlm@46 29662 this.processEvent("dblclick", e);
rlm@46 29663 },
rlm@46 29664
rlm@46 29665
rlm@46 29666 walkCells : function(row, col, step, fn, scope){
rlm@46 29667 var cm = this.colModel, clen = cm.getColumnCount();
rlm@46 29668 var ds = this.store, rlen = ds.getCount(), first = true;
rlm@46 29669 if(step < 0){
rlm@46 29670 if(col < 0){
rlm@46 29671 row--;
rlm@46 29672 first = false;
rlm@46 29673 }
rlm@46 29674 while(row >= 0){
rlm@46 29675 if(!first){
rlm@46 29676 col = clen-1;
rlm@46 29677 }
rlm@46 29678 first = false;
rlm@46 29679 while(col >= 0){
rlm@46 29680 if(fn.call(scope || this, row, col, cm) === true){
rlm@46 29681 return [row, col];
rlm@46 29682 }
rlm@46 29683 col--;
rlm@46 29684 }
rlm@46 29685 row--;
rlm@46 29686 }
rlm@46 29687 } else {
rlm@46 29688 if(col >= clen){
rlm@46 29689 row++;
rlm@46 29690 first = false;
rlm@46 29691 }
rlm@46 29692 while(row < rlen){
rlm@46 29693 if(!first){
rlm@46 29694 col = 0;
rlm@46 29695 }
rlm@46 29696 first = false;
rlm@46 29697 while(col < clen){
rlm@46 29698 if(fn.call(scope || this, row, col, cm) === true){
rlm@46 29699 return [row, col];
rlm@46 29700 }
rlm@46 29701 col++;
rlm@46 29702 }
rlm@46 29703 row++;
rlm@46 29704 }
rlm@46 29705 }
rlm@46 29706 return null;
rlm@46 29707 },
rlm@46 29708
rlm@46 29709
rlm@46 29710 getSelections : function(){
rlm@46 29711 return this.selModel.getSelections();
rlm@46 29712 },
rlm@46 29713
rlm@46 29714
rlm@46 29715 onResize : function(){
rlm@46 29716 Ext.grid.GridPanel.superclass.onResize.apply(this, arguments);
rlm@46 29717 if(this.viewReady){
rlm@46 29718 this.view.layout();
rlm@46 29719 }
rlm@46 29720 },
rlm@46 29721
rlm@46 29722
rlm@46 29723 getGridEl : function(){
rlm@46 29724 return this.body;
rlm@46 29725 },
rlm@46 29726
rlm@46 29727
rlm@46 29728 stopEditing : function(){},
rlm@46 29729
rlm@46 29730
rlm@46 29731 getSelectionModel : function(){
rlm@46 29732 if(!this.selModel){
rlm@46 29733 this.selModel = new Ext.grid.RowSelectionModel(
rlm@46 29734 this.disableSelection ? {selectRow: Ext.emptyFn} : null);
rlm@46 29735 }
rlm@46 29736 return this.selModel;
rlm@46 29737 },
rlm@46 29738
rlm@46 29739
rlm@46 29740 getStore : function(){
rlm@46 29741 return this.store;
rlm@46 29742 },
rlm@46 29743
rlm@46 29744
rlm@46 29745 getColumnModel : function(){
rlm@46 29746 return this.colModel;
rlm@46 29747 },
rlm@46 29748
rlm@46 29749
rlm@46 29750 getView : function(){
rlm@46 29751 if(!this.view){
rlm@46 29752 this.view = new Ext.grid.GridView(this.viewConfig);
rlm@46 29753 }
rlm@46 29754 return this.view;
rlm@46 29755 },
rlm@46 29756
rlm@46 29757 getDragDropText : function(){
rlm@46 29758 var count = this.selModel.getCount();
rlm@46 29759 return String.format(this.ddText, count, count == 1 ? '' : 's');
rlm@46 29760 }
rlm@46 29761
rlm@46 29762
rlm@46 29763
rlm@46 29764
rlm@46 29765
rlm@46 29766
rlm@46 29767
rlm@46 29768
rlm@46 29769
rlm@46 29770
rlm@46 29771
rlm@46 29772
rlm@46 29773
rlm@46 29774
rlm@46 29775
rlm@46 29776
rlm@46 29777
rlm@46 29778
rlm@46 29779
rlm@46 29780
rlm@46 29781
rlm@46 29782
rlm@46 29783
rlm@46 29784
rlm@46 29785
rlm@46 29786
rlm@46 29787
rlm@46 29788
rlm@46 29789
rlm@46 29790
rlm@46 29791
rlm@46 29792
rlm@46 29793
rlm@46 29794
rlm@46 29795
rlm@46 29796
rlm@46 29797
rlm@46 29798
rlm@46 29799
rlm@46 29800
rlm@46 29801
rlm@46 29802
rlm@46 29803
rlm@46 29804
rlm@46 29805
rlm@46 29806
rlm@46 29807
rlm@46 29808
rlm@46 29809
rlm@46 29810
rlm@46 29811 });
rlm@46 29812 Ext.reg('grid', Ext.grid.GridPanel);
rlm@46 29813
rlm@46 29814 Ext.grid.GridView = function(config){
rlm@46 29815 Ext.apply(this, config);
rlm@46 29816 this.addEvents(
rlm@46 29817
rlm@46 29818 "beforerowremoved",
rlm@46 29819
rlm@46 29820 "beforerowsinserted",
rlm@46 29821
rlm@46 29822 "beforerefresh",
rlm@46 29823
rlm@46 29824 "rowremoved",
rlm@46 29825
rlm@46 29826 "rowsinserted",
rlm@46 29827
rlm@46 29828 "rowupdated",
rlm@46 29829
rlm@46 29830 "refresh"
rlm@46 29831 );
rlm@46 29832 Ext.grid.GridView.superclass.constructor.call(this);
rlm@46 29833 };
rlm@46 29834
rlm@46 29835 Ext.extend(Ext.grid.GridView, Ext.util.Observable, {
rlm@46 29836
rlm@46 29837
rlm@46 29838
rlm@46 29839
rlm@46 29840 deferEmptyText: true,
rlm@46 29841
rlm@46 29842 scrollOffset: 19,
rlm@46 29843
rlm@46 29844 autoFill: false,
rlm@46 29845
rlm@46 29846 forceFit: false,
rlm@46 29847
rlm@46 29848 sortClasses : ["sort-asc", "sort-desc"],
rlm@46 29849
rlm@46 29850 sortAscText : "Sort Ascending",
rlm@46 29851
rlm@46 29852 sortDescText : "Sort Descending",
rlm@46 29853
rlm@46 29854 columnsText : "Columns",
rlm@46 29855
rlm@46 29856 borderWidth: 2,
rlm@46 29857
rlm@46 29858
rlm@46 29859
rlm@46 29860 initTemplates : function(){
rlm@46 29861 var ts = this.templates || {};
rlm@46 29862 if(!ts.master){
rlm@46 29863 ts.master = new Ext.Template(
rlm@46 29864 '<div class="x-grid3" hidefocus="true">',
rlm@46 29865 '<div class="x-grid3-viewport">',
rlm@46 29866 '<div class="x-grid3-header"><div class="x-grid3-header-inner"><div class="x-grid3-header-offset">{header}</div></div><div class="x-clear"></div></div>',
rlm@46 29867 '<div class="x-grid3-scroller"><div class="x-grid3-body">{body}</div><a href="#" class="x-grid3-focus" tabIndex="-1"></a></div>',
rlm@46 29868 "</div>",
rlm@46 29869 '<div class="x-grid3-resize-marker">&#160;</div>',
rlm@46 29870 '<div class="x-grid3-resize-proxy">&#160;</div>',
rlm@46 29871 "</div>"
rlm@46 29872 );
rlm@46 29873 }
rlm@46 29874
rlm@46 29875 if(!ts.header){
rlm@46 29876 ts.header = new Ext.Template(
rlm@46 29877 '<table border="0" cellspacing="0" cellpadding="0" style="{tstyle}">',
rlm@46 29878 '<thead><tr class="x-grid3-hd-row">{cells}</tr></thead>',
rlm@46 29879 "</table>"
rlm@46 29880 );
rlm@46 29881 }
rlm@46 29882
rlm@46 29883 if(!ts.hcell){
rlm@46 29884 ts.hcell = new Ext.Template(
rlm@46 29885 '<td class="x-grid3-hd x-grid3-cell x-grid3-td-{id}" style="{style}"><div {tooltip} {attr} class="x-grid3-hd-inner x-grid3-hd-{id}" unselectable="on" style="{istyle}">', this.grid.enableHdMenu ? '<a class="x-grid3-hd-btn" href="#"></a>' : '',
rlm@46 29886 '{value}<img class="x-grid3-sort-icon" src="', Ext.BLANK_IMAGE_URL, '" />',
rlm@46 29887 "</div></td>"
rlm@46 29888 );
rlm@46 29889 }
rlm@46 29890
rlm@46 29891 if(!ts.body){
rlm@46 29892 ts.body = new Ext.Template('{rows}');
rlm@46 29893 }
rlm@46 29894
rlm@46 29895 if(!ts.row){
rlm@46 29896 ts.row = new Ext.Template(
rlm@46 29897 '<div class="x-grid3-row {alt}" style="{tstyle}"><table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0" style="{tstyle}">',
rlm@46 29898 '<tbody><tr>{cells}</tr>',
rlm@46 29899 (this.enableRowBody ? '<tr class="x-grid3-row-body-tr" style="{bodyStyle}"><td colspan="{cols}" class="x-grid3-body-cell" tabIndex="0" hidefocus="on"><div class="x-grid3-row-body">{body}</div></td></tr>' : ''),
rlm@46 29900 '</tbody></table></div>'
rlm@46 29901 );
rlm@46 29902 }
rlm@46 29903
rlm@46 29904 if(!ts.cell){
rlm@46 29905 ts.cell = new Ext.Template(
rlm@46 29906 '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} {css}" style="{style}" tabIndex="0" {cellAttr}>',
rlm@46 29907 '<div class="x-grid3-cell-inner x-grid3-col-{id}" unselectable="on" {attr}>{value}</div>',
rlm@46 29908 "</td>"
rlm@46 29909 );
rlm@46 29910 }
rlm@46 29911
rlm@46 29912 for(var k in ts){
rlm@46 29913 var t = ts[k];
rlm@46 29914 if(t && typeof t.compile == 'function' && !t.compiled){
rlm@46 29915 t.disableFormats = true;
rlm@46 29916 t.compile();
rlm@46 29917 }
rlm@46 29918 }
rlm@46 29919
rlm@46 29920 this.templates = ts;
rlm@46 29921
rlm@46 29922 this.tdClass = 'x-grid3-cell';
rlm@46 29923 this.cellSelector = 'td.x-grid3-cell';
rlm@46 29924 this.hdCls = 'x-grid3-hd';
rlm@46 29925 this.rowSelector = 'div.x-grid3-row';
rlm@46 29926 this.colRe = new RegExp("x-grid3-td-([^\\s]+)", "");
rlm@46 29927 },
rlm@46 29928
rlm@46 29929 fly : function(el){
rlm@46 29930 if(!this._flyweight){
rlm@46 29931 this._flyweight = new Ext.Element.Flyweight(document.body);
rlm@46 29932 }
rlm@46 29933 this._flyweight.dom = el;
rlm@46 29934 return this._flyweight;
rlm@46 29935 },
rlm@46 29936
rlm@46 29937 getEditorParent : function(ed){
rlm@46 29938 return this.scroller.dom;
rlm@46 29939 },
rlm@46 29940
rlm@46 29941 initElements : function(){
rlm@46 29942 var E = Ext.Element;
rlm@46 29943
rlm@46 29944 var el = this.grid.getGridEl().dom.firstChild;
rlm@46 29945 var cs = el.childNodes;
rlm@46 29946
rlm@46 29947 this.el = new E(el);
rlm@46 29948
rlm@46 29949 this.mainWrap = new E(cs[0]);
rlm@46 29950 this.mainHd = new E(this.mainWrap.dom.firstChild);
rlm@46 29951
rlm@46 29952 if(this.grid.hideHeaders){
rlm@46 29953 this.mainHd.setDisplayed(false);
rlm@46 29954 }
rlm@46 29955
rlm@46 29956 this.innerHd = this.mainHd.dom.firstChild;
rlm@46 29957 this.scroller = new E(this.mainWrap.dom.childNodes[1]);
rlm@46 29958 if(this.forceFit){
rlm@46 29959 this.scroller.setStyle('overflow-x', 'hidden');
rlm@46 29960 }
rlm@46 29961 this.mainBody = new E(this.scroller.dom.firstChild);
rlm@46 29962
rlm@46 29963 this.focusEl = new E(this.scroller.dom.childNodes[1]);
rlm@46 29964 this.focusEl.swallowEvent("click", true);
rlm@46 29965
rlm@46 29966 this.resizeMarker = new E(cs[1]);
rlm@46 29967 this.resizeProxy = new E(cs[2]);
rlm@46 29968 },
rlm@46 29969
rlm@46 29970 getRows : function(){
rlm@46 29971 return this.hasRows() ? this.mainBody.dom.childNodes : [];
rlm@46 29972 },
rlm@46 29973
rlm@46 29974
rlm@46 29975 findCell : function(el){
rlm@46 29976 if(!el){
rlm@46 29977 return false;
rlm@46 29978 }
rlm@46 29979 return this.fly(el).findParent(this.cellSelector, 3);
rlm@46 29980 },
rlm@46 29981
rlm@46 29982 findCellIndex : function(el, requiredCls){
rlm@46 29983 var cell = this.findCell(el);
rlm@46 29984 if(cell && (!requiredCls || this.fly(cell).hasClass(requiredCls))){
rlm@46 29985 return this.getCellIndex(cell);
rlm@46 29986 }
rlm@46 29987 return false;
rlm@46 29988 },
rlm@46 29989
rlm@46 29990 getCellIndex : function(el){
rlm@46 29991 if(el){
rlm@46 29992 var m = el.className.match(this.colRe);
rlm@46 29993 if(m && m[1]){
rlm@46 29994 return this.cm.getIndexById(m[1]);
rlm@46 29995 }
rlm@46 29996 }
rlm@46 29997 return false;
rlm@46 29998 },
rlm@46 29999
rlm@46 30000 findHeaderCell : function(el){
rlm@46 30001 var cell = this.findCell(el);
rlm@46 30002 return cell && this.fly(cell).hasClass(this.hdCls) ? cell : null;
rlm@46 30003 },
rlm@46 30004
rlm@46 30005 findHeaderIndex : function(el){
rlm@46 30006 return this.findCellIndex(el, this.hdCls);
rlm@46 30007 },
rlm@46 30008
rlm@46 30009 findRow : function(el){
rlm@46 30010 if(!el){
rlm@46 30011 return false;
rlm@46 30012 }
rlm@46 30013 return this.fly(el).findParent(this.rowSelector, 10);
rlm@46 30014 },
rlm@46 30015
rlm@46 30016 findRowIndex : function(el){
rlm@46 30017 var r = this.findRow(el);
rlm@46 30018 return r ? r.rowIndex : false;
rlm@46 30019 },
rlm@46 30020
rlm@46 30021
rlm@46 30022
rlm@46 30023 getRow : function(row){
rlm@46 30024 return this.getRows()[row];
rlm@46 30025 },
rlm@46 30026
rlm@46 30027
rlm@46 30028 getCell : function(row, col){
rlm@46 30029 return this.getRow(row).getElementsByTagName('td')[col];
rlm@46 30030 },
rlm@46 30031
rlm@46 30032
rlm@46 30033 getHeaderCell : function(index){
rlm@46 30034 return this.mainHd.dom.getElementsByTagName('td')[index];
rlm@46 30035 },
rlm@46 30036
rlm@46 30037
rlm@46 30038 addRowClass : function(row, cls){
rlm@46 30039 var r = this.getRow(row);
rlm@46 30040 if(r){
rlm@46 30041 this.fly(r).addClass(cls);
rlm@46 30042 }
rlm@46 30043 },
rlm@46 30044
rlm@46 30045 removeRowClass : function(row, cls){
rlm@46 30046 var r = this.getRow(row);
rlm@46 30047 if(r){
rlm@46 30048 this.fly(r).removeClass(cls);
rlm@46 30049 }
rlm@46 30050 },
rlm@46 30051
rlm@46 30052 removeRow : function(row){
rlm@46 30053 Ext.removeNode(this.getRow(row));
rlm@46 30054 },
rlm@46 30055
rlm@46 30056 removeRows : function(firstRow, lastRow){
rlm@46 30057 var bd = this.mainBody.dom;
rlm@46 30058 for(var rowIndex = firstRow; rowIndex <= lastRow; rowIndex++){
rlm@46 30059 Ext.removeNode(bd.childNodes[firstRow]);
rlm@46 30060 }
rlm@46 30061 },
rlm@46 30062
rlm@46 30063
rlm@46 30064 getScrollState : function(){
rlm@46 30065 var sb = this.scroller.dom;
rlm@46 30066 return {left: sb.scrollLeft, top: sb.scrollTop};
rlm@46 30067 },
rlm@46 30068
rlm@46 30069 restoreScroll : function(state){
rlm@46 30070 var sb = this.scroller.dom;
rlm@46 30071 sb.scrollLeft = state.left;
rlm@46 30072 sb.scrollTop = state.top;
rlm@46 30073 },
rlm@46 30074
rlm@46 30075
rlm@46 30076 scrollToTop : function(){
rlm@46 30077 this.scroller.dom.scrollTop = 0;
rlm@46 30078 this.scroller.dom.scrollLeft = 0;
rlm@46 30079 },
rlm@46 30080
rlm@46 30081 syncScroll : function(){
rlm@46 30082 this.syncHeaderScroll();
rlm@46 30083 var mb = this.scroller.dom;
rlm@46 30084 this.grid.fireEvent("bodyscroll", mb.scrollLeft, mb.scrollTop);
rlm@46 30085 },
rlm@46 30086
rlm@46 30087 syncHeaderScroll : function(){
rlm@46 30088 var mb = this.scroller.dom;
rlm@46 30089 this.innerHd.scrollLeft = mb.scrollLeft;
rlm@46 30090 this.innerHd.scrollLeft = mb.scrollLeft; },
rlm@46 30091
rlm@46 30092 updateSortIcon : function(col, dir){
rlm@46 30093 var sc = this.sortClasses;
rlm@46 30094 var hds = this.mainHd.select('td').removeClass(sc);
rlm@46 30095 hds.item(col).addClass(sc[dir == "DESC" ? 1 : 0]);
rlm@46 30096 },
rlm@46 30097
rlm@46 30098 updateAllColumnWidths : function(){
rlm@46 30099 var tw = this.getTotalWidth();
rlm@46 30100 var clen = this.cm.getColumnCount();
rlm@46 30101 var ws = [];
rlm@46 30102 for(var i = 0; i < clen; i++){
rlm@46 30103 ws[i] = this.getColumnWidth(i);
rlm@46 30104 }
rlm@46 30105
rlm@46 30106 this.innerHd.firstChild.firstChild.style.width = tw;
rlm@46 30107
rlm@46 30108 for(var i = 0; i < clen; i++){
rlm@46 30109 var hd = this.getHeaderCell(i);
rlm@46 30110 hd.style.width = ws[i];
rlm@46 30111 }
rlm@46 30112
rlm@46 30113 var ns = this.getRows();
rlm@46 30114 for(var i = 0, len = ns.length; i < len; i++){
rlm@46 30115 ns[i].style.width = tw;
rlm@46 30116 ns[i].firstChild.style.width = tw;
rlm@46 30117 var row = ns[i].firstChild.rows[0];
rlm@46 30118 for(var j = 0; j < clen; j++){
rlm@46 30119 row.childNodes[j].style.width = ws[j];
rlm@46 30120 }
rlm@46 30121 }
rlm@46 30122
rlm@46 30123 this.onAllColumnWidthsUpdated(ws, tw);
rlm@46 30124 },
rlm@46 30125
rlm@46 30126 updateColumnWidth : function(col, width){
rlm@46 30127 var w = this.getColumnWidth(col);
rlm@46 30128 var tw = this.getTotalWidth();
rlm@46 30129
rlm@46 30130 this.innerHd.firstChild.firstChild.style.width = tw;
rlm@46 30131 var hd = this.getHeaderCell(col);
rlm@46 30132 hd.style.width = w;
rlm@46 30133
rlm@46 30134 var ns = this.getRows();
rlm@46 30135 for(var i = 0, len = ns.length; i < len; i++){
rlm@46 30136 ns[i].style.width = tw;
rlm@46 30137 ns[i].firstChild.style.width = tw;
rlm@46 30138 ns[i].firstChild.rows[0].childNodes[col].style.width = w;
rlm@46 30139 }
rlm@46 30140
rlm@46 30141 this.onColumnWidthUpdated(col, w, tw);
rlm@46 30142 },
rlm@46 30143
rlm@46 30144 updateColumnHidden : function(col, hidden){
rlm@46 30145 var tw = this.getTotalWidth();
rlm@46 30146
rlm@46 30147 this.innerHd.firstChild.firstChild.style.width = tw;
rlm@46 30148
rlm@46 30149 var display = hidden ? 'none' : '';
rlm@46 30150
rlm@46 30151 var hd = this.getHeaderCell(col);
rlm@46 30152 hd.style.display = display;
rlm@46 30153
rlm@46 30154 var ns = this.getRows();
rlm@46 30155 for(var i = 0, len = ns.length; i < len; i++){
rlm@46 30156 ns[i].style.width = tw;
rlm@46 30157 ns[i].firstChild.style.width = tw;
rlm@46 30158 ns[i].firstChild.rows[0].childNodes[col].style.display = display;
rlm@46 30159 }
rlm@46 30160
rlm@46 30161 this.onColumnHiddenUpdated(col, hidden, tw);
rlm@46 30162
rlm@46 30163 delete this.lastViewWidth; this.layout();
rlm@46 30164 },
rlm@46 30165
rlm@46 30166 doRender : function(cs, rs, ds, startRow, colCount, stripe){
rlm@46 30167 var ts = this.templates, ct = ts.cell, rt = ts.row, last = colCount-1;
rlm@46 30168 var tstyle = 'width:'+this.getTotalWidth()+';';
rlm@46 30169 var buf = [], cb, c, p = {}, rp = {tstyle: tstyle}, r;
rlm@46 30170 for(var j = 0, len = rs.length; j < len; j++){
rlm@46 30171 r = rs[j]; cb = [];
rlm@46 30172 var rowIndex = (j+startRow);
rlm@46 30173 for(var i = 0; i < colCount; i++){
rlm@46 30174 c = cs[i];
rlm@46 30175 p.id = c.id;
rlm@46 30176 p.css = i == 0 ? 'x-grid3-cell-first ' : (i == last ? 'x-grid3-cell-last ' : '');
rlm@46 30177 p.attr = p.cellAttr = "";
rlm@46 30178 p.value = c.renderer(r.data[c.name], p, r, rowIndex, i, ds);
rlm@46 30179 p.style = c.style;
rlm@46 30180 if(p.value == undefined || p.value === "") p.value = "&#160;";
rlm@46 30181 if(r.dirty && typeof r.modified[c.name] !== 'undefined'){
rlm@46 30182 p.css += ' x-grid3-dirty-cell';
rlm@46 30183 }
rlm@46 30184 cb[cb.length] = ct.apply(p);
rlm@46 30185 }
rlm@46 30186 var alt = [];
rlm@46 30187 if(stripe && ((rowIndex+1) % 2 == 0)){
rlm@46 30188 alt[0] = "x-grid3-row-alt";
rlm@46 30189 }
rlm@46 30190 if(r.dirty){
rlm@46 30191 alt[1] = " x-grid3-dirty-row";
rlm@46 30192 }
rlm@46 30193 rp.cols = colCount;
rlm@46 30194 if(this.getRowClass){
rlm@46 30195 alt[2] = this.getRowClass(r, rowIndex, rp, ds);
rlm@46 30196 }
rlm@46 30197 rp.alt = alt.join(" ");
rlm@46 30198 rp.cells = cb.join("");
rlm@46 30199 buf[buf.length] = rt.apply(rp);
rlm@46 30200 }
rlm@46 30201 return buf.join("");
rlm@46 30202 },
rlm@46 30203
rlm@46 30204 processRows : function(startRow, skipStripe){
rlm@46 30205 if(this.ds.getCount() < 1){
rlm@46 30206 return;
rlm@46 30207 }
rlm@46 30208 skipStripe = skipStripe || !this.grid.stripeRows;
rlm@46 30209 startRow = startRow || 0;
rlm@46 30210 var rows = this.getRows();
rlm@46 30211 var cls = ' x-grid3-row-alt ';
rlm@46 30212 for(var i = startRow, len = rows.length; i < len; i++){
rlm@46 30213 var row = rows[i];
rlm@46 30214 row.rowIndex = i;
rlm@46 30215 if(!skipStripe){
rlm@46 30216 var isAlt = ((i+1) % 2 == 0);
rlm@46 30217 var hasAlt = (' '+row.className + ' ').indexOf(cls) != -1;
rlm@46 30218 if(isAlt == hasAlt){
rlm@46 30219 continue;
rlm@46 30220 }
rlm@46 30221 if(isAlt){
rlm@46 30222 row.className += " x-grid3-row-alt";
rlm@46 30223 }else{
rlm@46 30224 row.className = row.className.replace("x-grid3-row-alt", "");
rlm@46 30225 }
rlm@46 30226 }
rlm@46 30227 }
rlm@46 30228 },
rlm@46 30229
rlm@46 30230 renderUI : function(){
rlm@46 30231
rlm@46 30232 var header = this.renderHeaders();
rlm@46 30233 var body = this.templates.body.apply({rows:''});
rlm@46 30234
rlm@46 30235
rlm@46 30236 var html = this.templates.master.apply({
rlm@46 30237 body: body,
rlm@46 30238 header: header
rlm@46 30239 });
rlm@46 30240
rlm@46 30241 var g = this.grid;
rlm@46 30242
rlm@46 30243 g.getGridEl().dom.innerHTML = html;
rlm@46 30244
rlm@46 30245 this.initElements();
rlm@46 30246
rlm@46 30247
rlm@46 30248 this.mainBody.dom.innerHTML = this.renderRows();
rlm@46 30249 this.processRows(0, true);
rlm@46 30250
rlm@46 30251 if(this.deferEmptyText !== true){
rlm@46 30252 this.applyEmptyText();
rlm@46 30253 }
rlm@46 30254
rlm@46 30255 Ext.fly(this.innerHd).on("click", this.handleHdDown, this);
rlm@46 30256 this.mainHd.on("mouseover", this.handleHdOver, this);
rlm@46 30257 this.mainHd.on("mouseout", this.handleHdOut, this);
rlm@46 30258 this.mainHd.on("mousemove", this.handleHdMove, this);
rlm@46 30259
rlm@46 30260 this.scroller.on('scroll', this.syncScroll, this);
rlm@46 30261 if(g.enableColumnResize !== false){
rlm@46 30262 this.splitone = new Ext.grid.GridView.SplitDragZone(g, this.mainHd.dom);
rlm@46 30263 }
rlm@46 30264
rlm@46 30265 if(g.enableColumnMove){
rlm@46 30266 this.columnDrag = new Ext.grid.GridView.ColumnDragZone(g, this.innerHd);
rlm@46 30267 this.columnDrop = new Ext.grid.HeaderDropZone(g, this.mainHd.dom);
rlm@46 30268 }
rlm@46 30269
rlm@46 30270 if(g.enableHdMenu !== false){
rlm@46 30271 if(g.enableColumnHide !== false){
rlm@46 30272 this.colMenu = new Ext.menu.Menu({id:g.id + "-hcols-menu"});
rlm@46 30273 this.colMenu.on("beforeshow", this.beforeColMenuShow, this);
rlm@46 30274 this.colMenu.on("itemclick", this.handleHdMenuClick, this);
rlm@46 30275 }
rlm@46 30276 this.hmenu = new Ext.menu.Menu({id: g.id + "-hctx"});
rlm@46 30277 this.hmenu.add(
rlm@46 30278 {id:"asc", text: this.sortAscText, cls: "xg-hmenu-sort-asc"},
rlm@46 30279 {id:"desc", text: this.sortDescText, cls: "xg-hmenu-sort-desc"}
rlm@46 30280 );
rlm@46 30281 if(g.enableColumnHide !== false){
rlm@46 30282 this.hmenu.add('-',
rlm@46 30283 {id:"columns", text: this.columnsText, menu: this.colMenu, iconCls: 'x-cols-icon'}
rlm@46 30284 );
rlm@46 30285 }
rlm@46 30286 this.hmenu.on("itemclick", this.handleHdMenuClick, this);
rlm@46 30287
rlm@46 30288 }
rlm@46 30289
rlm@46 30290 if(g.enableDragDrop || g.enableDrag){
rlm@46 30291 this.dragZone = new Ext.grid.GridDragZone(g, {
rlm@46 30292 ddGroup : g.ddGroup || 'GridDD'
rlm@46 30293 });
rlm@46 30294 }
rlm@46 30295
rlm@46 30296 this.updateHeaderSortState();
rlm@46 30297
rlm@46 30298 },
rlm@46 30299
rlm@46 30300 layout : function(){
rlm@46 30301 if(!this.mainBody){
rlm@46 30302 return; }
rlm@46 30303 var g = this.grid;
rlm@46 30304 var c = g.getGridEl();
rlm@46 30305 var csize = c.getSize(true);
rlm@46 30306 var vw = csize.width;
rlm@46 30307
rlm@46 30308 if(vw < 20 || csize.height < 20){ return;
rlm@46 30309 }
rlm@46 30310
rlm@46 30311 if(g.autoHeight){
rlm@46 30312 this.scroller.dom.style.overflow = 'visible';
rlm@46 30313 }else{
rlm@46 30314 this.el.setSize(csize.width, csize.height);
rlm@46 30315
rlm@46 30316 var hdHeight = this.mainHd.getHeight();
rlm@46 30317 var vh = csize.height - (hdHeight);
rlm@46 30318
rlm@46 30319 this.scroller.setSize(vw, vh);
rlm@46 30320 if(this.innerHd){
rlm@46 30321 this.innerHd.style.width = (vw)+'px';
rlm@46 30322 }
rlm@46 30323 }
rlm@46 30324 if(this.forceFit){
rlm@46 30325 if(this.lastViewWidth != vw){
rlm@46 30326 this.fitColumns(false, false);
rlm@46 30327 this.lastViewWidth = vw;
rlm@46 30328 }
rlm@46 30329 }else {
rlm@46 30330 this.autoExpand();
rlm@46 30331 this.syncHeaderScroll();
rlm@46 30332 }
rlm@46 30333 this.onLayout(vw, vh);
rlm@46 30334 },
rlm@46 30335
rlm@46 30336 onLayout : function(vw, vh){
rlm@46 30337 },
rlm@46 30338
rlm@46 30339 onColumnWidthUpdated : function(col, w, tw){
rlm@46 30340 },
rlm@46 30341
rlm@46 30342 onAllColumnWidthsUpdated : function(ws, tw){
rlm@46 30343 },
rlm@46 30344
rlm@46 30345 onColumnHiddenUpdated : function(col, hidden, tw){
rlm@46 30346 },
rlm@46 30347
rlm@46 30348 updateColumnText : function(col, text){
rlm@46 30349 },
rlm@46 30350
rlm@46 30351 afterMove : function(colIndex){
rlm@46 30352 },
rlm@46 30353
rlm@46 30354
rlm@46 30355 init: function(grid){
rlm@46 30356 this.grid = grid;
rlm@46 30357
rlm@46 30358 this.initTemplates();
rlm@46 30359 this.initData(grid.store, grid.colModel);
rlm@46 30360 this.initUI(grid);
rlm@46 30361 },
rlm@46 30362
rlm@46 30363 getColumnId : function(index){
rlm@46 30364 return this.cm.getColumnId(index);
rlm@46 30365 },
rlm@46 30366
rlm@46 30367 renderHeaders : function(){
rlm@46 30368 var cm = this.cm, ts = this.templates;
rlm@46 30369 var ct = ts.hcell;
rlm@46 30370
rlm@46 30371 var cb = [], sb = [], p = {};
rlm@46 30372
rlm@46 30373 for(var i = 0, len = cm.getColumnCount(); i < len; i++){
rlm@46 30374 p.id = cm.getColumnId(i);
rlm@46 30375 p.value = cm.getColumnHeader(i) || "";
rlm@46 30376 p.style = this.getColumnStyle(i, true);
rlm@46 30377 p.tooltip = this.getColumnTooltip(i);
rlm@46 30378 if(cm.config[i].align == 'right'){
rlm@46 30379 p.istyle = 'padding-right:16px';
rlm@46 30380 } else {
rlm@46 30381 delete p.istyle;
rlm@46 30382 }
rlm@46 30383 cb[cb.length] = ct.apply(p);
rlm@46 30384 }
rlm@46 30385 return ts.header.apply({cells: cb.join(""), tstyle:'width:'+this.getTotalWidth()+';'});
rlm@46 30386 },
rlm@46 30387
rlm@46 30388 getColumnTooltip : function(i){
rlm@46 30389 var tt = this.cm.getColumnTooltip(i);
rlm@46 30390 if(tt){
rlm@46 30391 if(Ext.QuickTips.isEnabled()){
rlm@46 30392 return 'ext:qtip="'+tt+'"';
rlm@46 30393 }else{
rlm@46 30394 return 'title="'+tt+'"';
rlm@46 30395 }
rlm@46 30396 }
rlm@46 30397 return "";
rlm@46 30398 },
rlm@46 30399
rlm@46 30400 beforeUpdate : function(){
rlm@46 30401 this.grid.stopEditing(true);
rlm@46 30402 },
rlm@46 30403
rlm@46 30404 updateHeaders : function(){
rlm@46 30405 this.innerHd.firstChild.innerHTML = this.renderHeaders();
rlm@46 30406 },
rlm@46 30407
rlm@46 30408
rlm@46 30409 focusRow : function(row){
rlm@46 30410 this.focusCell(row, 0, false);
rlm@46 30411 },
rlm@46 30412
rlm@46 30413
rlm@46 30414 focusCell : function(row, col, hscroll){
rlm@46 30415 var xy = this.ensureVisible(row, col, hscroll);
rlm@46 30416 this.focusEl.setXY(xy);
rlm@46 30417 if(Ext.isGecko){
rlm@46 30418 this.focusEl.focus();
rlm@46 30419 }else{
rlm@46 30420 this.focusEl.focus.defer(1, this.focusEl);
rlm@46 30421 }
rlm@46 30422 },
rlm@46 30423
rlm@46 30424 ensureVisible : function(row, col, hscroll){
rlm@46 30425 if(typeof row != "number"){
rlm@46 30426 row = row.rowIndex;
rlm@46 30427 }
rlm@46 30428 if(!this.ds){
rlm@46 30429 return;
rlm@46 30430 }
rlm@46 30431 if(row < 0 || row >= this.ds.getCount()){
rlm@46 30432 return;
rlm@46 30433 }
rlm@46 30434 col = (col !== undefined ? col : 0);
rlm@46 30435
rlm@46 30436 var rowEl = this.getRow(row), cellEl;
rlm@46 30437 if(!(hscroll === false && col === 0)){
rlm@46 30438 while(this.cm.isHidden(col)){
rlm@46 30439 col++;
rlm@46 30440 }
rlm@46 30441 cellEl = this.getCell(row, col);
rlm@46 30442 }
rlm@46 30443 if(!rowEl){
rlm@46 30444 return;
rlm@46 30445 }
rlm@46 30446
rlm@46 30447 var c = this.scroller.dom;
rlm@46 30448
rlm@46 30449 var ctop = 0;
rlm@46 30450 var p = rowEl, stop = this.el.dom;
rlm@46 30451 while(p && p != stop){
rlm@46 30452 ctop += p.offsetTop;
rlm@46 30453 p = p.offsetParent;
rlm@46 30454 }
rlm@46 30455 ctop -= this.mainHd.dom.offsetHeight;
rlm@46 30456
rlm@46 30457 var cbot = ctop + rowEl.offsetHeight;
rlm@46 30458
rlm@46 30459 var ch = c.clientHeight;
rlm@46 30460 var stop = parseInt(c.scrollTop, 10);
rlm@46 30461 var sbot = stop + ch;
rlm@46 30462
rlm@46 30463 if(ctop < stop){
rlm@46 30464 c.scrollTop = ctop;
rlm@46 30465 }else if(cbot > sbot){
rlm@46 30466 c.scrollTop = cbot-ch;
rlm@46 30467 }
rlm@46 30468
rlm@46 30469 if(hscroll !== false){
rlm@46 30470 var cleft = parseInt(cellEl.offsetLeft, 10);
rlm@46 30471 var cright = cleft + cellEl.offsetWidth;
rlm@46 30472
rlm@46 30473 var sleft = parseInt(c.scrollLeft, 10);
rlm@46 30474 var sright = sleft + c.clientWidth;
rlm@46 30475 if(cleft < sleft){
rlm@46 30476 c.scrollLeft = cleft;
rlm@46 30477 }else if(cright > sright){
rlm@46 30478 c.scrollLeft = cright-c.clientWidth;
rlm@46 30479 }
rlm@46 30480 }
rlm@46 30481 return cellEl ? Ext.fly(cellEl).getXY() : [c.scrollLeft, Ext.fly(rowEl).getY()];
rlm@46 30482 },
rlm@46 30483
rlm@46 30484 insertRows : function(dm, firstRow, lastRow, isUpdate){
rlm@46 30485 if(!isUpdate && firstRow === 0 && lastRow == dm.getCount()-1){
rlm@46 30486 this.refresh();
rlm@46 30487 }else{
rlm@46 30488 if(!isUpdate){
rlm@46 30489 this.fireEvent("beforerowsinserted", this, firstRow, lastRow);
rlm@46 30490 }
rlm@46 30491 var html = this.renderRows(firstRow, lastRow);
rlm@46 30492 var before = this.getRow(firstRow);
rlm@46 30493 if(before){
rlm@46 30494 Ext.DomHelper.insertHtml('beforeBegin', before, html);
rlm@46 30495 }else{
rlm@46 30496 Ext.DomHelper.insertHtml('beforeEnd', this.mainBody.dom, html);
rlm@46 30497 }
rlm@46 30498 if(!isUpdate){
rlm@46 30499 this.fireEvent("rowsinserted", this, firstRow, lastRow);
rlm@46 30500 this.processRows(firstRow);
rlm@46 30501 }
rlm@46 30502 }
rlm@46 30503 },
rlm@46 30504
rlm@46 30505 deleteRows : function(dm, firstRow, lastRow){
rlm@46 30506 if(dm.getRowCount()<1){
rlm@46 30507 this.refresh();
rlm@46 30508 }else{
rlm@46 30509 this.fireEvent("beforerowsdeleted", this, firstRow, lastRow);
rlm@46 30510
rlm@46 30511 this.removeRows(firstRow, lastRow);
rlm@46 30512
rlm@46 30513 this.processRows(firstRow);
rlm@46 30514 this.fireEvent("rowsdeleted", this, firstRow, lastRow);
rlm@46 30515 }
rlm@46 30516 },
rlm@46 30517
rlm@46 30518 getColumnStyle : function(col, isHeader){
rlm@46 30519 var style = !isHeader ? (this.cm.config[col].css || '') : '';
rlm@46 30520 style += 'width:'+this.getColumnWidth(col)+';';
rlm@46 30521 if(this.cm.isHidden(col)){
rlm@46 30522 style += 'display:none;';
rlm@46 30523 }
rlm@46 30524 var align = this.cm.config[col].align;
rlm@46 30525 if(align){
rlm@46 30526 style += 'text-align:'+align+';';
rlm@46 30527 }
rlm@46 30528 return style;
rlm@46 30529 },
rlm@46 30530
rlm@46 30531 getColumnWidth : function(col){
rlm@46 30532 var w = this.cm.getColumnWidth(col);
rlm@46 30533 if(typeof w == 'number'){
rlm@46 30534 return (Ext.isBorderBox ? w : (w-this.borderWidth > 0 ? w-this.borderWidth:0)) + 'px';
rlm@46 30535 }
rlm@46 30536 return w;
rlm@46 30537 },
rlm@46 30538
rlm@46 30539 getTotalWidth : function(){
rlm@46 30540 return this.cm.getTotalWidth()+'px';
rlm@46 30541 },
rlm@46 30542
rlm@46 30543 fitColumns : function(preventRefresh, onlyExpand, omitColumn){
rlm@46 30544 var cm = this.cm, leftOver, dist, i;
rlm@46 30545 var tw = cm.getTotalWidth(false);
rlm@46 30546 var aw = this.grid.getGridEl().getWidth(true)-this.scrollOffset;
rlm@46 30547
rlm@46 30548 if(aw < 20){ return;
rlm@46 30549 }
rlm@46 30550 var extra = aw - tw;
rlm@46 30551
rlm@46 30552 if(extra === 0){
rlm@46 30553 return false;
rlm@46 30554 }
rlm@46 30555
rlm@46 30556 var vc = cm.getColumnCount(true);
rlm@46 30557 var ac = vc-(typeof omitColumn == 'number' ? 1 : 0);
rlm@46 30558 if(ac === 0){
rlm@46 30559 ac = 1;
rlm@46 30560 omitColumn = undefined;
rlm@46 30561 }
rlm@46 30562 var colCount = cm.getColumnCount();
rlm@46 30563 var cols = [];
rlm@46 30564 var extraCol = 0;
rlm@46 30565 var width = 0;
rlm@46 30566 var w;
rlm@46 30567 for (i = 0; i < colCount; i++){
rlm@46 30568 if(!cm.isHidden(i) && !cm.isFixed(i) && i !== omitColumn){
rlm@46 30569 w = cm.getColumnWidth(i);
rlm@46 30570 cols.push(i);
rlm@46 30571 extraCol = i;
rlm@46 30572 cols.push(w);
rlm@46 30573 width += w;
rlm@46 30574 }
rlm@46 30575 }
rlm@46 30576 var frac = (aw - cm.getTotalWidth())/width;
rlm@46 30577 while (cols.length){
rlm@46 30578 w = cols.pop();
rlm@46 30579 i = cols.pop();
rlm@46 30580 cm.setColumnWidth(i, Math.max(this.grid.minColumnWidth, Math.floor(w + w*frac)), true);
rlm@46 30581 }
rlm@46 30582
rlm@46 30583 if((tw = cm.getTotalWidth(false)) > aw){
rlm@46 30584 var adjustCol = ac != vc ? omitColumn : extraCol;
rlm@46 30585 cm.setColumnWidth(adjustCol, Math.max(1,
rlm@46 30586 cm.getColumnWidth(adjustCol)- (tw-aw)), true);
rlm@46 30587 }
rlm@46 30588
rlm@46 30589 if(preventRefresh !== true){
rlm@46 30590 this.updateAllColumnWidths();
rlm@46 30591 }
rlm@46 30592
rlm@46 30593
rlm@46 30594 return true;
rlm@46 30595 },
rlm@46 30596
rlm@46 30597 autoExpand : function(preventUpdate){
rlm@46 30598 var g = this.grid, cm = this.cm;
rlm@46 30599 if(!this.userResized && g.autoExpandColumn){
rlm@46 30600 var tw = cm.getTotalWidth(false);
rlm@46 30601 var aw = this.grid.getGridEl().getWidth(true)-this.scrollOffset;
rlm@46 30602 if(tw != aw){
rlm@46 30603 var ci = cm.getIndexById(g.autoExpandColumn);
rlm@46 30604 var currentWidth = cm.getColumnWidth(ci);
rlm@46 30605 var cw = Math.min(Math.max(((aw-tw)+currentWidth), g.autoExpandMin), g.autoExpandMax);
rlm@46 30606 if(cw != currentWidth){
rlm@46 30607 cm.setColumnWidth(ci, cw, true);
rlm@46 30608 if(preventUpdate !== true){
rlm@46 30609 this.updateColumnWidth(ci, cw);
rlm@46 30610 }
rlm@46 30611 }
rlm@46 30612 }
rlm@46 30613 }
rlm@46 30614 },
rlm@46 30615
rlm@46 30616 getColumnData : function(){
rlm@46 30617 var cs = [], cm = this.cm, colCount = cm.getColumnCount();
rlm@46 30618 for(var i = 0; i < colCount; i++){
rlm@46 30619 var name = cm.getDataIndex(i);
rlm@46 30620 cs[i] = {
rlm@46 30621 name : (typeof name == 'undefined' ? this.ds.fields.get(i).name : name),
rlm@46 30622 renderer : cm.getRenderer(i),
rlm@46 30623 id : cm.getColumnId(i),
rlm@46 30624 style : this.getColumnStyle(i)
rlm@46 30625 };
rlm@46 30626 }
rlm@46 30627 return cs;
rlm@46 30628 },
rlm@46 30629
rlm@46 30630 renderRows : function(startRow, endRow){
rlm@46 30631 var g = this.grid, cm = g.colModel, ds = g.store, stripe = g.stripeRows;
rlm@46 30632 var colCount = cm.getColumnCount();
rlm@46 30633
rlm@46 30634 if(ds.getCount() < 1){
rlm@46 30635 return "";
rlm@46 30636 }
rlm@46 30637
rlm@46 30638 var cs = this.getColumnData();
rlm@46 30639
rlm@46 30640 startRow = startRow || 0;
rlm@46 30641 endRow = typeof endRow == "undefined"? ds.getCount()-1 : endRow;
rlm@46 30642
rlm@46 30643 var rs = ds.getRange(startRow, endRow);
rlm@46 30644
rlm@46 30645 return this.doRender(cs, rs, ds, startRow, colCount, stripe);
rlm@46 30646 },
rlm@46 30647
rlm@46 30648 renderBody : function(){
rlm@46 30649 var markup = this.renderRows();
rlm@46 30650 return this.templates.body.apply({rows: markup});
rlm@46 30651 },
rlm@46 30652
rlm@46 30653 refreshRow : function(record){
rlm@46 30654 var ds = this.ds, index;
rlm@46 30655 if(typeof record == 'number'){
rlm@46 30656 index = record;
rlm@46 30657 record = ds.getAt(index);
rlm@46 30658 }else{
rlm@46 30659 index = ds.indexOf(record);
rlm@46 30660 }
rlm@46 30661 var cls = [];
rlm@46 30662 this.insertRows(ds, index, index, true);
rlm@46 30663 this.getRow(index).rowIndex = index;
rlm@46 30664 this.onRemove(ds, record, index+1, true);
rlm@46 30665 this.fireEvent("rowupdated", this, index, record);
rlm@46 30666 },
rlm@46 30667
rlm@46 30668
rlm@46 30669 refresh : function(headersToo){
rlm@46 30670 this.fireEvent("beforerefresh", this);
rlm@46 30671 this.grid.stopEditing(true);
rlm@46 30672
rlm@46 30673 var result = this.renderBody();
rlm@46 30674 this.mainBody.update(result);
rlm@46 30675
rlm@46 30676 if(headersToo === true){
rlm@46 30677 this.updateHeaders();
rlm@46 30678 this.updateHeaderSortState();
rlm@46 30679 }
rlm@46 30680 this.processRows(0, true);
rlm@46 30681 this.layout();
rlm@46 30682 this.applyEmptyText();
rlm@46 30683 this.fireEvent("refresh", this);
rlm@46 30684 },
rlm@46 30685
rlm@46 30686 applyEmptyText : function(){
rlm@46 30687 if(this.emptyText && !this.hasRows()){
rlm@46 30688 this.mainBody.update('<div class="x-grid-empty">' + this.emptyText + '</div>');
rlm@46 30689 }
rlm@46 30690 },
rlm@46 30691
rlm@46 30692 updateHeaderSortState : function(){
rlm@46 30693 var state = this.ds.getSortState();
rlm@46 30694 if(!state){
rlm@46 30695 return;
rlm@46 30696 }
rlm@46 30697 if(!this.sortState || (this.sortState.field != state.field || this.sortState.direction != state.direction)){
rlm@46 30698 this.grid.fireEvent('sortchange', this.grid, state);
rlm@46 30699 }
rlm@46 30700 this.sortState = state;
rlm@46 30701 var sortColumn = this.cm.findColumnIndex(state.field);
rlm@46 30702 if(sortColumn != -1){
rlm@46 30703 var sortDir = state.direction;
rlm@46 30704 this.updateSortIcon(sortColumn, sortDir);
rlm@46 30705 }
rlm@46 30706 },
rlm@46 30707
rlm@46 30708 destroy : function(){
rlm@46 30709 if(this.colMenu){
rlm@46 30710 this.colMenu.removeAll();
rlm@46 30711 Ext.menu.MenuMgr.unregister(this.colMenu);
rlm@46 30712 this.colMenu.getEl().remove();
rlm@46 30713 delete this.colMenu;
rlm@46 30714 }
rlm@46 30715 if(this.hmenu){
rlm@46 30716 this.hmenu.removeAll();
rlm@46 30717 Ext.menu.MenuMgr.unregister(this.hmenu);
rlm@46 30718 this.hmenu.getEl().remove();
rlm@46 30719 delete this.hmenu;
rlm@46 30720 }
rlm@46 30721 if(this.grid.enableColumnMove){
rlm@46 30722 var dds = Ext.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
rlm@46 30723 if(dds){
rlm@46 30724 for(var dd in dds){
rlm@46 30725 if(!dds[dd].config.isTarget && dds[dd].dragElId){
rlm@46 30726 var elid = dds[dd].dragElId;
rlm@46 30727 dds[dd].unreg();
rlm@46 30728 Ext.get(elid).remove();
rlm@46 30729 } else if(dds[dd].config.isTarget){
rlm@46 30730 dds[dd].proxyTop.remove();
rlm@46 30731 dds[dd].proxyBottom.remove();
rlm@46 30732 dds[dd].unreg();
rlm@46 30733 }
rlm@46 30734 if(Ext.dd.DDM.locationCache[dd]){
rlm@46 30735 delete Ext.dd.DDM.locationCache[dd];
rlm@46 30736 }
rlm@46 30737 }
rlm@46 30738 delete Ext.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
rlm@46 30739 }
rlm@46 30740 }
rlm@46 30741
rlm@46 30742 Ext.destroy(this.resizeMarker, this.resizeProxy);
rlm@46 30743
rlm@46 30744 if(this.dragZone){
rlm@46 30745 this.dragZone.unreg();
rlm@46 30746 }
rlm@46 30747
rlm@46 30748 this.initData(null, null);
rlm@46 30749 Ext.EventManager.removeResizeListener(this.onWindowResize, this);
rlm@46 30750 },
rlm@46 30751
rlm@46 30752 onDenyColumnHide : function(){
rlm@46 30753
rlm@46 30754 },
rlm@46 30755
rlm@46 30756 render : function(){
rlm@46 30757
rlm@46 30758 var cm = this.cm;
rlm@46 30759 var colCount = cm.getColumnCount();
rlm@46 30760
rlm@46 30761 if(this.autoFill){
rlm@46 30762 this.fitColumns(true, true);
rlm@46 30763 }else if(this.forceFit){
rlm@46 30764 this.fitColumns(true, false);
rlm@46 30765 }else if(this.grid.autoExpandColumn){
rlm@46 30766 this.autoExpand(true);
rlm@46 30767 }
rlm@46 30768
rlm@46 30769 this.renderUI();
rlm@46 30770 },
rlm@46 30771
rlm@46 30772
rlm@46 30773 initData : function(ds, cm){
rlm@46 30774 if(this.ds){
rlm@46 30775 this.ds.un("load", this.onLoad, this);
rlm@46 30776 this.ds.un("datachanged", this.onDataChange, this);
rlm@46 30777 this.ds.un("add", this.onAdd, this);
rlm@46 30778 this.ds.un("remove", this.onRemove, this);
rlm@46 30779 this.ds.un("update", this.onUpdate, this);
rlm@46 30780 this.ds.un("clear", this.onClear, this);
rlm@46 30781 }
rlm@46 30782 if(ds){
rlm@46 30783 ds.on("load", this.onLoad, this);
rlm@46 30784 ds.on("datachanged", this.onDataChange, this);
rlm@46 30785 ds.on("add", this.onAdd, this);
rlm@46 30786 ds.on("remove", this.onRemove, this);
rlm@46 30787 ds.on("update", this.onUpdate, this);
rlm@46 30788 ds.on("clear", this.onClear, this);
rlm@46 30789 }
rlm@46 30790 this.ds = ds;
rlm@46 30791
rlm@46 30792 if(this.cm){
rlm@46 30793 this.cm.un("configchange", this.onColConfigChange, this);
rlm@46 30794 this.cm.un("widthchange", this.onColWidthChange, this);
rlm@46 30795 this.cm.un("headerchange", this.onHeaderChange, this);
rlm@46 30796 this.cm.un("hiddenchange", this.onHiddenChange, this);
rlm@46 30797 this.cm.un("columnmoved", this.onColumnMove, this);
rlm@46 30798 this.cm.un("columnlockchange", this.onColumnLock, this);
rlm@46 30799 }
rlm@46 30800 if(cm){
rlm@46 30801 cm.on("configchange", this.onColConfigChange, this);
rlm@46 30802 cm.on("widthchange", this.onColWidthChange, this);
rlm@46 30803 cm.on("headerchange", this.onHeaderChange, this);
rlm@46 30804 cm.on("hiddenchange", this.onHiddenChange, this);
rlm@46 30805 cm.on("columnmoved", this.onColumnMove, this);
rlm@46 30806 cm.on("columnlockchange", this.onColumnLock, this);
rlm@46 30807 }
rlm@46 30808 this.cm = cm;
rlm@46 30809 },
rlm@46 30810
rlm@46 30811 onDataChange : function(){
rlm@46 30812 this.refresh();
rlm@46 30813 this.updateHeaderSortState();
rlm@46 30814 },
rlm@46 30815
rlm@46 30816 onClear : function(){
rlm@46 30817 this.refresh();
rlm@46 30818 },
rlm@46 30819
rlm@46 30820 onUpdate : function(ds, record){
rlm@46 30821 this.refreshRow(record);
rlm@46 30822 },
rlm@46 30823
rlm@46 30824 onAdd : function(ds, records, index){
rlm@46 30825 this.insertRows(ds, index, index + (records.length-1));
rlm@46 30826 },
rlm@46 30827
rlm@46 30828 onRemove : function(ds, record, index, isUpdate){
rlm@46 30829 if(isUpdate !== true){
rlm@46 30830 this.fireEvent("beforerowremoved", this, index, record);
rlm@46 30831 }
rlm@46 30832 this.removeRow(index);
rlm@46 30833 if(isUpdate !== true){
rlm@46 30834 this.processRows(index);
rlm@46 30835 this.applyEmptyText();
rlm@46 30836 this.fireEvent("rowremoved", this, index, record);
rlm@46 30837 }
rlm@46 30838 },
rlm@46 30839
rlm@46 30840 onLoad : function(){
rlm@46 30841 this.scrollToTop();
rlm@46 30842 },
rlm@46 30843
rlm@46 30844 onColWidthChange : function(cm, col, width){
rlm@46 30845 this.updateColumnWidth(col, width);
rlm@46 30846 },
rlm@46 30847
rlm@46 30848 onHeaderChange : function(cm, col, text){
rlm@46 30849 this.updateHeaders();
rlm@46 30850 },
rlm@46 30851
rlm@46 30852 onHiddenChange : function(cm, col, hidden){
rlm@46 30853 this.updateColumnHidden(col, hidden);
rlm@46 30854 },
rlm@46 30855
rlm@46 30856 onColumnMove : function(cm, oldIndex, newIndex){
rlm@46 30857 this.indexMap = null;
rlm@46 30858 var s = this.getScrollState();
rlm@46 30859 this.refresh(true);
rlm@46 30860 this.restoreScroll(s);
rlm@46 30861 this.afterMove(newIndex);
rlm@46 30862 },
rlm@46 30863
rlm@46 30864 onColConfigChange : function(){
rlm@46 30865 delete this.lastViewWidth;
rlm@46 30866 this.indexMap = null;
rlm@46 30867 this.refresh(true);
rlm@46 30868 },
rlm@46 30869
rlm@46 30870
rlm@46 30871 initUI : function(grid){
rlm@46 30872 grid.on("headerclick", this.onHeaderClick, this);
rlm@46 30873
rlm@46 30874 if(grid.trackMouseOver){
rlm@46 30875 grid.on("mouseover", this.onRowOver, this);
rlm@46 30876 grid.on("mouseout", this.onRowOut, this);
rlm@46 30877 }
rlm@46 30878 },
rlm@46 30879
rlm@46 30880 initEvents : function(){
rlm@46 30881
rlm@46 30882 },
rlm@46 30883
rlm@46 30884 onHeaderClick : function(g, index){
rlm@46 30885 if(this.headersDisabled || !this.cm.isSortable(index)){
rlm@46 30886 return;
rlm@46 30887 }
rlm@46 30888 g.stopEditing(true);
rlm@46 30889 g.store.sort(this.cm.getDataIndex(index));
rlm@46 30890 },
rlm@46 30891
rlm@46 30892 onRowOver : function(e, t){
rlm@46 30893 var row;
rlm@46 30894 if((row = this.findRowIndex(t)) !== false){
rlm@46 30895 this.addRowClass(row, "x-grid3-row-over");
rlm@46 30896 }
rlm@46 30897 },
rlm@46 30898
rlm@46 30899 onRowOut : function(e, t){
rlm@46 30900 var row;
rlm@46 30901 if((row = this.findRowIndex(t)) !== false && row !== this.findRowIndex(e.getRelatedTarget())){
rlm@46 30902 this.removeRowClass(row, "x-grid3-row-over");
rlm@46 30903 }
rlm@46 30904 },
rlm@46 30905
rlm@46 30906 handleWheel : function(e){
rlm@46 30907 e.stopPropagation();
rlm@46 30908 },
rlm@46 30909
rlm@46 30910 onRowSelect : function(row){
rlm@46 30911 this.addRowClass(row, "x-grid3-row-selected");
rlm@46 30912 },
rlm@46 30913
rlm@46 30914 onRowDeselect : function(row){
rlm@46 30915 this.removeRowClass(row, "x-grid3-row-selected");
rlm@46 30916 },
rlm@46 30917
rlm@46 30918 onCellSelect : function(row, col){
rlm@46 30919 var cell = this.getCell(row, col);
rlm@46 30920 if(cell){
rlm@46 30921 this.fly(cell).addClass("x-grid3-cell-selected");
rlm@46 30922 }
rlm@46 30923 },
rlm@46 30924
rlm@46 30925 onCellDeselect : function(row, col){
rlm@46 30926 var cell = this.getCell(row, col);
rlm@46 30927 if(cell){
rlm@46 30928 this.fly(cell).removeClass("x-grid3-cell-selected");
rlm@46 30929 }
rlm@46 30930 },
rlm@46 30931
rlm@46 30932 onColumnSplitterMoved : function(i, w){
rlm@46 30933 this.userResized = true;
rlm@46 30934 var cm = this.grid.colModel;
rlm@46 30935 cm.setColumnWidth(i, w, true);
rlm@46 30936
rlm@46 30937 if(this.forceFit){
rlm@46 30938 this.fitColumns(true, false, i);
rlm@46 30939 this.updateAllColumnWidths();
rlm@46 30940 }else{
rlm@46 30941 this.updateColumnWidth(i, w);
rlm@46 30942 }
rlm@46 30943
rlm@46 30944 this.grid.fireEvent("columnresize", i, w);
rlm@46 30945 },
rlm@46 30946
rlm@46 30947 handleHdMenuClick : function(item){
rlm@46 30948 var index = this.hdCtxIndex;
rlm@46 30949 var cm = this.cm, ds = this.ds;
rlm@46 30950 switch(item.id){
rlm@46 30951 case "asc":
rlm@46 30952 ds.sort(cm.getDataIndex(index), "ASC");
rlm@46 30953 break;
rlm@46 30954 case "desc":
rlm@46 30955 ds.sort(cm.getDataIndex(index), "DESC");
rlm@46 30956 break;
rlm@46 30957 default:
rlm@46 30958 index = cm.getIndexById(item.id.substr(4));
rlm@46 30959 if(index != -1){
rlm@46 30960 if(item.checked && cm.getColumnsBy(this.isHideableColumn, this).length <= 1){
rlm@46 30961 this.onDenyColumnHide();
rlm@46 30962 return false;
rlm@46 30963 }
rlm@46 30964 cm.setHidden(index, item.checked);
rlm@46 30965 }
rlm@46 30966 }
rlm@46 30967 return true;
rlm@46 30968 },
rlm@46 30969
rlm@46 30970 isHideableColumn : function(c){
rlm@46 30971 return !c.hidden && !c.fixed;
rlm@46 30972 },
rlm@46 30973
rlm@46 30974 beforeColMenuShow : function(){
rlm@46 30975 var cm = this.cm, colCount = cm.getColumnCount();
rlm@46 30976 this.colMenu.removeAll();
rlm@46 30977 for(var i = 0; i < colCount; i++){
rlm@46 30978 if(cm.config[i].fixed !== true && cm.config[i].hideable !== false){
rlm@46 30979 this.colMenu.add(new Ext.menu.CheckItem({
rlm@46 30980 id: "col-"+cm.getColumnId(i),
rlm@46 30981 text: cm.getColumnHeader(i),
rlm@46 30982 checked: !cm.isHidden(i),
rlm@46 30983 hideOnClick:false,
rlm@46 30984 disabled: cm.config[i].hideable === false
rlm@46 30985 }));
rlm@46 30986 }
rlm@46 30987 }
rlm@46 30988 },
rlm@46 30989
rlm@46 30990 handleHdDown : function(e, t){
rlm@46 30991 if(Ext.fly(t).hasClass('x-grid3-hd-btn')){
rlm@46 30992 e.stopEvent();
rlm@46 30993 var hd = this.findHeaderCell(t);
rlm@46 30994 Ext.fly(hd).addClass('x-grid3-hd-menu-open');
rlm@46 30995 var index = this.getCellIndex(hd);
rlm@46 30996 this.hdCtxIndex = index;
rlm@46 30997 var ms = this.hmenu.items, cm = this.cm;
rlm@46 30998 ms.get("asc").setDisabled(!cm.isSortable(index));
rlm@46 30999 ms.get("desc").setDisabled(!cm.isSortable(index));
rlm@46 31000 this.hmenu.on("hide", function(){
rlm@46 31001 Ext.fly(hd).removeClass('x-grid3-hd-menu-open');
rlm@46 31002 }, this, {single:true});
rlm@46 31003 this.hmenu.show(t, "tl-bl?");
rlm@46 31004 }
rlm@46 31005 },
rlm@46 31006
rlm@46 31007 handleHdOver : function(e, t){
rlm@46 31008 var hd = this.findHeaderCell(t);
rlm@46 31009 if(hd && !this.headersDisabled){
rlm@46 31010 this.activeHd = hd;
rlm@46 31011 this.activeHdIndex = this.getCellIndex(hd);
rlm@46 31012 var fly = this.fly(hd);
rlm@46 31013 this.activeHdRegion = fly.getRegion();
rlm@46 31014 if(!this.cm.isMenuDisabled(this.activeHdIndex)){
rlm@46 31015 fly.addClass("x-grid3-hd-over");
rlm@46 31016 this.activeHdBtn = fly.child('.x-grid3-hd-btn');
rlm@46 31017 if(this.activeHdBtn){
rlm@46 31018 this.activeHdBtn.dom.style.height = (hd.firstChild.offsetHeight-1)+'px';
rlm@46 31019 }
rlm@46 31020 }
rlm@46 31021 }
rlm@46 31022 },
rlm@46 31023
rlm@46 31024 handleHdMove : function(e, t){
rlm@46 31025 if(this.activeHd && !this.headersDisabled){
rlm@46 31026 var hw = this.splitHandleWidth || 5;
rlm@46 31027 var r = this.activeHdRegion;
rlm@46 31028 var x = e.getPageX();
rlm@46 31029 var ss = this.activeHd.style;
rlm@46 31030 if(x - r.left <= hw && this.cm.isResizable(this.activeHdIndex-1)){
rlm@46 31031 ss.cursor = Ext.isAir ? 'move' : Ext.isSafari ? 'e-resize' : 'col-resize'; }else if(r.right - x <= (!this.activeHdBtn ? hw : 2) && this.cm.isResizable(this.activeHdIndex)){
rlm@46 31032 ss.cursor = Ext.isAir ? 'move' : Ext.isSafari ? 'w-resize' : 'col-resize';
rlm@46 31033 }else{
rlm@46 31034 ss.cursor = '';
rlm@46 31035 }
rlm@46 31036 }
rlm@46 31037 },
rlm@46 31038
rlm@46 31039 handleHdOut : function(e, t){
rlm@46 31040 var hd = this.findHeaderCell(t);
rlm@46 31041 if(hd && (!Ext.isIE || !e.within(hd, true))){
rlm@46 31042 this.activeHd = null;
rlm@46 31043 this.fly(hd).removeClass("x-grid3-hd-over");
rlm@46 31044 hd.style.cursor = '';
rlm@46 31045 }
rlm@46 31046 },
rlm@46 31047
rlm@46 31048 hasRows : function(){
rlm@46 31049 var fc = this.mainBody.dom.firstChild;
rlm@46 31050 return fc && fc.className != 'x-grid-empty';
rlm@46 31051 },
rlm@46 31052
rlm@46 31053 bind : function(d, c){
rlm@46 31054 this.initData(d, c);
rlm@46 31055 }
rlm@46 31056 });
rlm@46 31057
rlm@46 31058
rlm@46 31059 Ext.grid.GridView.SplitDragZone = function(grid, hd){
rlm@46 31060 this.grid = grid;
rlm@46 31061 this.view = grid.getView();
rlm@46 31062 this.marker = this.view.resizeMarker;
rlm@46 31063 this.proxy = this.view.resizeProxy;
rlm@46 31064 Ext.grid.GridView.SplitDragZone.superclass.constructor.call(this, hd,
rlm@46 31065 "gridSplitters" + this.grid.getGridEl().id, {
rlm@46 31066 dragElId : Ext.id(this.proxy.dom), resizeFrame:false
rlm@46 31067 });
rlm@46 31068 this.scroll = false;
rlm@46 31069 this.hw = this.view.splitHandleWidth || 5;
rlm@46 31070 };
rlm@46 31071 Ext.extend(Ext.grid.GridView.SplitDragZone, Ext.dd.DDProxy, {
rlm@46 31072
rlm@46 31073 b4StartDrag : function(x, y){
rlm@46 31074 this.view.headersDisabled = true;
rlm@46 31075 var h = this.view.mainWrap.getHeight();
rlm@46 31076 this.marker.setHeight(h);
rlm@46 31077 this.marker.show();
rlm@46 31078 this.marker.alignTo(this.view.getHeaderCell(this.cellIndex), 'tl-tl', [-2, 0]);
rlm@46 31079 this.proxy.setHeight(h);
rlm@46 31080 var w = this.cm.getColumnWidth(this.cellIndex);
rlm@46 31081 var minw = Math.max(w-this.grid.minColumnWidth, 0);
rlm@46 31082 this.resetConstraints();
rlm@46 31083 this.setXConstraint(minw, 1000);
rlm@46 31084 this.setYConstraint(0, 0);
rlm@46 31085 this.minX = x - minw;
rlm@46 31086 this.maxX = x + 1000;
rlm@46 31087 this.startPos = x;
rlm@46 31088 Ext.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
rlm@46 31089 },
rlm@46 31090
rlm@46 31091
rlm@46 31092 handleMouseDown : function(e){
rlm@46 31093 var t = this.view.findHeaderCell(e.getTarget());
rlm@46 31094 if(t){
rlm@46 31095 var xy = this.view.fly(t).getXY(), x = xy[0], y = xy[1];
rlm@46 31096 var exy = e.getXY(), ex = exy[0], ey = exy[1];
rlm@46 31097 var w = t.offsetWidth, adjust = false;
rlm@46 31098 if((ex - x) <= this.hw){
rlm@46 31099 adjust = -1;
rlm@46 31100 }else if((x+w) - ex <= this.hw){
rlm@46 31101 adjust = 0;
rlm@46 31102 }
rlm@46 31103 if(adjust !== false){
rlm@46 31104 this.cm = this.grid.colModel;
rlm@46 31105 var ci = this.view.getCellIndex(t);
rlm@46 31106 if(adjust == -1){
rlm@46 31107 if (ci + adjust < 0) {
rlm@46 31108 return;
rlm@46 31109 }
rlm@46 31110 while(this.cm.isHidden(ci+adjust)){
rlm@46 31111 --adjust;
rlm@46 31112 if(ci+adjust < 0){
rlm@46 31113 return;
rlm@46 31114 }
rlm@46 31115 }
rlm@46 31116 }
rlm@46 31117 this.cellIndex = ci+adjust;
rlm@46 31118 this.split = t.dom;
rlm@46 31119 if(this.cm.isResizable(this.cellIndex) && !this.cm.isFixed(this.cellIndex)){
rlm@46 31120 Ext.grid.GridView.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
rlm@46 31121 }
rlm@46 31122 }else if(this.view.columnDrag){
rlm@46 31123 this.view.columnDrag.callHandleMouseDown(e);
rlm@46 31124 }
rlm@46 31125 }
rlm@46 31126 },
rlm@46 31127
rlm@46 31128 endDrag : function(e){
rlm@46 31129 this.marker.hide();
rlm@46 31130 var v = this.view;
rlm@46 31131 var endX = Math.max(this.minX, e.getPageX());
rlm@46 31132 var diff = endX - this.startPos;
rlm@46 31133 v.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex)+diff);
rlm@46 31134 setTimeout(function(){
rlm@46 31135 v.headersDisabled = false;
rlm@46 31136 }, 50);
rlm@46 31137 },
rlm@46 31138
rlm@46 31139 autoOffset : function(){
rlm@46 31140 this.setDelta(0,0);
rlm@46 31141 }
rlm@46 31142 });
rlm@46 31143
rlm@46 31144
rlm@46 31145 Ext.grid.GroupingView = Ext.extend(Ext.grid.GridView, {
rlm@46 31146
rlm@46 31147 hideGroupedColumn:false,
rlm@46 31148
rlm@46 31149 showGroupName:true,
rlm@46 31150
rlm@46 31151 startCollapsed:false,
rlm@46 31152
rlm@46 31153 enableGrouping:true,
rlm@46 31154
rlm@46 31155 enableGroupingMenu:true,
rlm@46 31156
rlm@46 31157 enableNoGroups:true,
rlm@46 31158
rlm@46 31159 emptyGroupText : '(None)',
rlm@46 31160
rlm@46 31161 ignoreAdd: false,
rlm@46 31162
rlm@46 31163 groupTextTpl : '{text}',
rlm@46 31164
rlm@46 31165
rlm@46 31166
rlm@46 31167
rlm@46 31168 gidSeed : 1000,
rlm@46 31169
rlm@46 31170
rlm@46 31171 initTemplates : function(){
rlm@46 31172 Ext.grid.GroupingView.superclass.initTemplates.call(this);
rlm@46 31173 this.state = {};
rlm@46 31174
rlm@46 31175 var sm = this.grid.getSelectionModel();
rlm@46 31176 sm.on(sm.selectRow ? 'beforerowselect' : 'beforecellselect',
rlm@46 31177 this.onBeforeRowSelect, this);
rlm@46 31178
rlm@46 31179 if(!this.startGroup){
rlm@46 31180 this.startGroup = new Ext.XTemplate(
rlm@46 31181 '<div id="{groupId}" class="x-grid-group {cls}">',
rlm@46 31182 '<div id="{groupId}-hd" class="x-grid-group-hd" style="{style}"><div>', this.groupTextTpl ,'</div></div>',
rlm@46 31183 '<div id="{groupId}-bd" class="x-grid-group-body">'
rlm@46 31184 );
rlm@46 31185 }
rlm@46 31186 this.startGroup.compile();
rlm@46 31187 this.endGroup = '</div></div>';
rlm@46 31188 },
rlm@46 31189
rlm@46 31190
rlm@46 31191 findGroup : function(el){
rlm@46 31192 return Ext.fly(el).up('.x-grid-group', this.mainBody.dom);
rlm@46 31193 },
rlm@46 31194
rlm@46 31195
rlm@46 31196 getGroups : function(){
rlm@46 31197 return this.hasRows() ? this.mainBody.dom.childNodes : [];
rlm@46 31198 },
rlm@46 31199
rlm@46 31200
rlm@46 31201 onAdd : function(){
rlm@46 31202 if(this.enableGrouping && !this.ignoreAdd){
rlm@46 31203 var ss = this.getScrollState();
rlm@46 31204 this.refresh();
rlm@46 31205 this.restoreScroll(ss);
rlm@46 31206 }else if(!this.enableGrouping){
rlm@46 31207 Ext.grid.GroupingView.superclass.onAdd.apply(this, arguments);
rlm@46 31208 }
rlm@46 31209 },
rlm@46 31210
rlm@46 31211
rlm@46 31212 onRemove : function(ds, record, index, isUpdate){
rlm@46 31213 Ext.grid.GroupingView.superclass.onRemove.apply(this, arguments);
rlm@46 31214 var g = document.getElementById(record._groupId);
rlm@46 31215 if(g && g.childNodes[1].childNodes.length < 1){
rlm@46 31216 Ext.removeNode(g);
rlm@46 31217 }
rlm@46 31218 this.applyEmptyText();
rlm@46 31219 },
rlm@46 31220
rlm@46 31221
rlm@46 31222 refreshRow : function(record){
rlm@46 31223 if(this.ds.getCount()==1){
rlm@46 31224 this.refresh();
rlm@46 31225 }else{
rlm@46 31226 this.isUpdating = true;
rlm@46 31227 Ext.grid.GroupingView.superclass.refreshRow.apply(this, arguments);
rlm@46 31228 this.isUpdating = false;
rlm@46 31229 }
rlm@46 31230 },
rlm@46 31231
rlm@46 31232
rlm@46 31233 beforeMenuShow : function(){
rlm@46 31234 var field = this.getGroupField();
rlm@46 31235 var g = this.hmenu.items.get('groupBy');
rlm@46 31236 if(g){
rlm@46 31237 g.setDisabled(this.cm.config[this.hdCtxIndex].groupable === false);
rlm@46 31238 }
rlm@46 31239 var s = this.hmenu.items.get('showGroups');
rlm@46 31240 if(s){
rlm@46 31241 s.setDisabled(!field && this.cm.config[this.hdCtxIndex].groupable === false);
rlm@46 31242 s.setChecked(!!field, true);
rlm@46 31243 }
rlm@46 31244 },
rlm@46 31245
rlm@46 31246
rlm@46 31247 renderUI : function(){
rlm@46 31248 Ext.grid.GroupingView.superclass.renderUI.call(this);
rlm@46 31249 this.mainBody.on('mousedown', this.interceptMouse, this);
rlm@46 31250
rlm@46 31251 if(this.enableGroupingMenu && this.hmenu){
rlm@46 31252 this.hmenu.add('-',{
rlm@46 31253 id:'groupBy',
rlm@46 31254 text: this.groupByText,
rlm@46 31255 handler: this.onGroupByClick,
rlm@46 31256 scope: this,
rlm@46 31257 iconCls:'x-group-by-icon'
rlm@46 31258 });
rlm@46 31259 if(this.enableNoGroups){
rlm@46 31260 this.hmenu.add({
rlm@46 31261 id:'showGroups',
rlm@46 31262 text: this.showGroupsText,
rlm@46 31263 checked: true,
rlm@46 31264 checkHandler: this.onShowGroupsClick,
rlm@46 31265 scope: this
rlm@46 31266 });
rlm@46 31267 }
rlm@46 31268 this.hmenu.on('beforeshow', this.beforeMenuShow, this);
rlm@46 31269 }
rlm@46 31270 },
rlm@46 31271
rlm@46 31272
rlm@46 31273 onGroupByClick : function(){
rlm@46 31274 this.grid.store.groupBy(this.cm.getDataIndex(this.hdCtxIndex));
rlm@46 31275 this.beforeMenuShow();
rlm@46 31276 },
rlm@46 31277
rlm@46 31278
rlm@46 31279 onShowGroupsClick : function(mi, checked){
rlm@46 31280 if(checked){
rlm@46 31281 this.onGroupByClick();
rlm@46 31282 }else{
rlm@46 31283 this.grid.store.clearGrouping();
rlm@46 31284 }
rlm@46 31285 },
rlm@46 31286
rlm@46 31287
rlm@46 31288 toggleGroup : function(group, expanded){
rlm@46 31289 this.grid.stopEditing(true);
rlm@46 31290 group = Ext.getDom(group);
rlm@46 31291 var gel = Ext.fly(group);
rlm@46 31292 expanded = expanded !== undefined ?
rlm@46 31293 expanded : gel.hasClass('x-grid-group-collapsed');
rlm@46 31294
rlm@46 31295 this.state[gel.dom.id] = expanded;
rlm@46 31296 gel[expanded ? 'removeClass' : 'addClass']('x-grid-group-collapsed');
rlm@46 31297 },
rlm@46 31298
rlm@46 31299
rlm@46 31300 toggleAllGroups : function(expanded){
rlm@46 31301 var groups = this.getGroups();
rlm@46 31302 for(var i = 0, len = groups.length; i < len; i++){
rlm@46 31303 this.toggleGroup(groups[i], expanded);
rlm@46 31304 }
rlm@46 31305 },
rlm@46 31306
rlm@46 31307
rlm@46 31308 expandAllGroups : function(){
rlm@46 31309 this.toggleAllGroups(true);
rlm@46 31310 },
rlm@46 31311
rlm@46 31312
rlm@46 31313 collapseAllGroups : function(){
rlm@46 31314 this.toggleAllGroups(false);
rlm@46 31315 },
rlm@46 31316
rlm@46 31317
rlm@46 31318 interceptMouse : function(e){
rlm@46 31319 var hd = e.getTarget('.x-grid-group-hd', this.mainBody);
rlm@46 31320 if(hd){
rlm@46 31321 e.stopEvent();
rlm@46 31322 this.toggleGroup(hd.parentNode);
rlm@46 31323 }
rlm@46 31324 },
rlm@46 31325
rlm@46 31326
rlm@46 31327 getGroup : function(v, r, groupRenderer, rowIndex, colIndex, ds){
rlm@46 31328 var g = groupRenderer ? groupRenderer(v, {}, r, rowIndex, colIndex, ds) : String(v);
rlm@46 31329 if(g === ''){
rlm@46 31330 g = this.cm.config[colIndex].emptyGroupText || this.emptyGroupText;
rlm@46 31331 }
rlm@46 31332 return g;
rlm@46 31333 },
rlm@46 31334
rlm@46 31335
rlm@46 31336 getGroupField : function(){
rlm@46 31337 return this.grid.store.getGroupState();
rlm@46 31338 },
rlm@46 31339
rlm@46 31340
rlm@46 31341 renderRows : function(){
rlm@46 31342 var groupField = this.getGroupField();
rlm@46 31343 var eg = !!groupField;
rlm@46 31344
rlm@46 31345 if(this.hideGroupedColumn) {
rlm@46 31346 var colIndex = this.cm.findColumnIndex(groupField);
rlm@46 31347 if(!eg && this.lastGroupField !== undefined) {
rlm@46 31348 this.mainBody.update('');
rlm@46 31349 this.cm.setHidden(this.cm.findColumnIndex(this.lastGroupField), false);
rlm@46 31350 delete this.lastGroupField;
rlm@46 31351 }else if (eg && this.lastGroupField === undefined) {
rlm@46 31352 this.lastGroupField = groupField;
rlm@46 31353 this.cm.setHidden(colIndex, true);
rlm@46 31354 }else if (eg && this.lastGroupField !== undefined && groupField !== this.lastGroupField) {
rlm@46 31355 this.mainBody.update('');
rlm@46 31356 var oldIndex = this.cm.findColumnIndex(this.lastGroupField);
rlm@46 31357 this.cm.setHidden(oldIndex, false);
rlm@46 31358 this.lastGroupField = groupField;
rlm@46 31359 this.cm.setHidden(colIndex, true);
rlm@46 31360 }
rlm@46 31361 }
rlm@46 31362 return Ext.grid.GroupingView.superclass.renderRows.apply(
rlm@46 31363 this, arguments);
rlm@46 31364 },
rlm@46 31365
rlm@46 31366
rlm@46 31367 doRender : function(cs, rs, ds, startRow, colCount, stripe){
rlm@46 31368 if(rs.length < 1){
rlm@46 31369 return '';
rlm@46 31370 }
rlm@46 31371 var groupField = this.getGroupField();
rlm@46 31372 var colIndex = this.cm.findColumnIndex(groupField);
rlm@46 31373
rlm@46 31374 this.enableGrouping = !!groupField;
rlm@46 31375
rlm@46 31376 if(!this.enableGrouping || this.isUpdating){
rlm@46 31377 return Ext.grid.GroupingView.superclass.doRender.apply(
rlm@46 31378 this, arguments);
rlm@46 31379 }
rlm@46 31380 var gstyle = 'width:'+this.getTotalWidth()+';';
rlm@46 31381
rlm@46 31382 var gidPrefix = this.grid.getGridEl().id;
rlm@46 31383 var cfg = this.cm.config[colIndex];
rlm@46 31384 var groupRenderer = cfg.groupRenderer || cfg.renderer;
rlm@46 31385 var prefix = this.showGroupName ?
rlm@46 31386 (cfg.groupName || cfg.header)+': ' : '';
rlm@46 31387
rlm@46 31388 var groups = [], curGroup, i, len, gid;
rlm@46 31389 for(i = 0, len = rs.length; i < len; i++){
rlm@46 31390 var rowIndex = startRow + i;
rlm@46 31391 var r = rs[i],
rlm@46 31392 gvalue = r.data[groupField],
rlm@46 31393 g = this.getGroup(gvalue, r, groupRenderer, rowIndex, colIndex, ds);
rlm@46 31394 if(!curGroup || curGroup.group != g){
rlm@46 31395 gid = gidPrefix + '-gp-' + groupField + '-' + Ext.util.Format.htmlEncode(g);
rlm@46 31396
rlm@46 31397
rlm@46 31398 var isCollapsed = typeof this.state[gid] !== 'undefined' ? !this.state[gid] : this.startCollapsed;
rlm@46 31399 var gcls = isCollapsed ? 'x-grid-group-collapsed' : '';
rlm@46 31400 curGroup = {
rlm@46 31401 group: g,
rlm@46 31402 gvalue: gvalue,
rlm@46 31403 text: prefix + g,
rlm@46 31404 groupId: gid,
rlm@46 31405 startRow: rowIndex,
rlm@46 31406 rs: [r],
rlm@46 31407 cls: gcls,
rlm@46 31408 style: gstyle
rlm@46 31409 };
rlm@46 31410 groups.push(curGroup);
rlm@46 31411 }else{
rlm@46 31412 curGroup.rs.push(r);
rlm@46 31413 }
rlm@46 31414 r._groupId = gid;
rlm@46 31415 }
rlm@46 31416
rlm@46 31417 var buf = [];
rlm@46 31418 for(i = 0, len = groups.length; i < len; i++){
rlm@46 31419 var g = groups[i];
rlm@46 31420 this.doGroupStart(buf, g, cs, ds, colCount);
rlm@46 31421 buf[buf.length] = Ext.grid.GroupingView.superclass.doRender.call(
rlm@46 31422 this, cs, g.rs, ds, g.startRow, colCount, stripe);
rlm@46 31423
rlm@46 31424 this.doGroupEnd(buf, g, cs, ds, colCount);
rlm@46 31425 }
rlm@46 31426 return buf.join('');
rlm@46 31427 },
rlm@46 31428
rlm@46 31429
rlm@46 31430 getGroupId : function(value){
rlm@46 31431 var gidPrefix = this.grid.getGridEl().id;
rlm@46 31432 var groupField = this.getGroupField();
rlm@46 31433 var colIndex = this.cm.findColumnIndex(groupField);
rlm@46 31434 var cfg = this.cm.config[colIndex];
rlm@46 31435 var groupRenderer = cfg.groupRenderer || cfg.renderer;
rlm@46 31436 var gtext = this.getGroup(value, {data:{}}, groupRenderer, 0, colIndex, this.ds);
rlm@46 31437 return gidPrefix + '-gp-' + groupField + '-' + Ext.util.Format.htmlEncode(value);
rlm@46 31438 },
rlm@46 31439
rlm@46 31440
rlm@46 31441 doGroupStart : function(buf, g, cs, ds, colCount){
rlm@46 31442 buf[buf.length] = this.startGroup.apply(g);
rlm@46 31443 },
rlm@46 31444
rlm@46 31445
rlm@46 31446 doGroupEnd : function(buf, g, cs, ds, colCount){
rlm@46 31447 buf[buf.length] = this.endGroup;
rlm@46 31448 },
rlm@46 31449
rlm@46 31450
rlm@46 31451 getRows : function(){
rlm@46 31452 if(!this.enableGrouping){
rlm@46 31453 return Ext.grid.GroupingView.superclass.getRows.call(this);
rlm@46 31454 }
rlm@46 31455 var r = [];
rlm@46 31456 var g, gs = this.getGroups();
rlm@46 31457 for(var i = 0, len = gs.length; i < len; i++){
rlm@46 31458 g = gs[i].childNodes[1].childNodes;
rlm@46 31459 for(var j = 0, jlen = g.length; j < jlen; j++){
rlm@46 31460 r[r.length] = g[j];
rlm@46 31461 }
rlm@46 31462 }
rlm@46 31463 return r;
rlm@46 31464 },
rlm@46 31465
rlm@46 31466
rlm@46 31467 updateGroupWidths : function(){
rlm@46 31468 if(!this.enableGrouping || !this.hasRows()){
rlm@46 31469 return;
rlm@46 31470 }
rlm@46 31471 var tw = Math.max(this.cm.getTotalWidth(), this.el.dom.offsetWidth-this.scrollOffset) +'px';
rlm@46 31472 var gs = this.getGroups();
rlm@46 31473 for(var i = 0, len = gs.length; i < len; i++){
rlm@46 31474 gs[i].firstChild.style.width = tw;
rlm@46 31475 }
rlm@46 31476 },
rlm@46 31477
rlm@46 31478
rlm@46 31479 onColumnWidthUpdated : function(col, w, tw){
rlm@46 31480 this.updateGroupWidths();
rlm@46 31481 },
rlm@46 31482
rlm@46 31483
rlm@46 31484 onAllColumnWidthsUpdated : function(ws, tw){
rlm@46 31485 this.updateGroupWidths();
rlm@46 31486 },
rlm@46 31487
rlm@46 31488
rlm@46 31489 onColumnHiddenUpdated : function(col, hidden, tw){
rlm@46 31490 this.updateGroupWidths();
rlm@46 31491 },
rlm@46 31492
rlm@46 31493
rlm@46 31494 onLayout : function(){
rlm@46 31495 this.updateGroupWidths();
rlm@46 31496 },
rlm@46 31497
rlm@46 31498
rlm@46 31499 onBeforeRowSelect : function(sm, rowIndex){
rlm@46 31500 if(!this.enableGrouping){
rlm@46 31501 return;
rlm@46 31502 }
rlm@46 31503 var row = this.getRow(rowIndex);
rlm@46 31504 if(row && !row.offsetParent){
rlm@46 31505 var g = this.findGroup(row);
rlm@46 31506 this.toggleGroup(g, true);
rlm@46 31507 }
rlm@46 31508 },
rlm@46 31509
rlm@46 31510
rlm@46 31511 groupByText: 'Group By This Field',
rlm@46 31512
rlm@46 31513 showGroupsText: 'Show in Groups'
rlm@46 31514 });
rlm@46 31515
rlm@46 31516 Ext.grid.GroupingView.GROUP_ID = 1000;
rlm@46 31517
rlm@46 31518
rlm@46 31519 Ext.grid.HeaderDragZone = function(grid, hd, hd2){
rlm@46 31520 this.grid = grid;
rlm@46 31521 this.view = grid.getView();
rlm@46 31522 this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
rlm@46 31523 Ext.grid.HeaderDragZone.superclass.constructor.call(this, hd);
rlm@46 31524 if(hd2){
rlm@46 31525 this.setHandleElId(Ext.id(hd));
rlm@46 31526 this.setOuterHandleElId(Ext.id(hd2));
rlm@46 31527 }
rlm@46 31528 this.scroll = false;
rlm@46 31529 };
rlm@46 31530 Ext.extend(Ext.grid.HeaderDragZone, Ext.dd.DragZone, {
rlm@46 31531 maxDragWidth: 120,
rlm@46 31532 getDragData : function(e){
rlm@46 31533 var t = Ext.lib.Event.getTarget(e);
rlm@46 31534 var h = this.view.findHeaderCell(t);
rlm@46 31535 if(h){
rlm@46 31536 return {ddel: h.firstChild, header:h};
rlm@46 31537 }
rlm@46 31538 return false;
rlm@46 31539 },
rlm@46 31540
rlm@46 31541 onInitDrag : function(e){
rlm@46 31542 this.view.headersDisabled = true;
rlm@46 31543 var clone = this.dragData.ddel.cloneNode(true);
rlm@46 31544 clone.id = Ext.id();
rlm@46 31545 clone.style.width = Math.min(this.dragData.header.offsetWidth,this.maxDragWidth) + "px";
rlm@46 31546 this.proxy.update(clone);
rlm@46 31547 return true;
rlm@46 31548 },
rlm@46 31549
rlm@46 31550 afterValidDrop : function(){
rlm@46 31551 var v = this.view;
rlm@46 31552 setTimeout(function(){
rlm@46 31553 v.headersDisabled = false;
rlm@46 31554 }, 50);
rlm@46 31555 },
rlm@46 31556
rlm@46 31557 afterInvalidDrop : function(){
rlm@46 31558 var v = this.view;
rlm@46 31559 setTimeout(function(){
rlm@46 31560 v.headersDisabled = false;
rlm@46 31561 }, 50);
rlm@46 31562 }
rlm@46 31563 });
rlm@46 31564
rlm@46 31565
rlm@46 31566
rlm@46 31567 Ext.grid.HeaderDropZone = function(grid, hd, hd2){
rlm@46 31568 this.grid = grid;
rlm@46 31569 this.view = grid.getView();
rlm@46 31570
rlm@46 31571 this.proxyTop = Ext.DomHelper.append(document.body, {
rlm@46 31572 cls:"col-move-top", html:"&#160;"
rlm@46 31573 }, true);
rlm@46 31574 this.proxyBottom = Ext.DomHelper.append(document.body, {
rlm@46 31575 cls:"col-move-bottom", html:"&#160;"
rlm@46 31576 }, true);
rlm@46 31577 this.proxyTop.hide = this.proxyBottom.hide = function(){
rlm@46 31578 this.setLeftTop(-100,-100);
rlm@46 31579 this.setStyle("visibility", "hidden");
rlm@46 31580 };
rlm@46 31581 this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
rlm@46 31582
rlm@46 31583
rlm@46 31584 Ext.grid.HeaderDropZone.superclass.constructor.call(this, grid.getGridEl().dom);
rlm@46 31585 };
rlm@46 31586 Ext.extend(Ext.grid.HeaderDropZone, Ext.dd.DropZone, {
rlm@46 31587 proxyOffsets : [-4, -9],
rlm@46 31588 fly: Ext.Element.fly,
rlm@46 31589
rlm@46 31590 getTargetFromEvent : function(e){
rlm@46 31591 var t = Ext.lib.Event.getTarget(e);
rlm@46 31592 var cindex = this.view.findCellIndex(t);
rlm@46 31593 if(cindex !== false){
rlm@46 31594 return this.view.getHeaderCell(cindex);
rlm@46 31595 }
rlm@46 31596 },
rlm@46 31597
rlm@46 31598 nextVisible : function(h){
rlm@46 31599 var v = this.view, cm = this.grid.colModel;
rlm@46 31600 h = h.nextSibling;
rlm@46 31601 while(h){
rlm@46 31602 if(!cm.isHidden(v.getCellIndex(h))){
rlm@46 31603 return h;
rlm@46 31604 }
rlm@46 31605 h = h.nextSibling;
rlm@46 31606 }
rlm@46 31607 return null;
rlm@46 31608 },
rlm@46 31609
rlm@46 31610 prevVisible : function(h){
rlm@46 31611 var v = this.view, cm = this.grid.colModel;
rlm@46 31612 h = h.prevSibling;
rlm@46 31613 while(h){
rlm@46 31614 if(!cm.isHidden(v.getCellIndex(h))){
rlm@46 31615 return h;
rlm@46 31616 }
rlm@46 31617 h = h.prevSibling;
rlm@46 31618 }
rlm@46 31619 return null;
rlm@46 31620 },
rlm@46 31621
rlm@46 31622 positionIndicator : function(h, n, e){
rlm@46 31623 var x = Ext.lib.Event.getPageX(e);
rlm@46 31624 var r = Ext.lib.Dom.getRegion(n.firstChild);
rlm@46 31625 var px, pt, py = r.top + this.proxyOffsets[1];
rlm@46 31626 if((r.right - x) <= (r.right-r.left)/2){
rlm@46 31627 px = r.right+this.view.borderWidth;
rlm@46 31628 pt = "after";
rlm@46 31629 }else{
rlm@46 31630 px = r.left;
rlm@46 31631 pt = "before";
rlm@46 31632 }
rlm@46 31633 var oldIndex = this.view.getCellIndex(h);
rlm@46 31634 var newIndex = this.view.getCellIndex(n);
rlm@46 31635
rlm@46 31636 if(this.grid.colModel.isFixed(newIndex)){
rlm@46 31637 return false;
rlm@46 31638 }
rlm@46 31639
rlm@46 31640 var locked = this.grid.colModel.isLocked(newIndex);
rlm@46 31641
rlm@46 31642 if(pt == "after"){
rlm@46 31643 newIndex++;
rlm@46 31644 }
rlm@46 31645 if(oldIndex < newIndex){
rlm@46 31646 newIndex--;
rlm@46 31647 }
rlm@46 31648 if(oldIndex == newIndex && (locked == this.grid.colModel.isLocked(oldIndex))){
rlm@46 31649 return false;
rlm@46 31650 }
rlm@46 31651 px += this.proxyOffsets[0];
rlm@46 31652 this.proxyTop.setLeftTop(px, py);
rlm@46 31653 this.proxyTop.show();
rlm@46 31654 if(!this.bottomOffset){
rlm@46 31655 this.bottomOffset = this.view.mainHd.getHeight();
rlm@46 31656 }
rlm@46 31657 this.proxyBottom.setLeftTop(px, py+this.proxyTop.dom.offsetHeight+this.bottomOffset);
rlm@46 31658 this.proxyBottom.show();
rlm@46 31659 return pt;
rlm@46 31660 },
rlm@46 31661
rlm@46 31662 onNodeEnter : function(n, dd, e, data){
rlm@46 31663 if(data.header != n){
rlm@46 31664 this.positionIndicator(data.header, n, e);
rlm@46 31665 }
rlm@46 31666 },
rlm@46 31667
rlm@46 31668 onNodeOver : function(n, dd, e, data){
rlm@46 31669 var result = false;
rlm@46 31670 if(data.header != n){
rlm@46 31671 result = this.positionIndicator(data.header, n, e);
rlm@46 31672 }
rlm@46 31673 if(!result){
rlm@46 31674 this.proxyTop.hide();
rlm@46 31675 this.proxyBottom.hide();
rlm@46 31676 }
rlm@46 31677 return result ? this.dropAllowed : this.dropNotAllowed;
rlm@46 31678 },
rlm@46 31679
rlm@46 31680 onNodeOut : function(n, dd, e, data){
rlm@46 31681 this.proxyTop.hide();
rlm@46 31682 this.proxyBottom.hide();
rlm@46 31683 },
rlm@46 31684
rlm@46 31685 onNodeDrop : function(n, dd, e, data){
rlm@46 31686 var h = data.header;
rlm@46 31687 if(h != n){
rlm@46 31688 var cm = this.grid.colModel;
rlm@46 31689 var x = Ext.lib.Event.getPageX(e);
rlm@46 31690 var r = Ext.lib.Dom.getRegion(n.firstChild);
rlm@46 31691 var pt = (r.right - x) <= ((r.right-r.left)/2) ? "after" : "before";
rlm@46 31692 var oldIndex = this.view.getCellIndex(h);
rlm@46 31693 var newIndex = this.view.getCellIndex(n);
rlm@46 31694 var locked = cm.isLocked(newIndex);
rlm@46 31695 if(pt == "after"){
rlm@46 31696 newIndex++;
rlm@46 31697 }
rlm@46 31698 if(oldIndex < newIndex){
rlm@46 31699 newIndex--;
rlm@46 31700 }
rlm@46 31701 if(oldIndex == newIndex && (locked == cm.isLocked(oldIndex))){
rlm@46 31702 return false;
rlm@46 31703 }
rlm@46 31704 cm.setLocked(oldIndex, locked, true);
rlm@46 31705 cm.moveColumn(oldIndex, newIndex);
rlm@46 31706 this.grid.fireEvent("columnmove", oldIndex, newIndex);
rlm@46 31707 return true;
rlm@46 31708 }
rlm@46 31709 return false;
rlm@46 31710 }
rlm@46 31711 });
rlm@46 31712
rlm@46 31713
rlm@46 31714 Ext.grid.GridView.ColumnDragZone = function(grid, hd){
rlm@46 31715 Ext.grid.GridView.ColumnDragZone.superclass.constructor.call(this, grid, hd, null);
rlm@46 31716 this.proxy.el.addClass('x-grid3-col-dd');
rlm@46 31717 };
rlm@46 31718
rlm@46 31719 Ext.extend(Ext.grid.GridView.ColumnDragZone, Ext.grid.HeaderDragZone, {
rlm@46 31720 handleMouseDown : function(e){
rlm@46 31721
rlm@46 31722 },
rlm@46 31723
rlm@46 31724 callHandleMouseDown : function(e){
rlm@46 31725 Ext.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this, e);
rlm@46 31726 }
rlm@46 31727 });
rlm@46 31728 Ext.grid.SplitDragZone = function(grid, hd, hd2){
rlm@46 31729 this.grid = grid;
rlm@46 31730 this.view = grid.getView();
rlm@46 31731 this.proxy = this.view.resizeProxy;
rlm@46 31732 Ext.grid.SplitDragZone.superclass.constructor.call(this, hd,
rlm@46 31733 "gridSplitters" + this.grid.getGridEl().id, {
rlm@46 31734 dragElId : Ext.id(this.proxy.dom), resizeFrame:false
rlm@46 31735 });
rlm@46 31736 this.setHandleElId(Ext.id(hd));
rlm@46 31737 this.setOuterHandleElId(Ext.id(hd2));
rlm@46 31738 this.scroll = false;
rlm@46 31739 };
rlm@46 31740 Ext.extend(Ext.grid.SplitDragZone, Ext.dd.DDProxy, {
rlm@46 31741 fly: Ext.Element.fly,
rlm@46 31742
rlm@46 31743 b4StartDrag : function(x, y){
rlm@46 31744 this.view.headersDisabled = true;
rlm@46 31745 this.proxy.setHeight(this.view.mainWrap.getHeight());
rlm@46 31746 var w = this.cm.getColumnWidth(this.cellIndex);
rlm@46 31747 var minw = Math.max(w-this.grid.minColumnWidth, 0);
rlm@46 31748 this.resetConstraints();
rlm@46 31749 this.setXConstraint(minw, 1000);
rlm@46 31750 this.setYConstraint(0, 0);
rlm@46 31751 this.minX = x - minw;
rlm@46 31752 this.maxX = x + 1000;
rlm@46 31753 this.startPos = x;
rlm@46 31754 Ext.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
rlm@46 31755 },
rlm@46 31756
rlm@46 31757
rlm@46 31758 handleMouseDown : function(e){
rlm@46 31759 ev = Ext.EventObject.setEvent(e);
rlm@46 31760 var t = this.fly(ev.getTarget());
rlm@46 31761 if(t.hasClass("x-grid-split")){
rlm@46 31762 this.cellIndex = this.view.getCellIndex(t.dom);
rlm@46 31763 this.split = t.dom;
rlm@46 31764 this.cm = this.grid.colModel;
rlm@46 31765 if(this.cm.isResizable(this.cellIndex) && !this.cm.isFixed(this.cellIndex)){
rlm@46 31766 Ext.grid.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
rlm@46 31767 }
rlm@46 31768 }
rlm@46 31769 },
rlm@46 31770
rlm@46 31771 endDrag : function(e){
rlm@46 31772 this.view.headersDisabled = false;
rlm@46 31773 var endX = Math.max(this.minX, Ext.lib.Event.getPageX(e));
rlm@46 31774 var diff = endX - this.startPos;
rlm@46 31775 this.view.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex)+diff);
rlm@46 31776 },
rlm@46 31777
rlm@46 31778 autoOffset : function(){
rlm@46 31779 this.setDelta(0,0);
rlm@46 31780 }
rlm@46 31781 });
rlm@46 31782 Ext.grid.GridDragZone = function(grid, config){
rlm@46 31783 this.view = grid.getView();
rlm@46 31784 Ext.grid.GridDragZone.superclass.constructor.call(this, this.view.mainBody.dom, config);
rlm@46 31785 if(this.view.lockedBody){
rlm@46 31786 this.setHandleElId(Ext.id(this.view.mainBody.dom));
rlm@46 31787 this.setOuterHandleElId(Ext.id(this.view.lockedBody.dom));
rlm@46 31788 }
rlm@46 31789 this.scroll = false;
rlm@46 31790 this.grid = grid;
rlm@46 31791 this.ddel = document.createElement('div');
rlm@46 31792 this.ddel.className = 'x-grid-dd-wrap';
rlm@46 31793 };
rlm@46 31794
rlm@46 31795 Ext.extend(Ext.grid.GridDragZone, Ext.dd.DragZone, {
rlm@46 31796 ddGroup : "GridDD",
rlm@46 31797
rlm@46 31798 getDragData : function(e){
rlm@46 31799 var t = Ext.lib.Event.getTarget(e);
rlm@46 31800 var rowIndex = this.view.findRowIndex(t);
rlm@46 31801 if(rowIndex !== false){
rlm@46 31802 var sm = this.grid.selModel;
rlm@46 31803 if(!sm.isSelected(rowIndex) || e.hasModifier()){
rlm@46 31804 sm.handleMouseDown(this.grid, rowIndex, e);
rlm@46 31805 }
rlm@46 31806 return {grid: this.grid, ddel: this.ddel, rowIndex: rowIndex, selections:sm.getSelections()};
rlm@46 31807 }
rlm@46 31808 return false;
rlm@46 31809 },
rlm@46 31810
rlm@46 31811 onInitDrag : function(e){
rlm@46 31812 var data = this.dragData;
rlm@46 31813 this.ddel.innerHTML = this.grid.getDragDropText();
rlm@46 31814 this.proxy.update(this.ddel);
rlm@46 31815 },
rlm@46 31816
rlm@46 31817 afterRepair : function(){
rlm@46 31818 this.dragging = false;
rlm@46 31819 },
rlm@46 31820
rlm@46 31821 getRepairXY : function(e, data){
rlm@46 31822 return false;
rlm@46 31823 },
rlm@46 31824
rlm@46 31825 onEndDrag : function(data, e){
rlm@46 31826 },
rlm@46 31827
rlm@46 31828 onValidDrop : function(dd, e, id){
rlm@46 31829 this.hideProxy();
rlm@46 31830 },
rlm@46 31831
rlm@46 31832 beforeInvalidDrop : function(e, id){
rlm@46 31833
rlm@46 31834 }
rlm@46 31835 });
rlm@46 31836
rlm@46 31837
rlm@46 31838 Ext.grid.ColumnModel = function(config){
rlm@46 31839
rlm@46 31840 this.defaultWidth = 100;
rlm@46 31841
rlm@46 31842
rlm@46 31843 this.defaultSortable = false;
rlm@46 31844
rlm@46 31845
rlm@46 31846 if(config.columns){
rlm@46 31847 Ext.apply(this, config);
rlm@46 31848 this.setConfig(config.columns, true);
rlm@46 31849 }else{
rlm@46 31850 this.setConfig(config, true);
rlm@46 31851 }
rlm@46 31852 this.addEvents(
rlm@46 31853
rlm@46 31854 "widthchange",
rlm@46 31855
rlm@46 31856 "headerchange",
rlm@46 31857
rlm@46 31858 "hiddenchange",
rlm@46 31859
rlm@46 31860 "columnmoved",
rlm@46 31861 "columnlockchange",
rlm@46 31862
rlm@46 31863 "configchange"
rlm@46 31864 );
rlm@46 31865 Ext.grid.ColumnModel.superclass.constructor.call(this);
rlm@46 31866 };
rlm@46 31867 Ext.extend(Ext.grid.ColumnModel, Ext.util.Observable, {
rlm@46 31868
rlm@46 31869
rlm@46 31870
rlm@46 31871
rlm@46 31872
rlm@46 31873
rlm@46 31874
rlm@46 31875
rlm@46 31876
rlm@46 31877
rlm@46 31878
rlm@46 31879
rlm@46 31880
rlm@46 31881
rlm@46 31882
rlm@46 31883
rlm@46 31884
rlm@46 31885 getColumnId : function(index){
rlm@46 31886 return this.config[index].id;
rlm@46 31887 },
rlm@46 31888
rlm@46 31889
rlm@46 31890 setConfig : function(config, initial){
rlm@46 31891 if(!initial){ delete this.totalWidth;
rlm@46 31892 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 31893 var c = this.config[i];
rlm@46 31894 if(c.editor){
rlm@46 31895 c.editor.destroy();
rlm@46 31896 }
rlm@46 31897 }
rlm@46 31898 }
rlm@46 31899 this.config = config;
rlm@46 31900 this.lookup = {};
rlm@46 31901 for(var i = 0, len = config.length; i < len; i++){
rlm@46 31902 var c = config[i];
rlm@46 31903 if(typeof c.renderer == "string"){
rlm@46 31904 c.renderer = Ext.util.Format[c.renderer];
rlm@46 31905 }
rlm@46 31906 if(typeof c.id == "undefined"){
rlm@46 31907 c.id = i;
rlm@46 31908 }
rlm@46 31909 if(c.editor && c.editor.isFormField){
rlm@46 31910 c.editor = new Ext.grid.GridEditor(c.editor);
rlm@46 31911 }
rlm@46 31912 this.lookup[c.id] = c;
rlm@46 31913 }
rlm@46 31914 if(!initial){
rlm@46 31915 this.fireEvent('configchange', this);
rlm@46 31916 }
rlm@46 31917 },
rlm@46 31918
rlm@46 31919
rlm@46 31920 getColumnById : function(id){
rlm@46 31921 return this.lookup[id];
rlm@46 31922 },
rlm@46 31923
rlm@46 31924
rlm@46 31925 getIndexById : function(id){
rlm@46 31926 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 31927 if(this.config[i].id == id){
rlm@46 31928 return i;
rlm@46 31929 }
rlm@46 31930 }
rlm@46 31931 return -1;
rlm@46 31932 },
rlm@46 31933
rlm@46 31934 moveColumn : function(oldIndex, newIndex){
rlm@46 31935 var c = this.config[oldIndex];
rlm@46 31936 this.config.splice(oldIndex, 1);
rlm@46 31937 this.config.splice(newIndex, 0, c);
rlm@46 31938 this.dataMap = null;
rlm@46 31939 this.fireEvent("columnmoved", this, oldIndex, newIndex);
rlm@46 31940 },
rlm@46 31941
rlm@46 31942 isLocked : function(colIndex){
rlm@46 31943 return this.config[colIndex].locked === true;
rlm@46 31944 },
rlm@46 31945
rlm@46 31946 setLocked : function(colIndex, value, suppressEvent){
rlm@46 31947 if(this.isLocked(colIndex) == value){
rlm@46 31948 return;
rlm@46 31949 }
rlm@46 31950 this.config[colIndex].locked = value;
rlm@46 31951 if(!suppressEvent){
rlm@46 31952 this.fireEvent("columnlockchange", this, colIndex, value);
rlm@46 31953 }
rlm@46 31954 },
rlm@46 31955
rlm@46 31956 getTotalLockedWidth : function(){
rlm@46 31957 var totalWidth = 0;
rlm@46 31958 for(var i = 0; i < this.config.length; i++){
rlm@46 31959 if(this.isLocked(i) && !this.isHidden(i)){
rlm@46 31960 this.totalWidth += this.getColumnWidth(i);
rlm@46 31961 }
rlm@46 31962 }
rlm@46 31963 return totalWidth;
rlm@46 31964 },
rlm@46 31965
rlm@46 31966 getLockedCount : function(){
rlm@46 31967 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 31968 if(!this.isLocked(i)){
rlm@46 31969 return i;
rlm@46 31970 }
rlm@46 31971 }
rlm@46 31972 },
rlm@46 31973
rlm@46 31974
rlm@46 31975 getColumnCount : function(visibleOnly){
rlm@46 31976 if(visibleOnly === true){
rlm@46 31977 var c = 0;
rlm@46 31978 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 31979 if(!this.isHidden(i)){
rlm@46 31980 c++;
rlm@46 31981 }
rlm@46 31982 }
rlm@46 31983 return c;
rlm@46 31984 }
rlm@46 31985 return this.config.length;
rlm@46 31986 },
rlm@46 31987
rlm@46 31988
rlm@46 31989 getColumnsBy : function(fn, scope){
rlm@46 31990 var r = [];
rlm@46 31991 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 31992 var c = this.config[i];
rlm@46 31993 if(fn.call(scope||this, c, i) === true){
rlm@46 31994 r[r.length] = c;
rlm@46 31995 }
rlm@46 31996 }
rlm@46 31997 return r;
rlm@46 31998 },
rlm@46 31999
rlm@46 32000
rlm@46 32001 isSortable : function(col){
rlm@46 32002 if(typeof this.config[col].sortable == "undefined"){
rlm@46 32003 return this.defaultSortable;
rlm@46 32004 }
rlm@46 32005 return this.config[col].sortable;
rlm@46 32006 },
rlm@46 32007
rlm@46 32008
rlm@46 32009 isMenuDisabled : function(col){
rlm@46 32010 return !!this.config[col].menuDisabled;
rlm@46 32011 },
rlm@46 32012
rlm@46 32013
rlm@46 32014 getRenderer : function(col){
rlm@46 32015 if(!this.config[col].renderer){
rlm@46 32016 return Ext.grid.ColumnModel.defaultRenderer;
rlm@46 32017 }
rlm@46 32018 return this.config[col].renderer;
rlm@46 32019 },
rlm@46 32020
rlm@46 32021
rlm@46 32022 setRenderer : function(col, fn){
rlm@46 32023 this.config[col].renderer = fn;
rlm@46 32024 },
rlm@46 32025
rlm@46 32026
rlm@46 32027 getColumnWidth : function(col){
rlm@46 32028 return this.config[col].width || this.defaultWidth;
rlm@46 32029 },
rlm@46 32030
rlm@46 32031
rlm@46 32032 setColumnWidth : function(col, width, suppressEvent){
rlm@46 32033 this.config[col].width = width;
rlm@46 32034 this.totalWidth = null;
rlm@46 32035 if(!suppressEvent){
rlm@46 32036 this.fireEvent("widthchange", this, col, width);
rlm@46 32037 }
rlm@46 32038 },
rlm@46 32039
rlm@46 32040
rlm@46 32041 getTotalWidth : function(includeHidden){
rlm@46 32042 if(!this.totalWidth){
rlm@46 32043 this.totalWidth = 0;
rlm@46 32044 for(var i = 0, len = this.config.length; i < len; i++){
rlm@46 32045 if(includeHidden || !this.isHidden(i)){
rlm@46 32046 this.totalWidth += this.getColumnWidth(i);
rlm@46 32047 }
rlm@46 32048 }
rlm@46 32049 }
rlm@46 32050 return this.totalWidth;
rlm@46 32051 },
rlm@46 32052
rlm@46 32053
rlm@46 32054 getColumnHeader : function(col){
rlm@46 32055 return this.config[col].header;
rlm@46 32056 },
rlm@46 32057
rlm@46 32058
rlm@46 32059 setColumnHeader : function(col, header){
rlm@46 32060 this.config[col].header = header;
rlm@46 32061 this.fireEvent("headerchange", this, col, header);
rlm@46 32062 },
rlm@46 32063
rlm@46 32064
rlm@46 32065 getColumnTooltip : function(col){
rlm@46 32066 return this.config[col].tooltip;
rlm@46 32067 },
rlm@46 32068
rlm@46 32069 setColumnTooltip : function(col, tooltip){
rlm@46 32070 this.config[col].tooltip = tooltip;
rlm@46 32071 },
rlm@46 32072
rlm@46 32073
rlm@46 32074 getDataIndex : function(col){
rlm@46 32075 return this.config[col].dataIndex;
rlm@46 32076 },
rlm@46 32077
rlm@46 32078
rlm@46 32079 setDataIndex : function(col, dataIndex){
rlm@46 32080 this.config[col].dataIndex = dataIndex;
rlm@46 32081 },
rlm@46 32082
rlm@46 32083
rlm@46 32084 findColumnIndex : function(dataIndex){
rlm@46 32085 var c = this.config;
rlm@46 32086 for(var i = 0, len = c.length; i < len; i++){
rlm@46 32087 if(c[i].dataIndex == dataIndex){
rlm@46 32088 return i;
rlm@46 32089 }
rlm@46 32090 }
rlm@46 32091 return -1;
rlm@46 32092 },
rlm@46 32093
rlm@46 32094
rlm@46 32095 isCellEditable : function(colIndex, rowIndex){
rlm@46 32096 return (this.config[colIndex].editable || (typeof this.config[colIndex].editable == "undefined" && this.config[colIndex].editor)) ? true : false;
rlm@46 32097 },
rlm@46 32098
rlm@46 32099
rlm@46 32100 getCellEditor : function(colIndex, rowIndex){
rlm@46 32101 return this.config[colIndex].editor;
rlm@46 32102 },
rlm@46 32103
rlm@46 32104
rlm@46 32105 setEditable : function(col, editable){
rlm@46 32106 this.config[col].editable = editable;
rlm@46 32107 },
rlm@46 32108
rlm@46 32109
rlm@46 32110
rlm@46 32111 isHidden : function(colIndex){
rlm@46 32112 return this.config[colIndex].hidden;
rlm@46 32113 },
rlm@46 32114
rlm@46 32115
rlm@46 32116
rlm@46 32117 isFixed : function(colIndex){
rlm@46 32118 return this.config[colIndex].fixed;
rlm@46 32119 },
rlm@46 32120
rlm@46 32121
rlm@46 32122 isResizable : function(colIndex){
rlm@46 32123 return colIndex >= 0 && this.config[colIndex].resizable !== false && this.config[colIndex].fixed !== true;
rlm@46 32124 },
rlm@46 32125
rlm@46 32126 setHidden : function(colIndex, hidden){
rlm@46 32127 var c = this.config[colIndex];
rlm@46 32128 if(c.hidden !== hidden){
rlm@46 32129 c.hidden = hidden;
rlm@46 32130 this.totalWidth = null;
rlm@46 32131 this.fireEvent("hiddenchange", this, colIndex, hidden);
rlm@46 32132 }
rlm@46 32133 },
rlm@46 32134
rlm@46 32135
rlm@46 32136 setEditor : function(col, editor){
rlm@46 32137 this.config[col].editor = editor;
rlm@46 32138 }
rlm@46 32139 });
rlm@46 32140
rlm@46 32141 Ext.grid.ColumnModel.defaultRenderer = function(value){
rlm@46 32142 if(typeof value == "string" && value.length < 1){
rlm@46 32143 return "&#160;";
rlm@46 32144 }
rlm@46 32145 return value;
rlm@46 32146 };
rlm@46 32147
rlm@46 32148 Ext.grid.DefaultColumnModel = Ext.grid.ColumnModel;
rlm@46 32149
rlm@46 32150
rlm@46 32151 Ext.grid.AbstractSelectionModel = function(){
rlm@46 32152 this.locked = false;
rlm@46 32153 Ext.grid.AbstractSelectionModel.superclass.constructor.call(this);
rlm@46 32154 };
rlm@46 32155
rlm@46 32156 Ext.extend(Ext.grid.AbstractSelectionModel, Ext.util.Observable, {
rlm@46 32157
rlm@46 32158 init : function(grid){
rlm@46 32159 this.grid = grid;
rlm@46 32160 this.initEvents();
rlm@46 32161 },
rlm@46 32162
rlm@46 32163
rlm@46 32164 lock : function(){
rlm@46 32165 this.locked = true;
rlm@46 32166 },
rlm@46 32167
rlm@46 32168
rlm@46 32169 unlock : function(){
rlm@46 32170 this.locked = false;
rlm@46 32171 },
rlm@46 32172
rlm@46 32173
rlm@46 32174 isLocked : function(){
rlm@46 32175 return this.locked;
rlm@46 32176 }
rlm@46 32177 });
rlm@46 32178
rlm@46 32179 Ext.grid.RowSelectionModel = function(config){
rlm@46 32180 Ext.apply(this, config);
rlm@46 32181 this.selections = new Ext.util.MixedCollection(false, function(o){
rlm@46 32182 return o.id;
rlm@46 32183 });
rlm@46 32184
rlm@46 32185 this.last = false;
rlm@46 32186 this.lastActive = false;
rlm@46 32187
rlm@46 32188 this.addEvents(
rlm@46 32189
rlm@46 32190 "selectionchange",
rlm@46 32191
rlm@46 32192 "beforerowselect",
rlm@46 32193
rlm@46 32194 "rowselect",
rlm@46 32195
rlm@46 32196 "rowdeselect"
rlm@46 32197 );
rlm@46 32198
rlm@46 32199 Ext.grid.RowSelectionModel.superclass.constructor.call(this);
rlm@46 32200 };
rlm@46 32201
rlm@46 32202 Ext.extend(Ext.grid.RowSelectionModel, Ext.grid.AbstractSelectionModel, {
rlm@46 32203
rlm@46 32204 singleSelect : false,
rlm@46 32205
rlm@46 32206
rlm@46 32207 initEvents : function(){
rlm@46 32208
rlm@46 32209 if(!this.grid.enableDragDrop && !this.grid.enableDrag){
rlm@46 32210 this.grid.on("rowmousedown", this.handleMouseDown, this);
rlm@46 32211 }else{ this.grid.on("rowclick", function(grid, rowIndex, e) {
rlm@46 32212 if(e.button === 0 && !e.shiftKey && !e.ctrlKey) {
rlm@46 32213 this.selectRow(rowIndex, false);
rlm@46 32214 grid.view.focusRow(rowIndex);
rlm@46 32215 }
rlm@46 32216 }, this);
rlm@46 32217 }
rlm@46 32218
rlm@46 32219 this.rowNav = new Ext.KeyNav(this.grid.getGridEl(), {
rlm@46 32220 "up" : function(e){
rlm@46 32221 if(!e.shiftKey){
rlm@46 32222 this.selectPrevious(e.shiftKey);
rlm@46 32223 }else if(this.last !== false && this.lastActive !== false){
rlm@46 32224 var last = this.last;
rlm@46 32225 this.selectRange(this.last, this.lastActive-1);
rlm@46 32226 this.grid.getView().focusRow(this.lastActive);
rlm@46 32227 if(last !== false){
rlm@46 32228 this.last = last;
rlm@46 32229 }
rlm@46 32230 }else{
rlm@46 32231 this.selectFirstRow();
rlm@46 32232 }
rlm@46 32233 },
rlm@46 32234 "down" : function(e){
rlm@46 32235 if(!e.shiftKey){
rlm@46 32236 this.selectNext(e.shiftKey);
rlm@46 32237 }else if(this.last !== false && this.lastActive !== false){
rlm@46 32238 var last = this.last;
rlm@46 32239 this.selectRange(this.last, this.lastActive+1);
rlm@46 32240 this.grid.getView().focusRow(this.lastActive);
rlm@46 32241 if(last !== false){
rlm@46 32242 this.last = last;
rlm@46 32243 }
rlm@46 32244 }else{
rlm@46 32245 this.selectFirstRow();
rlm@46 32246 }
rlm@46 32247 },
rlm@46 32248 scope: this
rlm@46 32249 });
rlm@46 32250
rlm@46 32251 var view = this.grid.view;
rlm@46 32252 view.on("refresh", this.onRefresh, this);
rlm@46 32253 view.on("rowupdated", this.onRowUpdated, this);
rlm@46 32254 view.on("rowremoved", this.onRemove, this);
rlm@46 32255 },
rlm@46 32256
rlm@46 32257 onRefresh : function(){
rlm@46 32258 var ds = this.grid.store, index;
rlm@46 32259 var s = this.getSelections();
rlm@46 32260 this.clearSelections(true);
rlm@46 32261 for(var i = 0, len = s.length; i < len; i++){
rlm@46 32262 var r = s[i];
rlm@46 32263 if((index = ds.indexOfId(r.id)) != -1){
rlm@46 32264 this.selectRow(index, true);
rlm@46 32265 }
rlm@46 32266 }
rlm@46 32267 if(s.length != this.selections.getCount()){
rlm@46 32268 this.fireEvent("selectionchange", this);
rlm@46 32269 }
rlm@46 32270 },
rlm@46 32271
rlm@46 32272 onRemove : function(v, index, r){
rlm@46 32273 if(this.selections.remove(r) !== false){
rlm@46 32274 this.fireEvent('selectionchange', this);
rlm@46 32275 }
rlm@46 32276 },
rlm@46 32277
rlm@46 32278 onRowUpdated : function(v, index, r){
rlm@46 32279 if(this.isSelected(r)){
rlm@46 32280 v.onRowSelect(index);
rlm@46 32281 }
rlm@46 32282 },
rlm@46 32283
rlm@46 32284
rlm@46 32285 selectRecords : function(records, keepExisting){
rlm@46 32286 if(!keepExisting){
rlm@46 32287 this.clearSelections();
rlm@46 32288 }
rlm@46 32289 var ds = this.grid.store;
rlm@46 32290 for(var i = 0, len = records.length; i < len; i++){
rlm@46 32291 this.selectRow(ds.indexOf(records[i]), true);
rlm@46 32292 }
rlm@46 32293 },
rlm@46 32294
rlm@46 32295
rlm@46 32296 getCount : function(){
rlm@46 32297 return this.selections.length;
rlm@46 32298 },
rlm@46 32299
rlm@46 32300
rlm@46 32301 selectFirstRow : function(){
rlm@46 32302 this.selectRow(0);
rlm@46 32303 },
rlm@46 32304
rlm@46 32305
rlm@46 32306 selectLastRow : function(keepExisting){
rlm@46 32307 this.selectRow(this.grid.store.getCount() - 1, keepExisting);
rlm@46 32308 },
rlm@46 32309
rlm@46 32310
rlm@46 32311 selectNext : function(keepExisting){
rlm@46 32312 if(this.hasNext()){
rlm@46 32313 this.selectRow(this.last+1, keepExisting);
rlm@46 32314 this.grid.getView().focusRow(this.last);
rlm@46 32315 return true;
rlm@46 32316 }
rlm@46 32317 return false;
rlm@46 32318 },
rlm@46 32319
rlm@46 32320
rlm@46 32321 selectPrevious : function(keepExisting){
rlm@46 32322 if(this.hasPrevious()){
rlm@46 32323 this.selectRow(this.last-1, keepExisting);
rlm@46 32324 this.grid.getView().focusRow(this.last);
rlm@46 32325 return true;
rlm@46 32326 }
rlm@46 32327 return false;
rlm@46 32328 },
rlm@46 32329
rlm@46 32330
rlm@46 32331 hasNext : function(){
rlm@46 32332 return this.last !== false && (this.last+1) < this.grid.store.getCount();
rlm@46 32333 },
rlm@46 32334
rlm@46 32335
rlm@46 32336 hasPrevious : function(){
rlm@46 32337 return !!this.last;
rlm@46 32338 },
rlm@46 32339
rlm@46 32340
rlm@46 32341
rlm@46 32342 getSelections : function(){
rlm@46 32343 return [].concat(this.selections.items);
rlm@46 32344 },
rlm@46 32345
rlm@46 32346
rlm@46 32347 getSelected : function(){
rlm@46 32348 return this.selections.itemAt(0);
rlm@46 32349 },
rlm@46 32350
rlm@46 32351
rlm@46 32352 each : function(fn, scope){
rlm@46 32353 var s = this.getSelections();
rlm@46 32354 for(var i = 0, len = s.length; i < len; i++){
rlm@46 32355 if(fn.call(scope || this, s[i], i) === false){
rlm@46 32356 return false;
rlm@46 32357 }
rlm@46 32358 }
rlm@46 32359 return true;
rlm@46 32360 },
rlm@46 32361
rlm@46 32362
rlm@46 32363 clearSelections : function(fast){
rlm@46 32364 if(this.locked) return;
rlm@46 32365 if(fast !== true){
rlm@46 32366 var ds = this.grid.store;
rlm@46 32367 var s = this.selections;
rlm@46 32368 s.each(function(r){
rlm@46 32369 this.deselectRow(ds.indexOfId(r.id));
rlm@46 32370 }, this);
rlm@46 32371 s.clear();
rlm@46 32372 }else{
rlm@46 32373 this.selections.clear();
rlm@46 32374 }
rlm@46 32375 this.last = false;
rlm@46 32376 },
rlm@46 32377
rlm@46 32378
rlm@46 32379
rlm@46 32380 selectAll : function(){
rlm@46 32381 if(this.locked) return;
rlm@46 32382 this.selections.clear();
rlm@46 32383 for(var i = 0, len = this.grid.store.getCount(); i < len; i++){
rlm@46 32384 this.selectRow(i, true);
rlm@46 32385 }
rlm@46 32386 },
rlm@46 32387
rlm@46 32388
rlm@46 32389 hasSelection : function(){
rlm@46 32390 return this.selections.length > 0;
rlm@46 32391 },
rlm@46 32392
rlm@46 32393
rlm@46 32394 isSelected : function(index){
rlm@46 32395 var r = typeof index == "number" ? this.grid.store.getAt(index) : index;
rlm@46 32396 return (r && this.selections.key(r.id) ? true : false);
rlm@46 32397 },
rlm@46 32398
rlm@46 32399
rlm@46 32400 isIdSelected : function(id){
rlm@46 32401 return (this.selections.key(id) ? true : false);
rlm@46 32402 },
rlm@46 32403
rlm@46 32404 handleMouseDown : function(g, rowIndex, e){
rlm@46 32405 if(e.button !== 0 || this.isLocked()){
rlm@46 32406 return;
rlm@46 32407 };
rlm@46 32408 var view = this.grid.getView();
rlm@46 32409 if(e.shiftKey && this.last !== false){
rlm@46 32410 var last = this.last;
rlm@46 32411 this.selectRange(last, rowIndex, e.ctrlKey);
rlm@46 32412 this.last = last; view.focusRow(rowIndex);
rlm@46 32413 }else{
rlm@46 32414 var isSelected = this.isSelected(rowIndex);
rlm@46 32415 if(e.ctrlKey && isSelected){
rlm@46 32416 this.deselectRow(rowIndex);
rlm@46 32417 }else if(!isSelected || this.getCount() > 1){
rlm@46 32418 this.selectRow(rowIndex, e.ctrlKey || e.shiftKey);
rlm@46 32419 view.focusRow(rowIndex);
rlm@46 32420 }
rlm@46 32421 }
rlm@46 32422 },
rlm@46 32423
rlm@46 32424
rlm@46 32425 selectRows : function(rows, keepExisting){
rlm@46 32426 if(!keepExisting){
rlm@46 32427 this.clearSelections();
rlm@46 32428 }
rlm@46 32429 for(var i = 0, len = rows.length; i < len; i++){
rlm@46 32430 this.selectRow(rows[i], true);
rlm@46 32431 }
rlm@46 32432 },
rlm@46 32433
rlm@46 32434
rlm@46 32435 selectRange : function(startRow, endRow, keepExisting){
rlm@46 32436 if(this.locked) return;
rlm@46 32437 if(!keepExisting){
rlm@46 32438 this.clearSelections();
rlm@46 32439 }
rlm@46 32440 if(startRow <= endRow){
rlm@46 32441 for(var i = startRow; i <= endRow; i++){
rlm@46 32442 this.selectRow(i, true);
rlm@46 32443 }
rlm@46 32444 }else{
rlm@46 32445 for(var i = startRow; i >= endRow; i--){
rlm@46 32446 this.selectRow(i, true);
rlm@46 32447 }
rlm@46 32448 }
rlm@46 32449 },
rlm@46 32450
rlm@46 32451
rlm@46 32452 deselectRange : function(startRow, endRow, preventViewNotify){
rlm@46 32453 if(this.locked) return;
rlm@46 32454 for(var i = startRow; i <= endRow; i++){
rlm@46 32455 this.deselectRow(i, preventViewNotify);
rlm@46 32456 }
rlm@46 32457 },
rlm@46 32458
rlm@46 32459
rlm@46 32460 selectRow : function(index, keepExisting, preventViewNotify){
rlm@46 32461 if(this.locked || (index < 0 || index >= this.grid.store.getCount())) return;
rlm@46 32462 var r = this.grid.store.getAt(index);
rlm@46 32463 if(r && this.fireEvent("beforerowselect", this, index, keepExisting, r) !== false){
rlm@46 32464 if(!keepExisting || this.singleSelect){
rlm@46 32465 this.clearSelections();
rlm@46 32466 }
rlm@46 32467 this.selections.add(r);
rlm@46 32468 this.last = this.lastActive = index;
rlm@46 32469 if(!preventViewNotify){
rlm@46 32470 this.grid.getView().onRowSelect(index);
rlm@46 32471 }
rlm@46 32472 this.fireEvent("rowselect", this, index, r);
rlm@46 32473 this.fireEvent("selectionchange", this);
rlm@46 32474 }
rlm@46 32475 },
rlm@46 32476
rlm@46 32477
rlm@46 32478 deselectRow : function(index, preventViewNotify){
rlm@46 32479 if(this.locked) return;
rlm@46 32480 if(this.last == index){
rlm@46 32481 this.last = false;
rlm@46 32482 }
rlm@46 32483 if(this.lastActive == index){
rlm@46 32484 this.lastActive = false;
rlm@46 32485 }
rlm@46 32486 var r = this.grid.store.getAt(index);
rlm@46 32487 if(r){
rlm@46 32488 this.selections.remove(r);
rlm@46 32489 if(!preventViewNotify){
rlm@46 32490 this.grid.getView().onRowDeselect(index);
rlm@46 32491 }
rlm@46 32492 this.fireEvent("rowdeselect", this, index, r);
rlm@46 32493 this.fireEvent("selectionchange", this);
rlm@46 32494 }
rlm@46 32495 },
rlm@46 32496
rlm@46 32497 restoreLast : function(){
rlm@46 32498 if(this._last){
rlm@46 32499 this.last = this._last;
rlm@46 32500 }
rlm@46 32501 },
rlm@46 32502
rlm@46 32503 acceptsNav : function(row, col, cm){
rlm@46 32504 return !cm.isHidden(col) && cm.isCellEditable(col, row);
rlm@46 32505 },
rlm@46 32506
rlm@46 32507 onEditorKey : function(field, e){
rlm@46 32508 var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
rlm@46 32509 var shift = e.shiftKey;
rlm@46 32510 if(k == e.TAB){
rlm@46 32511 e.stopEvent();
rlm@46 32512 ed.completeEdit();
rlm@46 32513 if(shift){
rlm@46 32514 newCell = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
rlm@46 32515 }else{
rlm@46 32516 newCell = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
rlm@46 32517 }
rlm@46 32518 }else if(k == e.ENTER){
rlm@46 32519 e.stopEvent();
rlm@46 32520 ed.completeEdit();
rlm@46 32521 if(this.moveEditorOnEnter !== false){
rlm@46 32522 if(shift){
rlm@46 32523 newCell = g.walkCells(ed.row - 1, ed.col, -1, this.acceptsNav, this);
rlm@46 32524 }else{
rlm@46 32525 newCell = g.walkCells(ed.row + 1, ed.col, 1, this.acceptsNav, this);
rlm@46 32526 }
rlm@46 32527 }
rlm@46 32528 }else if(k == e.ESC){
rlm@46 32529 ed.cancelEdit();
rlm@46 32530 }
rlm@46 32531 if(newCell){
rlm@46 32532 g.startEditing(newCell[0], newCell[1]);
rlm@46 32533 }
rlm@46 32534 }
rlm@46 32535 });
rlm@46 32536
rlm@46 32537 Ext.grid.CellSelectionModel = function(config){
rlm@46 32538 Ext.apply(this, config);
rlm@46 32539
rlm@46 32540 this.selection = null;
rlm@46 32541
rlm@46 32542 this.addEvents(
rlm@46 32543
rlm@46 32544 "beforecellselect",
rlm@46 32545
rlm@46 32546 "cellselect",
rlm@46 32547
rlm@46 32548 "selectionchange"
rlm@46 32549 );
rlm@46 32550
rlm@46 32551 Ext.grid.CellSelectionModel.superclass.constructor.call(this);
rlm@46 32552 };
rlm@46 32553
rlm@46 32554 Ext.extend(Ext.grid.CellSelectionModel, Ext.grid.AbstractSelectionModel, {
rlm@46 32555
rlm@46 32556
rlm@46 32557 initEvents : function(){
rlm@46 32558 this.grid.on("cellmousedown", this.handleMouseDown, this);
rlm@46 32559 this.grid.getGridEl().on(Ext.isIE || Ext.isSafari3 ? "keydown" : "keypress", this.handleKeyDown, this);
rlm@46 32560 var view = this.grid.view;
rlm@46 32561 view.on("refresh", this.onViewChange, this);
rlm@46 32562 view.on("rowupdated", this.onRowUpdated, this);
rlm@46 32563 view.on("beforerowremoved", this.clearSelections, this);
rlm@46 32564 view.on("beforerowsinserted", this.clearSelections, this);
rlm@46 32565 if(this.grid.isEditor){
rlm@46 32566 this.grid.on("beforeedit", this.beforeEdit, this);
rlm@46 32567 }
rlm@46 32568 },
rlm@46 32569
rlm@46 32570 beforeEdit : function(e){
rlm@46 32571 this.select(e.row, e.column, false, true, e.record);
rlm@46 32572 },
rlm@46 32573
rlm@46 32574 onRowUpdated : function(v, index, r){
rlm@46 32575 if(this.selection && this.selection.record == r){
rlm@46 32576 v.onCellSelect(index, this.selection.cell[1]);
rlm@46 32577 }
rlm@46 32578 },
rlm@46 32579
rlm@46 32580 onViewChange : function(){
rlm@46 32581 this.clearSelections(true);
rlm@46 32582 },
rlm@46 32583
rlm@46 32584
rlm@46 32585 getSelectedCell : function(){
rlm@46 32586 return this.selection ? this.selection.cell : null;
rlm@46 32587 },
rlm@46 32588
rlm@46 32589
rlm@46 32590 clearSelections : function(preventNotify){
rlm@46 32591 var s = this.selection;
rlm@46 32592 if(s){
rlm@46 32593 if(preventNotify !== true){
rlm@46 32594 this.grid.view.onCellDeselect(s.cell[0], s.cell[1]);
rlm@46 32595 }
rlm@46 32596 this.selection = null;
rlm@46 32597 this.fireEvent("selectionchange", this, null);
rlm@46 32598 }
rlm@46 32599 },
rlm@46 32600
rlm@46 32601
rlm@46 32602 hasSelection : function(){
rlm@46 32603 return this.selection ? true : false;
rlm@46 32604 },
rlm@46 32605
rlm@46 32606
rlm@46 32607 handleMouseDown : function(g, row, cell, e){
rlm@46 32608 if(e.button !== 0 || this.isLocked()){
rlm@46 32609 return;
rlm@46 32610 };
rlm@46 32611 this.select(row, cell);
rlm@46 32612 },
rlm@46 32613
rlm@46 32614
rlm@46 32615 select : function(rowIndex, colIndex, preventViewNotify, preventFocus, r){
rlm@46 32616 if(this.fireEvent("beforecellselect", this, rowIndex, colIndex) !== false){
rlm@46 32617 this.clearSelections();
rlm@46 32618 r = r || this.grid.store.getAt(rowIndex);
rlm@46 32619 this.selection = {
rlm@46 32620 record : r,
rlm@46 32621 cell : [rowIndex, colIndex]
rlm@46 32622 };
rlm@46 32623 if(!preventViewNotify){
rlm@46 32624 var v = this.grid.getView();
rlm@46 32625 v.onCellSelect(rowIndex, colIndex);
rlm@46 32626 if(preventFocus !== true){
rlm@46 32627 v.focusCell(rowIndex, colIndex);
rlm@46 32628 }
rlm@46 32629 }
rlm@46 32630 this.fireEvent("cellselect", this, rowIndex, colIndex);
rlm@46 32631 this.fireEvent("selectionchange", this, this.selection);
rlm@46 32632 }
rlm@46 32633 },
rlm@46 32634
rlm@46 32635 isSelectable : function(rowIndex, colIndex, cm){
rlm@46 32636 return !cm.isHidden(colIndex);
rlm@46 32637 },
rlm@46 32638
rlm@46 32639
rlm@46 32640 handleKeyDown : function(e){
rlm@46 32641 if(!e.isNavKeyPress()){
rlm@46 32642 return;
rlm@46 32643 }
rlm@46 32644 var g = this.grid, s = this.selection;
rlm@46 32645 if(!s){
rlm@46 32646 e.stopEvent();
rlm@46 32647 var cell = g.walkCells(0, 0, 1, this.isSelectable, this);
rlm@46 32648 if(cell){
rlm@46 32649 this.select(cell[0], cell[1]);
rlm@46 32650 }
rlm@46 32651 return;
rlm@46 32652 }
rlm@46 32653 var sm = this;
rlm@46 32654 var walk = function(row, col, step){
rlm@46 32655 return g.walkCells(row, col, step, sm.isSelectable, sm);
rlm@46 32656 };
rlm@46 32657 var k = e.getKey(), r = s.cell[0], c = s.cell[1];
rlm@46 32658 var newCell;
rlm@46 32659
rlm@46 32660 switch(k){
rlm@46 32661 case e.TAB:
rlm@46 32662 if(e.shiftKey){
rlm@46 32663 newCell = walk(r, c-1, -1);
rlm@46 32664 }else{
rlm@46 32665 newCell = walk(r, c+1, 1);
rlm@46 32666 }
rlm@46 32667 break;
rlm@46 32668 case e.DOWN:
rlm@46 32669 newCell = walk(r+1, c, 1);
rlm@46 32670 break;
rlm@46 32671 case e.UP:
rlm@46 32672 newCell = walk(r-1, c, -1);
rlm@46 32673 break;
rlm@46 32674 case e.RIGHT:
rlm@46 32675 newCell = walk(r, c+1, 1);
rlm@46 32676 break;
rlm@46 32677 case e.LEFT:
rlm@46 32678 newCell = walk(r, c-1, -1);
rlm@46 32679 break;
rlm@46 32680 case e.ENTER:
rlm@46 32681 if(g.isEditor && !g.editing){
rlm@46 32682 g.startEditing(r, c);
rlm@46 32683 e.stopEvent();
rlm@46 32684 return;
rlm@46 32685 }
rlm@46 32686 break;
rlm@46 32687 };
rlm@46 32688 if(newCell){
rlm@46 32689 this.select(newCell[0], newCell[1]);
rlm@46 32690 e.stopEvent();
rlm@46 32691 }
rlm@46 32692 },
rlm@46 32693
rlm@46 32694 acceptsNav : function(row, col, cm){
rlm@46 32695 return !cm.isHidden(col) && cm.isCellEditable(col, row);
rlm@46 32696 },
rlm@46 32697
rlm@46 32698 onEditorKey : function(field, e){
rlm@46 32699 var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
rlm@46 32700 if(k == e.TAB){
rlm@46 32701 if(e.shiftKey){
rlm@46 32702 newCell = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
rlm@46 32703 }else{
rlm@46 32704 newCell = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
rlm@46 32705 }
rlm@46 32706 e.stopEvent();
rlm@46 32707 }else if(k == e.ENTER){
rlm@46 32708 ed.completeEdit();
rlm@46 32709 e.stopEvent();
rlm@46 32710 }else if(k == e.ESC){
rlm@46 32711 e.stopEvent();
rlm@46 32712 ed.cancelEdit();
rlm@46 32713 }
rlm@46 32714 if(newCell){
rlm@46 32715 g.startEditing(newCell[0], newCell[1]);
rlm@46 32716 }
rlm@46 32717 }
rlm@46 32718 });
rlm@46 32719
rlm@46 32720 Ext.grid.EditorGridPanel = Ext.extend(Ext.grid.GridPanel, {
rlm@46 32721
rlm@46 32722 clicksToEdit: 2,
rlm@46 32723
rlm@46 32724 isEditor : true,
rlm@46 32725 detectEdit: false,
rlm@46 32726
rlm@46 32727
rlm@46 32728 autoEncode : false,
rlm@46 32729
rlm@46 32730
rlm@46 32731 trackMouseOver: false,
rlm@46 32732 initComponent : function(){
rlm@46 32733 Ext.grid.EditorGridPanel.superclass.initComponent.call(this);
rlm@46 32734
rlm@46 32735 if(!this.selModel){
rlm@46 32736
rlm@46 32737 this.selModel = new Ext.grid.CellSelectionModel();
rlm@46 32738 }
rlm@46 32739
rlm@46 32740 this.activeEditor = null;
rlm@46 32741
rlm@46 32742 this.addEvents(
rlm@46 32743
rlm@46 32744 "beforeedit",
rlm@46 32745
rlm@46 32746 "afteredit",
rlm@46 32747
rlm@46 32748 "validateedit"
rlm@46 32749 );
rlm@46 32750 },
rlm@46 32751
rlm@46 32752 initEvents : function(){
rlm@46 32753 Ext.grid.EditorGridPanel.superclass.initEvents.call(this);
rlm@46 32754
rlm@46 32755 this.on("bodyscroll", this.stopEditing, this, [true]);
rlm@46 32756
rlm@46 32757 if(this.clicksToEdit == 1){
rlm@46 32758 this.on("cellclick", this.onCellDblClick, this);
rlm@46 32759 }else {
rlm@46 32760 if(this.clicksToEdit == 'auto' && this.view.mainBody){
rlm@46 32761 this.view.mainBody.on("mousedown", this.onAutoEditClick, this);
rlm@46 32762 }
rlm@46 32763 this.on("celldblclick", this.onCellDblClick, this);
rlm@46 32764 }
rlm@46 32765 this.getGridEl().addClass("xedit-grid");
rlm@46 32766 },
rlm@46 32767
rlm@46 32768 onCellDblClick : function(g, row, col){
rlm@46 32769 this.startEditing(row, col);
rlm@46 32770 },
rlm@46 32771
rlm@46 32772 onAutoEditClick : function(e, t){
rlm@46 32773 if(e.button !== 0){
rlm@46 32774 return;
rlm@46 32775 }
rlm@46 32776 var row = this.view.findRowIndex(t);
rlm@46 32777 var col = this.view.findCellIndex(t);
rlm@46 32778 if(row !== false && col !== false){
rlm@46 32779 this.stopEditing();
rlm@46 32780 if(this.selModel.getSelectedCell){ var sc = this.selModel.getSelectedCell();
rlm@46 32781 if(sc && sc.cell[0] === row && sc.cell[1] === col){
rlm@46 32782 this.startEditing(row, col);
rlm@46 32783 }
rlm@46 32784 }else{
rlm@46 32785 if(this.selModel.isSelected(row)){
rlm@46 32786 this.startEditing(row, col);
rlm@46 32787 }
rlm@46 32788 }
rlm@46 32789 }
rlm@46 32790 },
rlm@46 32791
rlm@46 32792 onEditComplete : function(ed, value, startValue){
rlm@46 32793 this.editing = false;
rlm@46 32794 this.activeEditor = null;
rlm@46 32795 ed.un("specialkey", this.selModel.onEditorKey, this.selModel);
rlm@46 32796 var r = ed.record;
rlm@46 32797 var field = this.colModel.getDataIndex(ed.col);
rlm@46 32798 value = this.postEditValue(value, startValue, r, field);
rlm@46 32799 if(String(value) !== String(startValue)){
rlm@46 32800 var e = {
rlm@46 32801 grid: this,
rlm@46 32802 record: r,
rlm@46 32803 field: field,
rlm@46 32804 originalValue: startValue,
rlm@46 32805 value: value,
rlm@46 32806 row: ed.row,
rlm@46 32807 column: ed.col,
rlm@46 32808 cancel:false
rlm@46 32809 };
rlm@46 32810 if(this.fireEvent("validateedit", e) !== false && !e.cancel){
rlm@46 32811 r.set(field, e.value);
rlm@46 32812 delete e.cancel;
rlm@46 32813 this.fireEvent("afteredit", e);
rlm@46 32814 }
rlm@46 32815 }
rlm@46 32816 this.view.focusCell(ed.row, ed.col);
rlm@46 32817 },
rlm@46 32818
rlm@46 32819
rlm@46 32820 startEditing : function(row, col){
rlm@46 32821 this.stopEditing();
rlm@46 32822 if(this.colModel.isCellEditable(col, row)){
rlm@46 32823 this.view.ensureVisible(row, col, true);
rlm@46 32824 var r = this.store.getAt(row);
rlm@46 32825 var field = this.colModel.getDataIndex(col);
rlm@46 32826 var e = {
rlm@46 32827 grid: this,
rlm@46 32828 record: r,
rlm@46 32829 field: field,
rlm@46 32830 value: r.data[field],
rlm@46 32831 row: row,
rlm@46 32832 column: col,
rlm@46 32833 cancel:false
rlm@46 32834 };
rlm@46 32835 if(this.fireEvent("beforeedit", e) !== false && !e.cancel){
rlm@46 32836 this.editing = true;
rlm@46 32837 var ed = this.colModel.getCellEditor(col, row);
rlm@46 32838 if(!ed.rendered){
rlm@46 32839 ed.render(this.view.getEditorParent(ed));
rlm@46 32840 }
rlm@46 32841 (function(){ ed.row = row;
rlm@46 32842 ed.col = col;
rlm@46 32843 ed.record = r;
rlm@46 32844 ed.on("complete", this.onEditComplete, this, {single: true});
rlm@46 32845 ed.on("specialkey", this.selModel.onEditorKey, this.selModel);
rlm@46 32846 this.activeEditor = ed;
rlm@46 32847 var v = this.preEditValue(r, field);
rlm@46 32848 ed.startEdit(this.view.getCell(row, col), v);
rlm@46 32849 }).defer(50, this);
rlm@46 32850 }
rlm@46 32851 }
rlm@46 32852 },
rlm@46 32853
rlm@46 32854 preEditValue : function(r, field){
rlm@46 32855 return this.autoEncode && typeof value == 'string' ? Ext.util.Format.htmlDecode(r.data[field]) : r.data[field];
rlm@46 32856 },
rlm@46 32857
rlm@46 32858 postEditValue : function(value, originalValue, r, field){
rlm@46 32859 return this.autoEncode && typeof value == 'string' ? Ext.util.Format.htmlEncode(value) : value;
rlm@46 32860 },
rlm@46 32861
rlm@46 32862
rlm@46 32863 stopEditing : function(cancel){
rlm@46 32864 if(this.activeEditor){
rlm@46 32865 this.activeEditor[cancel === true ? 'cancelEdit' : 'completeEdit']();
rlm@46 32866 }
rlm@46 32867 this.activeEditor = null;
rlm@46 32868 }
rlm@46 32869 });
rlm@46 32870 Ext.reg('editorgrid', Ext.grid.EditorGridPanel);
rlm@46 32871 Ext.grid.GridEditor = function(field, config){
rlm@46 32872 Ext.grid.GridEditor.superclass.constructor.call(this, field, config);
rlm@46 32873 field.monitorTab = false;
rlm@46 32874 };
rlm@46 32875
rlm@46 32876 Ext.extend(Ext.grid.GridEditor, Ext.Editor, {
rlm@46 32877 alignment: "tl-tl",
rlm@46 32878 autoSize: "width",
rlm@46 32879 hideEl : false,
rlm@46 32880 cls: "x-small-editor x-grid-editor",
rlm@46 32881 shim:false,
rlm@46 32882 shadow:false
rlm@46 32883 });
rlm@46 32884
rlm@46 32885 Ext.grid.PropertyRecord = Ext.data.Record.create([
rlm@46 32886 {name:'name',type:'string'}, 'value'
rlm@46 32887 ]);
rlm@46 32888
rlm@46 32889
rlm@46 32890 Ext.grid.PropertyStore = function(grid, source){
rlm@46 32891 this.grid = grid;
rlm@46 32892 this.store = new Ext.data.Store({
rlm@46 32893 recordType : Ext.grid.PropertyRecord
rlm@46 32894 });
rlm@46 32895 this.store.on('update', this.onUpdate, this);
rlm@46 32896 if(source){
rlm@46 32897 this.setSource(source);
rlm@46 32898 }
rlm@46 32899 Ext.grid.PropertyStore.superclass.constructor.call(this);
rlm@46 32900 };
rlm@46 32901 Ext.extend(Ext.grid.PropertyStore, Ext.util.Observable, {
rlm@46 32902 setSource : function(o){
rlm@46 32903 this.source = o;
rlm@46 32904 this.store.removeAll();
rlm@46 32905 var data = [];
rlm@46 32906 for(var k in o){
rlm@46 32907 if(this.isEditableValue(o[k])){
rlm@46 32908 data.push(new Ext.grid.PropertyRecord({name: k, value: o[k]}, k));
rlm@46 32909 }
rlm@46 32910 }
rlm@46 32911 this.store.loadRecords({records: data}, {}, true);
rlm@46 32912 },
rlm@46 32913
rlm@46 32914 onUpdate : function(ds, record, type){
rlm@46 32915 if(type == Ext.data.Record.EDIT){
rlm@46 32916 var v = record.data['value'];
rlm@46 32917 var oldValue = record.modified['value'];
rlm@46 32918 if(this.grid.fireEvent('beforepropertychange', this.source, record.id, v, oldValue) !== false){
rlm@46 32919 this.source[record.id] = v;
rlm@46 32920 record.commit();
rlm@46 32921 this.grid.fireEvent('propertychange', this.source, record.id, v, oldValue);
rlm@46 32922 }else{
rlm@46 32923 record.reject();
rlm@46 32924 }
rlm@46 32925 }
rlm@46 32926 },
rlm@46 32927
rlm@46 32928 getProperty : function(row){
rlm@46 32929 return this.store.getAt(row);
rlm@46 32930 },
rlm@46 32931
rlm@46 32932 isEditableValue: function(val){
rlm@46 32933 if(Ext.isDate(val)){
rlm@46 32934 return true;
rlm@46 32935 }else if(typeof val == 'object' || typeof val == 'function'){
rlm@46 32936 return false;
rlm@46 32937 }
rlm@46 32938 return true;
rlm@46 32939 },
rlm@46 32940
rlm@46 32941 setValue : function(prop, value){
rlm@46 32942 this.source[prop] = value;
rlm@46 32943 this.store.getById(prop).set('value', value);
rlm@46 32944 },
rlm@46 32945
rlm@46 32946 getSource : function(){
rlm@46 32947 return this.source;
rlm@46 32948 }
rlm@46 32949 });
rlm@46 32950
rlm@46 32951
rlm@46 32952 Ext.grid.PropertyColumnModel = function(grid, store){
rlm@46 32953 this.grid = grid;
rlm@46 32954 var g = Ext.grid;
rlm@46 32955 g.PropertyColumnModel.superclass.constructor.call(this, [
rlm@46 32956 {header: this.nameText, width:50, sortable: true, dataIndex:'name', id: 'name', menuDisabled:true},
rlm@46 32957 {header: this.valueText, width:50, resizable:false, dataIndex: 'value', id: 'value', menuDisabled:true}
rlm@46 32958 ]);
rlm@46 32959 this.store = store;
rlm@46 32960 this.bselect = Ext.DomHelper.append(document.body, {
rlm@46 32961 tag: 'select', cls: 'x-grid-editor x-hide-display', children: [
rlm@46 32962 {tag: 'option', value: 'true', html: 'true'},
rlm@46 32963 {tag: 'option', value: 'false', html: 'false'}
rlm@46 32964 ]
rlm@46 32965 });
rlm@46 32966 var f = Ext.form;
rlm@46 32967
rlm@46 32968 var bfield = new f.Field({
rlm@46 32969 el:this.bselect,
rlm@46 32970 bselect : this.bselect,
rlm@46 32971 autoShow: true,
rlm@46 32972 getValue : function(){
rlm@46 32973 return this.bselect.value == 'true';
rlm@46 32974 }
rlm@46 32975 });
rlm@46 32976 this.editors = {
rlm@46 32977 'date' : new g.GridEditor(new f.DateField({selectOnFocus:true})),
rlm@46 32978 'string' : new g.GridEditor(new f.TextField({selectOnFocus:true})),
rlm@46 32979 'number' : new g.GridEditor(new f.NumberField({selectOnFocus:true, style:'text-align:left;'})),
rlm@46 32980 'boolean' : new g.GridEditor(bfield)
rlm@46 32981 };
rlm@46 32982 this.renderCellDelegate = this.renderCell.createDelegate(this);
rlm@46 32983 this.renderPropDelegate = this.renderProp.createDelegate(this);
rlm@46 32984 };
rlm@46 32985
rlm@46 32986 Ext.extend(Ext.grid.PropertyColumnModel, Ext.grid.ColumnModel, {
rlm@46 32987 nameText : 'Name',
rlm@46 32988 valueText : 'Value',
rlm@46 32989 dateFormat : 'm/j/Y',
rlm@46 32990
rlm@46 32991 renderDate : function(dateVal){
rlm@46 32992 return dateVal.dateFormat(this.dateFormat);
rlm@46 32993 },
rlm@46 32994
rlm@46 32995 renderBool : function(bVal){
rlm@46 32996 return bVal ? 'true' : 'false';
rlm@46 32997 },
rlm@46 32998
rlm@46 32999 isCellEditable : function(colIndex, rowIndex){
rlm@46 33000 return colIndex == 1;
rlm@46 33001 },
rlm@46 33002
rlm@46 33003 getRenderer : function(col){
rlm@46 33004 return col == 1 ?
rlm@46 33005 this.renderCellDelegate : this.renderPropDelegate;
rlm@46 33006 },
rlm@46 33007
rlm@46 33008 renderProp : function(v){
rlm@46 33009 return this.getPropertyName(v);
rlm@46 33010 },
rlm@46 33011
rlm@46 33012 renderCell : function(val){
rlm@46 33013 var rv = val;
rlm@46 33014 if(Ext.isDate(val)){
rlm@46 33015 rv = this.renderDate(val);
rlm@46 33016 }else if(typeof val == 'boolean'){
rlm@46 33017 rv = this.renderBool(val);
rlm@46 33018 }
rlm@46 33019 return Ext.util.Format.htmlEncode(rv);
rlm@46 33020 },
rlm@46 33021
rlm@46 33022 getPropertyName : function(name){
rlm@46 33023 var pn = this.grid.propertyNames;
rlm@46 33024 return pn && pn[name] ? pn[name] : name;
rlm@46 33025 },
rlm@46 33026
rlm@46 33027 getCellEditor : function(colIndex, rowIndex){
rlm@46 33028 var p = this.store.getProperty(rowIndex);
rlm@46 33029 var n = p.data['name'], val = p.data['value'];
rlm@46 33030 if(this.grid.customEditors[n]){
rlm@46 33031 return this.grid.customEditors[n];
rlm@46 33032 }
rlm@46 33033 if(Ext.isDate(val)){
rlm@46 33034 return this.editors['date'];
rlm@46 33035 }else if(typeof val == 'number'){
rlm@46 33036 return this.editors['number'];
rlm@46 33037 }else if(typeof val == 'boolean'){
rlm@46 33038 return this.editors['boolean'];
rlm@46 33039 }else{
rlm@46 33040 return this.editors['string'];
rlm@46 33041 }
rlm@46 33042 }
rlm@46 33043 });
rlm@46 33044
rlm@46 33045
rlm@46 33046 Ext.grid.PropertyGrid = Ext.extend(Ext.grid.EditorGridPanel, {
rlm@46 33047
rlm@46 33048
rlm@46 33049
rlm@46 33050 enableColumnMove:false,
rlm@46 33051 stripeRows:false,
rlm@46 33052 trackMouseOver: false,
rlm@46 33053 clicksToEdit:1,
rlm@46 33054 enableHdMenu : false,
rlm@46 33055 viewConfig : {
rlm@46 33056 forceFit:true
rlm@46 33057 },
rlm@46 33058
rlm@46 33059 initComponent : function(){
rlm@46 33060 this.customEditors = this.customEditors || {};
rlm@46 33061 this.lastEditRow = null;
rlm@46 33062 var store = new Ext.grid.PropertyStore(this);
rlm@46 33063 this.propStore = store;
rlm@46 33064 var cm = new Ext.grid.PropertyColumnModel(this, store);
rlm@46 33065 store.store.sort('name', 'ASC');
rlm@46 33066 this.addEvents(
rlm@46 33067
rlm@46 33068 'beforepropertychange',
rlm@46 33069
rlm@46 33070 'propertychange'
rlm@46 33071 );
rlm@46 33072 this.cm = cm;
rlm@46 33073 this.ds = store.store;
rlm@46 33074 Ext.grid.PropertyGrid.superclass.initComponent.call(this);
rlm@46 33075
rlm@46 33076 this.selModel.on('beforecellselect', function(sm, rowIndex, colIndex){
rlm@46 33077 if(colIndex === 0){
rlm@46 33078 this.startEditing.defer(200, this, [rowIndex, 1]);
rlm@46 33079 return false;
rlm@46 33080 }
rlm@46 33081 }, this);
rlm@46 33082 },
rlm@46 33083
rlm@46 33084 onRender : function(){
rlm@46 33085 Ext.grid.PropertyGrid.superclass.onRender.apply(this, arguments);
rlm@46 33086
rlm@46 33087 this.getGridEl().addClass('x-props-grid');
rlm@46 33088 },
rlm@46 33089
rlm@46 33090 afterRender: function(){
rlm@46 33091 Ext.grid.PropertyGrid.superclass.afterRender.apply(this, arguments);
rlm@46 33092 if(this.source){
rlm@46 33093 this.setSource(this.source);
rlm@46 33094 }
rlm@46 33095 },
rlm@46 33096
rlm@46 33097
rlm@46 33098 setSource : function(source){
rlm@46 33099 this.propStore.setSource(source);
rlm@46 33100 },
rlm@46 33101
rlm@46 33102
rlm@46 33103 getSource : function(){
rlm@46 33104 return this.propStore.getSource();
rlm@46 33105 }
rlm@46 33106 });
rlm@46 33107 Ext.reg("propertygrid", Ext.grid.PropertyGrid);
rlm@46 33108
rlm@46 33109
rlm@46 33110 Ext.grid.RowNumberer = function(config){
rlm@46 33111 Ext.apply(this, config);
rlm@46 33112 if(this.rowspan){
rlm@46 33113 this.renderer = this.renderer.createDelegate(this);
rlm@46 33114 }
rlm@46 33115 };
rlm@46 33116
rlm@46 33117 Ext.grid.RowNumberer.prototype = {
rlm@46 33118
rlm@46 33119 header: "",
rlm@46 33120
rlm@46 33121 width: 23,
rlm@46 33122
rlm@46 33123 sortable: false,
rlm@46 33124
rlm@46 33125
rlm@46 33126 fixed:true,
rlm@46 33127 menuDisabled:true,
rlm@46 33128 dataIndex: '',
rlm@46 33129 id: 'numberer',
rlm@46 33130 rowspan: undefined,
rlm@46 33131
rlm@46 33132
rlm@46 33133 renderer : function(v, p, record, rowIndex){
rlm@46 33134 if(this.rowspan){
rlm@46 33135 p.cellAttr = 'rowspan="'+this.rowspan+'"';
rlm@46 33136 }
rlm@46 33137 return rowIndex+1;
rlm@46 33138 }
rlm@46 33139 };
rlm@46 33140
rlm@46 33141 Ext.grid.CheckboxSelectionModel = Ext.extend(Ext.grid.RowSelectionModel, {
rlm@46 33142
rlm@46 33143 header: '<div class="x-grid3-hd-checker">&#160;</div>',
rlm@46 33144
rlm@46 33145 width: 20,
rlm@46 33146
rlm@46 33147 sortable: false,
rlm@46 33148
rlm@46 33149
rlm@46 33150 menuDisabled:true,
rlm@46 33151 fixed:true,
rlm@46 33152 dataIndex: '',
rlm@46 33153 id: 'checker',
rlm@46 33154
rlm@46 33155
rlm@46 33156 initEvents : function(){
rlm@46 33157 Ext.grid.CheckboxSelectionModel.superclass.initEvents.call(this);
rlm@46 33158 this.grid.on('render', function(){
rlm@46 33159 var view = this.grid.getView();
rlm@46 33160 view.mainBody.on('mousedown', this.onMouseDown, this);
rlm@46 33161 Ext.fly(view.innerHd).on('mousedown', this.onHdMouseDown, this);
rlm@46 33162
rlm@46 33163 }, this);
rlm@46 33164 },
rlm@46 33165
rlm@46 33166
rlm@46 33167 onMouseDown : function(e, t){
rlm@46 33168 if(e.button === 0 && t.className == 'x-grid3-row-checker'){
rlm@46 33169 e.stopEvent();
rlm@46 33170 var row = e.getTarget('.x-grid3-row');
rlm@46 33171 if(row){
rlm@46 33172 var index = row.rowIndex;
rlm@46 33173 if(this.isSelected(index)){
rlm@46 33174 this.deselectRow(index);
rlm@46 33175 }else{
rlm@46 33176 this.selectRow(index, true);
rlm@46 33177 }
rlm@46 33178 }
rlm@46 33179 }
rlm@46 33180 },
rlm@46 33181
rlm@46 33182
rlm@46 33183 onHdMouseDown : function(e, t){
rlm@46 33184 if(t.className == 'x-grid3-hd-checker'){
rlm@46 33185 e.stopEvent();
rlm@46 33186 var hd = Ext.fly(t.parentNode);
rlm@46 33187 var isChecked = hd.hasClass('x-grid3-hd-checker-on');
rlm@46 33188 if(isChecked){
rlm@46 33189 hd.removeClass('x-grid3-hd-checker-on');
rlm@46 33190 this.clearSelections();
rlm@46 33191 }else{
rlm@46 33192 hd.addClass('x-grid3-hd-checker-on');
rlm@46 33193 this.selectAll();
rlm@46 33194 }
rlm@46 33195 }
rlm@46 33196 },
rlm@46 33197
rlm@46 33198
rlm@46 33199 renderer : function(v, p, record){
rlm@46 33200 return '<div class="x-grid3-row-checker">&#160;</div>';
rlm@46 33201 }
rlm@46 33202 });
rlm@46 33203
rlm@46 33204 Ext.LoadMask = function(el, config){
rlm@46 33205 this.el = Ext.get(el);
rlm@46 33206 Ext.apply(this, config);
rlm@46 33207 if(this.store){
rlm@46 33208 this.store.on('beforeload', this.onBeforeLoad, this);
rlm@46 33209 this.store.on('load', this.onLoad, this);
rlm@46 33210 this.store.on('loadexception', this.onLoad, this);
rlm@46 33211 this.removeMask = Ext.value(this.removeMask, false);
rlm@46 33212 }else{
rlm@46 33213 var um = this.el.getUpdater();
rlm@46 33214 um.showLoadIndicator = false; um.on('beforeupdate', this.onBeforeLoad, this);
rlm@46 33215 um.on('update', this.onLoad, this);
rlm@46 33216 um.on('failure', this.onLoad, this);
rlm@46 33217 this.removeMask = Ext.value(this.removeMask, true);
rlm@46 33218 }
rlm@46 33219 };
rlm@46 33220
rlm@46 33221 Ext.LoadMask.prototype = {
rlm@46 33222
rlm@46 33223
rlm@46 33224
rlm@46 33225 msg : 'Loading...',
rlm@46 33226
rlm@46 33227 msgCls : 'x-mask-loading',
rlm@46 33228
rlm@46 33229
rlm@46 33230 disabled: false,
rlm@46 33231
rlm@46 33232
rlm@46 33233 disable : function(){
rlm@46 33234 this.disabled = true;
rlm@46 33235 },
rlm@46 33236
rlm@46 33237
rlm@46 33238 enable : function(){
rlm@46 33239 this.disabled = false;
rlm@46 33240 },
rlm@46 33241
rlm@46 33242 onLoad : function(){
rlm@46 33243 this.el.unmask(this.removeMask);
rlm@46 33244 },
rlm@46 33245
rlm@46 33246 onBeforeLoad : function(){
rlm@46 33247 if(!this.disabled){
rlm@46 33248 this.el.mask(this.msg, this.msgCls);
rlm@46 33249 }
rlm@46 33250 },
rlm@46 33251
rlm@46 33252
rlm@46 33253 show: function(){
rlm@46 33254 this.onBeforeLoad();
rlm@46 33255 },
rlm@46 33256
rlm@46 33257
rlm@46 33258 hide: function(){
rlm@46 33259 this.onLoad();
rlm@46 33260 },
rlm@46 33261
rlm@46 33262 destroy : function(){
rlm@46 33263 if(this.store){
rlm@46 33264 this.store.un('beforeload', this.onBeforeLoad, this);
rlm@46 33265 this.store.un('load', this.onLoad, this);
rlm@46 33266 this.store.un('loadexception', this.onLoad, this);
rlm@46 33267 }else{
rlm@46 33268 var um = this.el.getUpdater();
rlm@46 33269 um.un('beforeupdate', this.onBeforeLoad, this);
rlm@46 33270 um.un('update', this.onLoad, this);
rlm@46 33271 um.un('failure', this.onLoad, this);
rlm@46 33272 }
rlm@46 33273 }
rlm@46 33274 };
rlm@46 33275
rlm@46 33276 Ext.ProgressBar = Ext.extend(Ext.BoxComponent, {
rlm@46 33277
rlm@46 33278 baseCls : 'x-progress',
rlm@46 33279
rlm@46 33280
rlm@46 33281 waitTimer : null,
rlm@46 33282
rlm@46 33283
rlm@46 33284 initComponent : function(){
rlm@46 33285 Ext.ProgressBar.superclass.initComponent.call(this);
rlm@46 33286 this.addEvents(
rlm@46 33287
rlm@46 33288 "update"
rlm@46 33289 );
rlm@46 33290 },
rlm@46 33291
rlm@46 33292
rlm@46 33293 onRender : function(ct, position){
rlm@46 33294 Ext.ProgressBar.superclass.onRender.call(this, ct, position);
rlm@46 33295
rlm@46 33296 var tpl = new Ext.Template(
rlm@46 33297 '<div class="{cls}-wrap">',
rlm@46 33298 '<div class="{cls}-inner">',
rlm@46 33299 '<div class="{cls}-bar">',
rlm@46 33300 '<div class="{cls}-text">',
rlm@46 33301 '<div>&#160;</div>',
rlm@46 33302 '</div>',
rlm@46 33303 '</div>',
rlm@46 33304 '<div class="{cls}-text {cls}-text-back">',
rlm@46 33305 '<div>&#160;</div>',
rlm@46 33306 '</div>',
rlm@46 33307 '</div>',
rlm@46 33308 '</div>'
rlm@46 33309 );
rlm@46 33310
rlm@46 33311 if(position){
rlm@46 33312 this.el = tpl.insertBefore(position, {cls: this.baseCls}, true);
rlm@46 33313 }else{
rlm@46 33314 this.el = tpl.append(ct, {cls: this.baseCls}, true);
rlm@46 33315 }
rlm@46 33316 if(this.id){
rlm@46 33317 this.el.dom.id = this.id;
rlm@46 33318 }
rlm@46 33319 var inner = this.el.dom.firstChild;
rlm@46 33320 this.progressBar = Ext.get(inner.firstChild);
rlm@46 33321
rlm@46 33322 if(this.textEl){
rlm@46 33323
rlm@46 33324 this.textEl = Ext.get(this.textEl);
rlm@46 33325 delete this.textTopEl;
rlm@46 33326 }else{
rlm@46 33327
rlm@46 33328 this.textTopEl = Ext.get(this.progressBar.dom.firstChild);
rlm@46 33329 var textBackEl = Ext.get(inner.childNodes[1]);
rlm@46 33330 this.textTopEl.setStyle("z-index", 99).addClass('x-hidden');
rlm@46 33331 this.textEl = new Ext.CompositeElement([this.textTopEl.dom.firstChild, textBackEl.dom.firstChild]);
rlm@46 33332 this.textEl.setWidth(inner.offsetWidth);
rlm@46 33333 }
rlm@46 33334 this.progressBar.setHeight(inner.offsetHeight);
rlm@46 33335 },
rlm@46 33336
rlm@46 33337
rlm@46 33338 afterRender : function(){
rlm@46 33339 Ext.ProgressBar.superclass.afterRender.call(this);
rlm@46 33340 if(this.value){
rlm@46 33341 this.updateProgress(this.value, this.text);
rlm@46 33342 }else{
rlm@46 33343 this.updateText(this.text);
rlm@46 33344 }
rlm@46 33345 },
rlm@46 33346
rlm@46 33347
rlm@46 33348 updateProgress : function(value, text){
rlm@46 33349 this.value = value || 0;
rlm@46 33350 if(text){
rlm@46 33351 this.updateText(text);
rlm@46 33352 }
rlm@46 33353 var w = Math.floor(value*this.el.dom.firstChild.offsetWidth);
rlm@46 33354 this.progressBar.setWidth(w);
rlm@46 33355 if(this.textTopEl){
rlm@46 33356
rlm@46 33357 this.textTopEl.removeClass('x-hidden').setWidth(w);
rlm@46 33358 }
rlm@46 33359 this.fireEvent('update', this, value, text);
rlm@46 33360 return this;
rlm@46 33361 },
rlm@46 33362
rlm@46 33363
rlm@46 33364 wait : function(o){
rlm@46 33365 if(!this.waitTimer){
rlm@46 33366 var scope = this;
rlm@46 33367 o = o || {};
rlm@46 33368 this.waitTimer = Ext.TaskMgr.start({
rlm@46 33369 run: function(i){
rlm@46 33370 var inc = o.increment || 10;
rlm@46 33371 this.updateProgress(((((i+inc)%inc)+1)*(100/inc))*.01);
rlm@46 33372 },
rlm@46 33373 interval: o.interval || 1000,
rlm@46 33374 duration: o.duration,
rlm@46 33375 onStop: function(){
rlm@46 33376 if(o.fn){
rlm@46 33377 o.fn.apply(o.scope || this);
rlm@46 33378 }
rlm@46 33379 this.reset();
rlm@46 33380 },
rlm@46 33381 scope: scope
rlm@46 33382 });
rlm@46 33383 }
rlm@46 33384 return this;
rlm@46 33385 },
rlm@46 33386
rlm@46 33387
rlm@46 33388 isWaiting : function(){
rlm@46 33389 return this.waitTimer != null;
rlm@46 33390 },
rlm@46 33391
rlm@46 33392
rlm@46 33393 updateText : function(text){
rlm@46 33394 this.text = text || '&#160;';
rlm@46 33395 this.textEl.update(this.text);
rlm@46 33396 return this;
rlm@46 33397 },
rlm@46 33398
rlm@46 33399
rlm@46 33400 setSize : function(w, h){
rlm@46 33401 Ext.ProgressBar.superclass.setSize.call(this, w, h);
rlm@46 33402 if(this.textTopEl){
rlm@46 33403 var inner = this.el.dom.firstChild;
rlm@46 33404 this.textEl.setSize(inner.offsetWidth, inner.offsetHeight);
rlm@46 33405 }
rlm@46 33406 return this;
rlm@46 33407 },
rlm@46 33408
rlm@46 33409
rlm@46 33410 reset : function(hide){
rlm@46 33411 this.updateProgress(0);
rlm@46 33412 if(this.textTopEl){
rlm@46 33413 this.textTopEl.addClass('x-hidden');
rlm@46 33414 }
rlm@46 33415 if(this.waitTimer){
rlm@46 33416 this.waitTimer.onStop = null;
rlm@46 33417 Ext.TaskMgr.stop(this.waitTimer);
rlm@46 33418 this.waitTimer = null;
rlm@46 33419 }
rlm@46 33420 if(hide === true){
rlm@46 33421 this.hide();
rlm@46 33422 }
rlm@46 33423 return this;
rlm@46 33424 }
rlm@46 33425 });
rlm@46 33426 Ext.reg('progress', Ext.ProgressBar);
rlm@46 33427
rlm@46 33428 Ext.Slider = Ext.extend(Ext.BoxComponent, {
rlm@46 33429
rlm@46 33430
rlm@46 33431 vertical: false,
rlm@46 33432
rlm@46 33433 minValue: 0,
rlm@46 33434
rlm@46 33435 maxValue: 100,
rlm@46 33436
rlm@46 33437 keyIncrement: 1,
rlm@46 33438
rlm@46 33439 increment: 0,
rlm@46 33440
rlm@46 33441 clickRange: [5,15],
rlm@46 33442
rlm@46 33443 clickToChange : true,
rlm@46 33444
rlm@46 33445 animate: true,
rlm@46 33446
rlm@46 33447
rlm@46 33448 initComponent : function(){
rlm@46 33449 if(this.value === undefined){
rlm@46 33450 this.value = this.minValue;
rlm@46 33451 }
rlm@46 33452 Ext.Slider.superclass.initComponent.call(this);
rlm@46 33453 this.keyIncrement = Math.max(this.increment, this.keyIncrement);
rlm@46 33454 this.addEvents(
rlm@46 33455
rlm@46 33456 'beforechange',
rlm@46 33457
rlm@46 33458 'change',
rlm@46 33459
rlm@46 33460 'dragstart',
rlm@46 33461
rlm@46 33462 'drag',
rlm@46 33463
rlm@46 33464 'dragend'
rlm@46 33465 );
rlm@46 33466
rlm@46 33467 if(this.vertical){
rlm@46 33468 Ext.apply(this, Ext.Slider.Vertical);
rlm@46 33469 }
rlm@46 33470 },
rlm@46 33471
rlm@46 33472
rlm@46 33473 onRender : function(){
rlm@46 33474 this.autoEl = {
rlm@46 33475 cls: 'x-slider ' + (this.vertical ? 'x-slider-vert' : 'x-slider-horz'),
rlm@46 33476 cn:{cls:'x-slider-end',cn:{cls:'x-slider-inner',cn:[{cls:'x-slider-thumb'},{tag:'a', cls:'x-slider-focus', href:"#", tabIndex: '-1', hidefocus:'on'}]}}
rlm@46 33477 };
rlm@46 33478 Ext.Slider.superclass.onRender.apply(this, arguments);
rlm@46 33479 this.endEl = this.el.first();
rlm@46 33480 this.innerEl = this.endEl.first();
rlm@46 33481 this.thumb = this.innerEl.first();
rlm@46 33482 this.halfThumb = (this.vertical ? this.thumb.getHeight() : this.thumb.getWidth())/2;
rlm@46 33483 this.focusEl = this.thumb.next();
rlm@46 33484 this.initEvents();
rlm@46 33485 },
rlm@46 33486
rlm@46 33487
rlm@46 33488 initEvents : function(){
rlm@46 33489 this.thumb.addClassOnOver('x-slider-thumb-over');
rlm@46 33490 this.mon(this.el, 'mousedown', this.onMouseDown, this);
rlm@46 33491 this.mon(this.el, 'keydown', this.onKeyDown, this);
rlm@46 33492
rlm@46 33493 this.tracker = new Ext.dd.DragTracker({
rlm@46 33494 onBeforeStart: this.onBeforeDragStart.createDelegate(this),
rlm@46 33495 onStart: this.onDragStart.createDelegate(this),
rlm@46 33496 onDrag: this.onDrag.createDelegate(this),
rlm@46 33497 onEnd: this.onDragEnd.createDelegate(this),
rlm@46 33498 tolerance: 3,
rlm@46 33499 autoStart: 300
rlm@46 33500 });
rlm@46 33501 this.tracker.initEl(this.thumb);
rlm@46 33502 this.on('beforedestroy', this.tracker.destroy, this.tracker);
rlm@46 33503 },
rlm@46 33504
rlm@46 33505
rlm@46 33506 onMouseDown : function(e){
rlm@46 33507 if(this.disabled) {return;}
rlm@46 33508 if(this.clickToChange && e.target != this.thumb.dom){
rlm@46 33509 var local = this.innerEl.translatePoints(e.getXY());
rlm@46 33510 this.onClickChange(local);
rlm@46 33511 }
rlm@46 33512 this.focus();
rlm@46 33513 },
rlm@46 33514
rlm@46 33515
rlm@46 33516 onClickChange : function(local){
rlm@46 33517 if(local.top > this.clickRange[0] && local.top < this.clickRange[1]){
rlm@46 33518 this.setValue(Math.round(local.left/this.getRatio()));
rlm@46 33519 }
rlm@46 33520 },
rlm@46 33521
rlm@46 33522
rlm@46 33523 onKeyDown : function(e){
rlm@46 33524 if(this.disabled){e.preventDefault();return;}
rlm@46 33525 var k = e.getKey();
rlm@46 33526 switch(k){
rlm@46 33527 case e.UP:
rlm@46 33528 case e.RIGHT:
rlm@46 33529 e.stopEvent();
rlm@46 33530 if(e.ctrlKey){
rlm@46 33531 this.setValue(this.maxValue);
rlm@46 33532 }else{
rlm@46 33533 this.setValue(this.value+this.keyIncrement);
rlm@46 33534 }
rlm@46 33535 break;
rlm@46 33536 case e.DOWN:
rlm@46 33537 case e.LEFT:
rlm@46 33538 e.stopEvent();
rlm@46 33539 if(e.ctrlKey){
rlm@46 33540 this.setValue(this.minValue);
rlm@46 33541 }else{
rlm@46 33542 this.setValue(this.value-this.keyIncrement);
rlm@46 33543 }
rlm@46 33544 break;
rlm@46 33545 default:
rlm@46 33546 e.preventDefault();
rlm@46 33547 }
rlm@46 33548 },
rlm@46 33549
rlm@46 33550
rlm@46 33551 doSnap : function(value){
rlm@46 33552 if(!this.increment || this.increment == 1 || !value) {
rlm@46 33553 return value;
rlm@46 33554 }
rlm@46 33555 var newValue = value, inc = this.increment;
rlm@46 33556 var m = value % inc;
rlm@46 33557 if(m > 0){
rlm@46 33558 if(m > (inc/2)){
rlm@46 33559 newValue = value + (inc-m);
rlm@46 33560 }else{
rlm@46 33561 newValue = value - m;
rlm@46 33562 }
rlm@46 33563 }
rlm@46 33564 return newValue.constrain(this.minValue, this.maxValue);
rlm@46 33565 },
rlm@46 33566
rlm@46 33567
rlm@46 33568 afterRender : function(){
rlm@46 33569 Ext.Slider.superclass.afterRender.apply(this, arguments);
rlm@46 33570 if(this.value !== undefined){
rlm@46 33571 var v = this.normalizeValue(this.value);
rlm@46 33572 if(v !== this.value){
rlm@46 33573 delete this.value;
rlm@46 33574 this.setValue(v, false);
rlm@46 33575 }else{
rlm@46 33576 this.moveThumb(this.translateValue(v), false);
rlm@46 33577 }
rlm@46 33578 }
rlm@46 33579 },
rlm@46 33580
rlm@46 33581
rlm@46 33582 getRatio : function(){
rlm@46 33583 var w = this.innerEl.getWidth();
rlm@46 33584 var v = this.maxValue - this.minValue;
rlm@46 33585 return w/v;
rlm@46 33586 },
rlm@46 33587
rlm@46 33588
rlm@46 33589 normalizeValue : function(v){
rlm@46 33590 if(typeof v != 'number'){
rlm@46 33591 v = parseInt(v);
rlm@46 33592 }
rlm@46 33593 v = Math.round(v);
rlm@46 33594 v = this.doSnap(v);
rlm@46 33595 v = v.constrain(this.minValue, this.maxValue);
rlm@46 33596 return v;
rlm@46 33597 },
rlm@46 33598
rlm@46 33599
rlm@46 33600 setValue : function(v, animate){
rlm@46 33601 v = this.normalizeValue(v);
rlm@46 33602 if(v !== this.value && this.fireEvent('beforechange', this, v, this.value) !== false){
rlm@46 33603 this.value = v;
rlm@46 33604 this.moveThumb(this.translateValue(v), animate !== false);
rlm@46 33605 this.fireEvent('change', this, v);
rlm@46 33606 }
rlm@46 33607 },
rlm@46 33608
rlm@46 33609
rlm@46 33610 translateValue : function(v){
rlm@46 33611 return (v * this.getRatio())-this.halfThumb;
rlm@46 33612 },
rlm@46 33613
rlm@46 33614
rlm@46 33615 moveThumb: function(v, animate){
rlm@46 33616 if(!animate || this.animate === false){
rlm@46 33617 this.thumb.setLeft(v);
rlm@46 33618 }else{
rlm@46 33619 this.thumb.shift({left: v, stopFx: true, duration:.35});
rlm@46 33620 }
rlm@46 33621 },
rlm@46 33622
rlm@46 33623
rlm@46 33624 focus : function(){
rlm@46 33625 this.focusEl.focus(10);
rlm@46 33626 },
rlm@46 33627
rlm@46 33628
rlm@46 33629 onBeforeDragStart : function(e){
rlm@46 33630 return !this.disabled;
rlm@46 33631 },
rlm@46 33632
rlm@46 33633
rlm@46 33634 onDragStart: function(e){
rlm@46 33635 this.thumb.addClass('x-slider-thumb-drag');
rlm@46 33636 this.fireEvent('dragstart', this, e);
rlm@46 33637 },
rlm@46 33638
rlm@46 33639
rlm@46 33640 onDrag: function(e){
rlm@46 33641 var pos = this.innerEl.translatePoints(this.tracker.getXY());
rlm@46 33642 this.setValue(Math.round(pos.left/this.getRatio()), false);
rlm@46 33643 this.fireEvent('drag', this, e);
rlm@46 33644 },
rlm@46 33645
rlm@46 33646
rlm@46 33647 onDragEnd: function(e){
rlm@46 33648 this.thumb.removeClass('x-slider-thumb-drag');
rlm@46 33649 this.fireEvent('dragend', this, e);
rlm@46 33650 },
rlm@46 33651
rlm@46 33652
rlm@46 33653 onResize : function(w, h){
rlm@46 33654 this.innerEl.setWidth(w - (this.el.getPadding('l') + this.endEl.getPadding('r')));
rlm@46 33655 },
rlm@46 33656
rlm@46 33657
rlm@46 33658 getValue : function(){
rlm@46 33659 return this.value;
rlm@46 33660 }
rlm@46 33661 });
rlm@46 33662 Ext.reg('slider', Ext.Slider);
rlm@46 33663
rlm@46 33664
rlm@46 33665 Ext.Slider.Vertical = {
rlm@46 33666 onResize : function(w, h){
rlm@46 33667 this.innerEl.setHeight(h - (this.el.getPadding('t') + this.endEl.getPadding('b')));
rlm@46 33668 },
rlm@46 33669
rlm@46 33670 getRatio : function(){
rlm@46 33671 var h = this.innerEl.getHeight();
rlm@46 33672 var v = this.maxValue - this.minValue;
rlm@46 33673 return h/v;
rlm@46 33674 },
rlm@46 33675
rlm@46 33676 moveThumb: function(v, animate){
rlm@46 33677 if(!animate || this.animate === false){
rlm@46 33678 this.thumb.setBottom(v);
rlm@46 33679 }else{
rlm@46 33680 this.thumb.shift({bottom: v, stopFx: true, duration:.35});
rlm@46 33681 }
rlm@46 33682 },
rlm@46 33683
rlm@46 33684 onDrag: function(e){
rlm@46 33685 var pos = this.innerEl.translatePoints(this.tracker.getXY());
rlm@46 33686 var bottom = this.innerEl.getHeight()-pos.top;
rlm@46 33687 this.setValue(Math.round(bottom/this.getRatio()), false);
rlm@46 33688 this.fireEvent('drag', this, e);
rlm@46 33689 },
rlm@46 33690
rlm@46 33691 onClickChange : function(local){
rlm@46 33692 if(local.left > this.clickRange[0] && local.left < this.clickRange[1]){
rlm@46 33693 var bottom = this.innerEl.getHeight()-local.top;
rlm@46 33694 this.setValue(Math.round(bottom/this.getRatio()));
rlm@46 33695 }
rlm@46 33696 }
rlm@46 33697 };
rlm@46 33698
rlm@46 33699 Ext.StatusBar = Ext.extend(Ext.Toolbar, {
rlm@46 33700
rlm@46 33701
rlm@46 33702
rlm@46 33703
rlm@46 33704
rlm@46 33705
rlm@46 33706
rlm@46 33707 cls : 'x-statusbar',
rlm@46 33708
rlm@46 33709 busyIconCls : 'x-status-busy',
rlm@46 33710
rlm@46 33711 busyText : 'Loading...',
rlm@46 33712
rlm@46 33713 autoClear : 5000,
rlm@46 33714
rlm@46 33715 activeThreadId : 0,
rlm@46 33716
rlm@46 33717 initComponent : function(){
rlm@46 33718 if(this.statusAlign=='right'){
rlm@46 33719 this.cls += ' x-status-right';
rlm@46 33720 }
rlm@46 33721 Ext.StatusBar.superclass.initComponent.call(this);
rlm@46 33722 },
rlm@46 33723
rlm@46 33724 afterRender : function(){
rlm@46 33725 Ext.StatusBar.superclass.afterRender.call(this);
rlm@46 33726
rlm@46 33727 var right = this.statusAlign=='right',
rlm@46 33728 td = Ext.get(this.nextBlock());
rlm@46 33729
rlm@46 33730 if(right){
rlm@46 33731 this.tr.appendChild(td.dom);
rlm@46 33732 }else{
rlm@46 33733 td.insertBefore(this.tr.firstChild);
rlm@46 33734 }
rlm@46 33735
rlm@46 33736 this.statusEl = td.createChild({
rlm@46 33737 cls: 'x-status-text ' + (this.iconCls || this.defaultIconCls || ''),
rlm@46 33738 html: this.text || this.defaultText || ''
rlm@46 33739 });
rlm@46 33740 this.statusEl.unselectable();
rlm@46 33741
rlm@46 33742 this.spacerEl = td.insertSibling({
rlm@46 33743 tag: 'td',
rlm@46 33744 style: 'width:100%',
rlm@46 33745 cn: [{cls:'ytb-spacer'}]
rlm@46 33746 }, right ? 'before' : 'after');
rlm@46 33747 },
rlm@46 33748
rlm@46 33749
rlm@46 33750 setStatus : function(o){
rlm@46 33751 o = o || {};
rlm@46 33752
rlm@46 33753 if(typeof o == 'string'){
rlm@46 33754 o = {text:o};
rlm@46 33755 }
rlm@46 33756 if(o.text !== undefined){
rlm@46 33757 this.setText(o.text);
rlm@46 33758 }
rlm@46 33759 if(o.iconCls !== undefined){
rlm@46 33760 this.setIcon(o.iconCls);
rlm@46 33761 }
rlm@46 33762
rlm@46 33763 if(o.clear){
rlm@46 33764 var c = o.clear,
rlm@46 33765 wait = this.autoClear,
rlm@46 33766 defaults = {useDefaults: true, anim: true};
rlm@46 33767
rlm@46 33768 if(typeof c == 'object'){
rlm@46 33769 c = Ext.applyIf(c, defaults);
rlm@46 33770 if(c.wait){
rlm@46 33771 wait = c.wait;
rlm@46 33772 }
rlm@46 33773 }else if(typeof c == 'number'){
rlm@46 33774 wait = c;
rlm@46 33775 c = defaults;
rlm@46 33776 }else if(typeof c == 'boolean'){
rlm@46 33777 c = defaults;
rlm@46 33778 }
rlm@46 33779
rlm@46 33780 c.threadId = this.activeThreadId;
rlm@46 33781 this.clearStatus.defer(wait, this, [c]);
rlm@46 33782 }
rlm@46 33783 return this;
rlm@46 33784 },
rlm@46 33785
rlm@46 33786
rlm@46 33787 clearStatus : function(o){
rlm@46 33788 o = o || {};
rlm@46 33789
rlm@46 33790 if(o.threadId && o.threadId !== this.activeThreadId){
rlm@46 33791 return this;
rlm@46 33792 }
rlm@46 33793
rlm@46 33794 var text = o.useDefaults ? this.defaultText : '',
rlm@46 33795 iconCls = o.useDefaults ? this.defaultIconCls : '';
rlm@46 33796
rlm@46 33797 if(o.anim){
rlm@46 33798 this.statusEl.fadeOut({
rlm@46 33799 remove: false,
rlm@46 33800 useDisplay: true,
rlm@46 33801 scope: this,
rlm@46 33802 callback: function(){
rlm@46 33803 this.setStatus({
rlm@46 33804 text: text,
rlm@46 33805 iconCls: iconCls
rlm@46 33806 });
rlm@46 33807 this.statusEl.show();
rlm@46 33808 }
rlm@46 33809 });
rlm@46 33810 }else{
rlm@46 33811 this.statusEl.hide();
rlm@46 33812 this.setStatus({
rlm@46 33813 text: text,
rlm@46 33814 iconCls: iconCls
rlm@46 33815 });
rlm@46 33816 this.statusEl.show();
rlm@46 33817 }
rlm@46 33818 return this;
rlm@46 33819 },
rlm@46 33820
rlm@46 33821
rlm@46 33822 setText : function(text){
rlm@46 33823 this.activeThreadId++;
rlm@46 33824 this.text = text || '';
rlm@46 33825 if(this.rendered){
rlm@46 33826 this.statusEl.update(this.text);
rlm@46 33827 }
rlm@46 33828 return this;
rlm@46 33829 },
rlm@46 33830
rlm@46 33831
rlm@46 33832 getText : function(){
rlm@46 33833 return this.text;
rlm@46 33834 },
rlm@46 33835
rlm@46 33836
rlm@46 33837 setIcon : function(cls){
rlm@46 33838 this.activeThreadId++;
rlm@46 33839 cls = cls || '';
rlm@46 33840
rlm@46 33841 if(this.rendered){
rlm@46 33842 if(this.currIconCls){
rlm@46 33843 this.statusEl.removeClass(this.currIconCls);
rlm@46 33844 this.currIconCls = null;
rlm@46 33845 }
rlm@46 33846 if(cls.length > 0){
rlm@46 33847 this.statusEl.addClass(cls);
rlm@46 33848 this.currIconCls = cls;
rlm@46 33849 }
rlm@46 33850 }else{
rlm@46 33851 this.currIconCls = cls;
rlm@46 33852 }
rlm@46 33853 return this;
rlm@46 33854 },
rlm@46 33855
rlm@46 33856
rlm@46 33857 showBusy : function(o){
rlm@46 33858 if(typeof o == 'string'){
rlm@46 33859 o = {text:o};
rlm@46 33860 }
rlm@46 33861 o = Ext.applyIf(o || {}, {
rlm@46 33862 text: this.busyText,
rlm@46 33863 iconCls: this.busyIconCls
rlm@46 33864 });
rlm@46 33865 return this.setStatus(o);
rlm@46 33866 }
rlm@46 33867 });
rlm@46 33868 Ext.reg('statusbar', Ext.StatusBar);
rlm@46 33869
rlm@46 33870 Ext.debug = {};
rlm@46 33871
rlm@46 33872 (function(){
rlm@46 33873
rlm@46 33874 var cp;
rlm@46 33875
rlm@46 33876 function createConsole(){
rlm@46 33877
rlm@46 33878 var scriptPanel = new Ext.debug.ScriptsPanel();
rlm@46 33879 var logView = new Ext.debug.LogPanel();
rlm@46 33880 var tree = new Ext.debug.DomTree();
rlm@46 33881
rlm@46 33882 var tabs = new Ext.TabPanel({
rlm@46 33883 activeTab: 0,
rlm@46 33884 border: false,
rlm@46 33885 tabPosition: 'bottom',
rlm@46 33886 items: [{
rlm@46 33887 title: 'Debug Console',
rlm@46 33888 layout:'border',
rlm@46 33889 items: [logView, scriptPanel]
rlm@46 33890 },{
rlm@46 33891 title: 'DOM Inspector',
rlm@46 33892 layout:'border',
rlm@46 33893 items: [tree]
rlm@46 33894 }]
rlm@46 33895 });
rlm@46 33896
rlm@46 33897 cp = new Ext.Panel({
rlm@46 33898 id: 'x-debug-browser',
rlm@46 33899 title: 'Console',
rlm@46 33900 collapsible: true,
rlm@46 33901 animCollapse: false,
rlm@46 33902 style: 'position:absolute;left:0;bottom:0;',
rlm@46 33903 height:200,
rlm@46 33904 logView: logView,
rlm@46 33905 layout: 'fit',
rlm@46 33906
rlm@46 33907 tools:[{
rlm@46 33908 id: 'close',
rlm@46 33909 handler: function(){
rlm@46 33910 cp.destroy();
rlm@46 33911 cp = null;
rlm@46 33912 Ext.EventManager.removeResizeListener(handleResize);
rlm@46 33913 }
rlm@46 33914 }],
rlm@46 33915
rlm@46 33916 items: tabs
rlm@46 33917 });
rlm@46 33918
rlm@46 33919 cp.render(document.body);
rlm@46 33920
rlm@46 33921 cp.resizer = new Ext.Resizable(cp.el, {
rlm@46 33922 minHeight:50,
rlm@46 33923 handles: "n",
rlm@46 33924 pinned: true,
rlm@46 33925 transparent:true,
rlm@46 33926 resizeElement : function(){
rlm@46 33927 var box = this.proxy.getBox();
rlm@46 33928 this.proxy.hide();
rlm@46 33929 cp.setHeight(box.height);
rlm@46 33930 return box;
rlm@46 33931 }
rlm@46 33932 });
rlm@46 33933
rlm@46 33934 function handleResize(){
rlm@46 33935 cp.setWidth(Ext.getBody().getViewSize().width);
rlm@46 33936 }
rlm@46 33937 Ext.EventManager.onWindowResize(handleResize);
rlm@46 33938
rlm@46 33939 handleResize();
rlm@46 33940 }
rlm@46 33941
rlm@46 33942
rlm@46 33943 Ext.apply(Ext, {
rlm@46 33944 log : function(){
rlm@46 33945 if(!cp){
rlm@46 33946 createConsole();
rlm@46 33947 }
rlm@46 33948 cp.logView.log.apply(cp.logView, arguments);
rlm@46 33949 },
rlm@46 33950
rlm@46 33951 logf : function(format, arg1, arg2, etc){
rlm@46 33952 Ext.log(String.format.apply(String, arguments));
rlm@46 33953 },
rlm@46 33954
rlm@46 33955 dump : function(o){
rlm@46 33956 if(typeof o == 'string' || typeof o == 'number' || typeof o == 'undefined' || Ext.isDate(o)){
rlm@46 33957 Ext.log(o);
rlm@46 33958 }else if(!o){
rlm@46 33959 Ext.log("null");
rlm@46 33960 }else if(typeof o != "object"){
rlm@46 33961 Ext.log('Unknown return type');
rlm@46 33962 }else if(Ext.isArray(o)){
rlm@46 33963 Ext.log('['+o.join(',')+']');
rlm@46 33964 }else{
rlm@46 33965 var b = ["{\n"];
rlm@46 33966 for(var key in o){
rlm@46 33967 var to = typeof o[key];
rlm@46 33968 if(to != "function" && to != "object"){
rlm@46 33969 b.push(String.format(" {0}: {1},\n", key, o[key]));
rlm@46 33970 }
rlm@46 33971 }
rlm@46 33972 var s = b.join("");
rlm@46 33973 if(s.length > 3){
rlm@46 33974 s = s.substr(0, s.length-2);
rlm@46 33975 }
rlm@46 33976 Ext.log(s + "\n}");
rlm@46 33977 }
rlm@46 33978 },
rlm@46 33979
rlm@46 33980 _timers : {},
rlm@46 33981
rlm@46 33982 time : function(name){
rlm@46 33983 name = name || "def";
rlm@46 33984 Ext._timers[name] = new Date().getTime();
rlm@46 33985 },
rlm@46 33986
rlm@46 33987 timeEnd : function(name, printResults){
rlm@46 33988 var t = new Date().getTime();
rlm@46 33989 name = name || "def";
rlm@46 33990 var v = String.format("{0} ms", t-Ext._timers[name]);
rlm@46 33991 Ext._timers[name] = new Date().getTime();
rlm@46 33992 if(printResults !== false){
rlm@46 33993 Ext.log('Timer ' + (name == "def" ? v : name + ": " + v));
rlm@46 33994 }
rlm@46 33995 return v;
rlm@46 33996 }
rlm@46 33997 });
rlm@46 33998
rlm@46 33999 })();
rlm@46 34000
rlm@46 34001
rlm@46 34002 Ext.debug.ScriptsPanel = Ext.extend(Ext.Panel, {
rlm@46 34003 id:'x-debug-scripts',
rlm@46 34004 region: 'east',
rlm@46 34005 minWidth: 200,
rlm@46 34006 split: true,
rlm@46 34007 width: 350,
rlm@46 34008 border: false,
rlm@46 34009 layout:'anchor',
rlm@46 34010 style:'border-width:0 0 0 1px;',
rlm@46 34011
rlm@46 34012 initComponent : function(){
rlm@46 34013
rlm@46 34014 this.scriptField = new Ext.form.TextArea({
rlm@46 34015 anchor: '100% -26',
rlm@46 34016 style:'border-width:0;'
rlm@46 34017 });
rlm@46 34018
rlm@46 34019 this.trapBox = new Ext.form.Checkbox({
rlm@46 34020 id: 'console-trap',
rlm@46 34021 boxLabel: 'Trap Errors',
rlm@46 34022 checked: true
rlm@46 34023 });
rlm@46 34024
rlm@46 34025 this.toolbar = new Ext.Toolbar([{
rlm@46 34026 text: 'Run',
rlm@46 34027 scope: this,
rlm@46 34028 handler: this.evalScript
rlm@46 34029 },{
rlm@46 34030 text: 'Clear',
rlm@46 34031 scope: this,
rlm@46 34032 handler: this.clear
rlm@46 34033 },
rlm@46 34034 '->',
rlm@46 34035 this.trapBox,
rlm@46 34036 ' ', ' '
rlm@46 34037 ]);
rlm@46 34038
rlm@46 34039 this.items = [this.toolbar, this.scriptField];
rlm@46 34040
rlm@46 34041 Ext.debug.ScriptsPanel.superclass.initComponent.call(this);
rlm@46 34042 },
rlm@46 34043
rlm@46 34044 evalScript : function(){
rlm@46 34045 var s = this.scriptField.getValue();
rlm@46 34046 if(this.trapBox.getValue()){
rlm@46 34047 try{
rlm@46 34048 var rt = eval(s);
rlm@46 34049 Ext.dump(rt === undefined? '(no return)' : rt);
rlm@46 34050 }catch(e){
rlm@46 34051 Ext.log(e.message || e.descript);
rlm@46 34052 }
rlm@46 34053 }else{
rlm@46 34054 var rt = eval(s);
rlm@46 34055 Ext.dump(rt === undefined? '(no return)' : rt);
rlm@46 34056 }
rlm@46 34057 },
rlm@46 34058
rlm@46 34059 clear : function(){
rlm@46 34060 this.scriptField.setValue('');
rlm@46 34061 this.scriptField.focus();
rlm@46 34062 }
rlm@46 34063
rlm@46 34064 });
rlm@46 34065
rlm@46 34066 Ext.debug.LogPanel = Ext.extend(Ext.Panel, {
rlm@46 34067 autoScroll: true,
rlm@46 34068 region: 'center',
rlm@46 34069 border: false,
rlm@46 34070 style:'border-width:0 1px 0 0',
rlm@46 34071
rlm@46 34072 log : function(){
rlm@46 34073 var markup = [ '<div style="padding:5px !important;border-bottom:1px solid #ccc;">',
rlm@46 34074 Ext.util.Format.htmlEncode(Array.prototype.join.call(arguments, ', ')).replace(/\n/g, '<br />').replace(/\s/g, '&#160;'),
rlm@46 34075 '</div>'].join('');
rlm@46 34076
rlm@46 34077 this.body.insertHtml('beforeend', markup);
rlm@46 34078 this.body.scrollTo('top', 100000);
rlm@46 34079 },
rlm@46 34080
rlm@46 34081 clear : function(){
rlm@46 34082 this.body.update('');
rlm@46 34083 this.body.dom.scrollTop = 0;
rlm@46 34084 }
rlm@46 34085 });
rlm@46 34086
rlm@46 34087 Ext.debug.DomTree = Ext.extend(Ext.tree.TreePanel, {
rlm@46 34088 enableDD:false ,
rlm@46 34089 lines:false,
rlm@46 34090 rootVisible:false,
rlm@46 34091 animate:false,
rlm@46 34092 hlColor:'ffff9c',
rlm@46 34093 autoScroll: true,
rlm@46 34094 region:'center',
rlm@46 34095 border:false,
rlm@46 34096
rlm@46 34097 initComponent : function(){
rlm@46 34098
rlm@46 34099
rlm@46 34100 Ext.debug.DomTree.superclass.initComponent.call(this);
rlm@46 34101
rlm@46 34102 var styles = false, hnode;
rlm@46 34103 var nonSpace = /^\s*$/;
rlm@46 34104 var html = Ext.util.Format.htmlEncode;
rlm@46 34105 var ellipsis = Ext.util.Format.ellipsis;
rlm@46 34106 var styleRe = /\s?([a-z\-]*)\:([^;]*)(?:[;\s\n\r]*)/gi;
rlm@46 34107
rlm@46 34108 function findNode(n){
rlm@46 34109 if(!n || n.nodeType != 1 || n == document.body || n == document){
rlm@46 34110 return false;
rlm@46 34111 }
rlm@46 34112 var pn = [n], p = n;
rlm@46 34113 while((p = p.parentNode) && p.nodeType == 1 && p.tagName.toUpperCase() != 'HTML'){
rlm@46 34114 pn.unshift(p);
rlm@46 34115 }
rlm@46 34116 var cn = hnode;
rlm@46 34117 for(var i = 0, len = pn.length; i < len; i++){
rlm@46 34118 cn.expand();
rlm@46 34119 cn = cn.findChild('htmlNode', pn[i]);
rlm@46 34120 if(!cn){ return false;
rlm@46 34121 }
rlm@46 34122 }
rlm@46 34123 cn.select();
rlm@46 34124 var a = cn.ui.anchor;
rlm@46 34125 treeEl.dom.scrollTop = Math.max(0 ,a.offsetTop-10);
rlm@46 34126 cn.highlight();
rlm@46 34127 return true;
rlm@46 34128 }
rlm@46 34129
rlm@46 34130 function nodeTitle(n){
rlm@46 34131 var s = n.tagName;
rlm@46 34132 if(n.id){
rlm@46 34133 s += '#'+n.id;
rlm@46 34134 }else if(n.className){
rlm@46 34135 s += '.'+n.className;
rlm@46 34136 }
rlm@46 34137 return s;
rlm@46 34138 }
rlm@46 34139
rlm@46 34140 function onNodeSelect(t, n, last){
rlm@46 34141 return;
rlm@46 34142 if(last && last.unframe){
rlm@46 34143 last.unframe();
rlm@46 34144 }
rlm@46 34145 var props = {};
rlm@46 34146 if(n && n.htmlNode){
rlm@46 34147 if(frameEl.pressed){
rlm@46 34148 n.frame();
rlm@46 34149 }
rlm@46 34150 if(inspecting){
rlm@46 34151 return;
rlm@46 34152 }
rlm@46 34153 addStyle.enable();
rlm@46 34154 reload.setDisabled(n.leaf);
rlm@46 34155 var dom = n.htmlNode;
rlm@46 34156 stylePanel.setTitle(nodeTitle(dom));
rlm@46 34157 if(styles && !showAll.pressed){
rlm@46 34158 var s = dom.style ? dom.style.cssText : '';
rlm@46 34159 if(s){
rlm@46 34160 var m;
rlm@46 34161 while ((m = styleRe.exec(s)) != null){
rlm@46 34162 props[m[1].toLowerCase()] = m[2];
rlm@46 34163 }
rlm@46 34164 }
rlm@46 34165 }else if(styles){
rlm@46 34166 var cl = Ext.debug.cssList;
rlm@46 34167 var s = dom.style, fly = Ext.fly(dom);
rlm@46 34168 if(s){
rlm@46 34169 for(var i = 0, len = cl.length; i<len; i++){
rlm@46 34170 var st = cl[i];
rlm@46 34171 var v = s[st] || fly.getStyle(st);
rlm@46 34172 if(v != undefined && v !== null && v !== ''){
rlm@46 34173 props[st] = v;
rlm@46 34174 }
rlm@46 34175 }
rlm@46 34176 }
rlm@46 34177 }else{
rlm@46 34178 for(var a in dom){
rlm@46 34179 var v = dom[a];
rlm@46 34180 if((isNaN(a+10)) && v != undefined && v !== null && v !== '' && !(Ext.isGecko && a[0] == a[0].toUpperCase())){
rlm@46 34181 props[a] = v;
rlm@46 34182 }
rlm@46 34183 }
rlm@46 34184 }
rlm@46 34185 }else{
rlm@46 34186 if(inspecting){
rlm@46 34187 return;
rlm@46 34188 }
rlm@46 34189 addStyle.disable();
rlm@46 34190 reload.disabled();
rlm@46 34191 }
rlm@46 34192 stylesGrid.setSource(props);
rlm@46 34193 stylesGrid.treeNode = n;
rlm@46 34194 stylesGrid.view.fitColumns();
rlm@46 34195 }
rlm@46 34196
rlm@46 34197 this.loader = new Ext.tree.TreeLoader();
rlm@46 34198 this.loader.load = function(n, cb){
rlm@46 34199 var isBody = n.htmlNode == document.body;
rlm@46 34200 var cn = n.htmlNode.childNodes;
rlm@46 34201 for(var i = 0, c; c = cn[i]; i++){
rlm@46 34202 if(isBody && c.id == 'x-debug-browser'){
rlm@46 34203 continue;
rlm@46 34204 }
rlm@46 34205 if(c.nodeType == 1){
rlm@46 34206 n.appendChild(new Ext.debug.HtmlNode(c));
rlm@46 34207 }else if(c.nodeType == 3 && !nonSpace.test(c.nodeValue)){
rlm@46 34208 n.appendChild(new Ext.tree.TreeNode({
rlm@46 34209 text:'<em>' + ellipsis(html(String(c.nodeValue)), 35) + '</em>',
rlm@46 34210 cls: 'x-tree-noicon'
rlm@46 34211 }));
rlm@46 34212 }
rlm@46 34213 }
rlm@46 34214 cb();
rlm@46 34215 };
rlm@46 34216
rlm@46 34217
rlm@46 34218 this.root = this.setRootNode(new Ext.tree.TreeNode('Ext'));
rlm@46 34219
rlm@46 34220 hnode = this.root.appendChild(new Ext.debug.HtmlNode(
rlm@46 34221 document.getElementsByTagName('html')[0]
rlm@46 34222 ));
rlm@46 34223
rlm@46 34224 }
rlm@46 34225 });
rlm@46 34226
rlm@46 34227
rlm@46 34228 Ext.debug.HtmlNode = function(){
rlm@46 34229 var html = Ext.util.Format.htmlEncode;
rlm@46 34230 var ellipsis = Ext.util.Format.ellipsis;
rlm@46 34231 var nonSpace = /^\s*$/;
rlm@46 34232
rlm@46 34233 var attrs = [
rlm@46 34234 {n: 'id', v: 'id'},
rlm@46 34235 {n: 'className', v: 'class'},
rlm@46 34236 {n: 'name', v: 'name'},
rlm@46 34237 {n: 'type', v: 'type'},
rlm@46 34238 {n: 'src', v: 'src'},
rlm@46 34239 {n: 'href', v: 'href'}
rlm@46 34240 ];
rlm@46 34241
rlm@46 34242 function hasChild(n){
rlm@46 34243 for(var i = 0, c; c = n.childNodes[i]; i++){
rlm@46 34244 if(c.nodeType == 1){
rlm@46 34245 return true;
rlm@46 34246 }
rlm@46 34247 }
rlm@46 34248 return false;
rlm@46 34249 }
rlm@46 34250
rlm@46 34251 function renderNode(n, leaf){
rlm@46 34252 var tag = n.tagName.toLowerCase();
rlm@46 34253 var s = '&lt;' + tag;
rlm@46 34254 for(var i = 0, len = attrs.length; i < len; i++){
rlm@46 34255 var a = attrs[i];
rlm@46 34256 var v = n[a.n];
rlm@46 34257 if(v && !nonSpace.test(v)){
rlm@46 34258 s += ' ' + a.v + '=&quot;<i>' + html(v) +'</i>&quot;';
rlm@46 34259 }
rlm@46 34260 }
rlm@46 34261 var style = n.style ? n.style.cssText : '';
rlm@46 34262 if(style){
rlm@46 34263 s += ' style=&quot;<i>' + html(style.toLowerCase()) +'</i>&quot;';
rlm@46 34264 }
rlm@46 34265 if(leaf && n.childNodes.length > 0){
rlm@46 34266 s+='&gt;<em>' + ellipsis(html(String(n.innerHTML)), 35) + '</em>&lt;/'+tag+'&gt;';
rlm@46 34267 }else if(leaf){
rlm@46 34268 s += ' /&gt;';
rlm@46 34269 }else{
rlm@46 34270 s += '&gt;';
rlm@46 34271 }
rlm@46 34272 return s;
rlm@46 34273 }
rlm@46 34274
rlm@46 34275 var HtmlNode = function(n){
rlm@46 34276 var leaf = !hasChild(n);
rlm@46 34277 this.htmlNode = n;
rlm@46 34278 this.tagName = n.tagName.toLowerCase();
rlm@46 34279 var attr = {
rlm@46 34280 text : renderNode(n, leaf),
rlm@46 34281 leaf : leaf,
rlm@46 34282 cls: 'x-tree-noicon'
rlm@46 34283 };
rlm@46 34284 HtmlNode.superclass.constructor.call(this, attr);
rlm@46 34285 this.attributes.htmlNode = n; if(!leaf){
rlm@46 34286 this.on('expand', this.onExpand, this);
rlm@46 34287 this.on('collapse', this.onCollapse, this);
rlm@46 34288 }
rlm@46 34289 };
rlm@46 34290
rlm@46 34291
rlm@46 34292 Ext.extend(HtmlNode, Ext.tree.AsyncTreeNode, {
rlm@46 34293 cls: 'x-tree-noicon',
rlm@46 34294 preventHScroll: true,
rlm@46 34295 refresh : function(highlight){
rlm@46 34296 var leaf = !hasChild(this.htmlNode);
rlm@46 34297 this.setText(renderNode(this.htmlNode, leaf));
rlm@46 34298 if(highlight){
rlm@46 34299 Ext.fly(this.ui.textNode).highlight();
rlm@46 34300 }
rlm@46 34301 },
rlm@46 34302
rlm@46 34303 onExpand : function(){
rlm@46 34304 if(!this.closeNode && this.parentNode){
rlm@46 34305 this.closeNode = this.parentNode.insertBefore(new Ext.tree.TreeNode({
rlm@46 34306 text:'&lt;/' + this.tagName + '&gt;',
rlm@46 34307 cls: 'x-tree-noicon'
rlm@46 34308 }), this.nextSibling);
rlm@46 34309 }else if(this.closeNode){
rlm@46 34310 this.closeNode.ui.show();
rlm@46 34311 }
rlm@46 34312 },
rlm@46 34313
rlm@46 34314 onCollapse : function(){
rlm@46 34315 if(this.closeNode){
rlm@46 34316 this.closeNode.ui.hide();
rlm@46 34317 }
rlm@46 34318 },
rlm@46 34319
rlm@46 34320 render : function(bulkRender){
rlm@46 34321 HtmlNode.superclass.render.call(this, bulkRender);
rlm@46 34322 },
rlm@46 34323
rlm@46 34324 highlightNode : function(){
rlm@46 34325 },
rlm@46 34326
rlm@46 34327 highlight : function(){
rlm@46 34328 },
rlm@46 34329
rlm@46 34330 frame : function(){
rlm@46 34331 this.htmlNode.style.border = '1px solid #0000ff';
rlm@46 34332 },
rlm@46 34333
rlm@46 34334 unframe : function(){
rlm@46 34335 this.htmlNode.style.border = '';
rlm@46 34336 }
rlm@46 34337 });
rlm@46 34338
rlm@46 34339 return HtmlNode;
rlm@46 34340 }();
rlm@46 34341
rlm@46 34342
rlm@46 34343