if(!dojo._hasResource["dojox.grid._grid.builder"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code. dojo._hasResource["dojox.grid._grid.builder"] = true; dojo.provide("dojox.grid._grid.builder"); dojo.require("dojox.grid._grid.drag"); dojo.declare("dojox.grid.Builder", null, { // summary: // Base class to produce html for grid content. // Also provide event decoration, providing grid related information inside the event object // passed to grid events. constructor: function(inView){ this.view = inView; this.grid = inView.grid; }, view: null, // boilerplate HTML _table: '', // generate starting tags for a cell generateCellMarkup: function(inCell, inMoreStyles, inMoreClasses, isHeader){ var result = [], html; if (isHeader){ html = [ '' : ''); for(var i=0, cell, m, cc, cs; (cell=row[i]); i++){ m = cell.markup, cc = cell.customClasses = [], cs = cell.customStyles = []; // content (format can fill in cc and cs as side-effects) m[5] = cell.format(inDataIndex); // classes m[1] = cc.join(' '); // styles m[3] = cs.join(';'); // in-place concat html.push.apply(html, m); } html.push(''); } html.push('
'); // result[4] => td postfix result.push(html.join('')); // SLOT: result[5] => content result.push(''); // result[6] => td closes result.push(''); return result; // Array }, // cell finding isCellNode: function(inNode){ return Boolean(inNode && inNode.getAttribute && inNode.getAttribute("idx")); }, getCellNodeIndex: function(inCellNode){ return inCellNode ? Number(inCellNode.getAttribute("idx")) : -1; }, getCellNode: function(inRowNode, inCellIndex){ for(var i=0, row; row=dojox.grid.getTr(inRowNode.firstChild, i); i++){ for(var j=0, cell; cell=row.cells[j]; j++){ if(this.getCellNodeIndex(cell) == inCellIndex){ return cell; } } } }, findCellTarget: function(inSourceNode, inTopNode){ var n = inSourceNode; while(n && (!this.isCellNode(n) || (dojox.grid.gridViewTag in n.offsetParent.parentNode && n.offsetParent.parentNode[dojox.grid.gridViewTag] != this.view.id)) && (n!=inTopNode)){ n = n.parentNode; } return n!=inTopNode ? n : null }, // event decoration baseDecorateEvent: function(e){ e.dispatch = 'do' + e.type; e.grid = this.grid; e.sourceView = this.view; e.cellNode = this.findCellTarget(e.target, e.rowNode); e.cellIndex = this.getCellNodeIndex(e.cellNode); e.cell = (e.cellIndex >= 0 ? this.grid.getCell(e.cellIndex) : null); }, // event dispatch findTarget: function(inSource, inTag){ var n = inSource; while(n && (n!=this.domNode) && (!(inTag in n) || (dojox.grid.gridViewTag in n && n[dojox.grid.gridViewTag] != this.view.id))){ n = n.parentNode; } return (n != this.domNode) ? n : null; }, findRowTarget: function(inSource){ return this.findTarget(inSource, dojox.grid.rowIndexTag); }, isIntraNodeEvent: function(e){ try{ return (e.cellNode && e.relatedTarget && dojo.isDescendant(e.relatedTarget, e.cellNode)); }catch(x){ // e.relatedTarget has permission problem in FF if it's an input: https://bugzilla.mozilla.org/show_bug.cgi?id=208427 return false; } }, isIntraRowEvent: function(e){ try{ var row = e.relatedTarget && this.findRowTarget(e.relatedTarget); return !row && (e.rowIndex==-1) || row && (e.rowIndex==row.gridRowIndex); }catch(x){ // e.relatedTarget on INPUT has permission problem in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=208427 return false; } }, dispatchEvent: function(e){ if(e.dispatch in this){ return this[e.dispatch](e); } }, // dispatched event handlers domouseover: function(e){ if(e.cellNode && (e.cellNode!=this.lastOverCellNode)){ this.lastOverCellNode = e.cellNode; this.grid.onMouseOver(e); } this.grid.onMouseOverRow(e); }, domouseout: function(e){ if(e.cellNode && (e.cellNode==this.lastOverCellNode) && !this.isIntraNodeEvent(e, this.lastOverCellNode)){ this.lastOverCellNode = null; this.grid.onMouseOut(e); if(!this.isIntraRowEvent(e)){ this.grid.onMouseOutRow(e); } } }, domousedown: function(e){ if (e.cellNode) this.grid.onMouseDown(e); this.grid.onMouseDownRow(e) } }); dojo.declare("dojox.grid.contentBuilder", dojox.grid.Builder, { // summary: // Produces html for grid data content. Owned by grid and used internally // for rendering data. Override to implement custom rendering. update: function(){ this.prepareHtml(); }, // cache html for rendering data rows prepareHtml: function(){ var defaultGet=this.grid.get, rows=this.view.structure.rows; for(var j=0, row; (row=rows[j]); j++){ for(var i=0, cell; (cell=row[i]); i++){ cell.get = cell.get || (cell.value == undefined) && defaultGet; cell.markup = this.generateCellMarkup(cell, cell.cellStyles, cell.cellClasses, false); } } }, // time critical: generate html using cache and data source generateHtml: function(inDataIndex, inRowIndex){ var html = [ this._table ], v = this.view, obr = v.onBeforeRow, rows = v.structure.rows; obr && obr(inRowIndex, rows); for(var j=0, row; (row=rows[j]); j++){ if(row.hidden || row.header){ continue; } html.push(!row.invisible ? '
'); return html.join(''); // String }, decorateEvent: function(e){ e.rowNode = this.findRowTarget(e.target); if(!e.rowNode){return false}; e.rowIndex = e.rowNode[dojox.grid.rowIndexTag]; this.baseDecorateEvent(e); e.cell = this.grid.getCell(e.cellIndex); return true; // Boolean } }); dojo.declare("dojox.grid.headerBuilder", dojox.grid.Builder, { // summary: // Produces html for grid header content. Owned by grid and used internally // for rendering data. Override to implement custom rendering. bogusClickTime: 0, overResizeWidth: 4, minColWidth: 1, // FIXME: isn't this getting mixed from dojox.grid.Builder, -1 character? _table: ''); dojox.grid.fire(this.view, "onBeforeRow", [-1, rows]); for(var j=0, row; (row=rows[j]); j++){ if(row.hidden){ continue; } html.push(!row.invisible ? '' : ''); for(var i=0, cell, markup; (cell=row[i]); i++){ cell.customClasses = []; cell.customStyles = []; markup = this.generateCellMarkup(cell, cell.headerStyles, cell.headerClasses, true); // content markup[5] = (inValue != undefined ? inValue : inGetValue(cell)); // styles markup[3] = cell.customStyles.join(';'); // classes markup[1] = cell.customClasses.join(' '); //(cell.customClasses ? ' ' + cell.customClasses : ''); html.push(markup.join('')); } html.push(''); } html.push('
'); return html.join(''); }, // event helpers getCellX: function(e){ var x = e.layerX; if(dojo.isMoz){ var n = dojox.grid.ascendDom(e.target, dojox.grid.makeNotTagName("th")); x -= (n && n.offsetLeft) || 0; var t = e.sourceView.getScrollbarWidth(); if(!dojo._isBodyLtr() && e.sourceView.headerNode.scrollLeft < t) x -= t; //x -= getProp(ascendDom(e.target, mkNotTagName("td")), "offsetLeft") || 0; } var n = dojox.grid.ascendDom(e.target, function(){ if(!n || n == e.cellNode){ return false; } // Mozilla 1.8 (FF 1.5) has a bug that makes offsetLeft = -parent border width // when parent has border, overflow: hidden, and is positioned // handle this problem here ... not a general solution! x += (n.offsetLeft < 0 ? 0 : n.offsetLeft); return true; }); return x; }, // event decoration decorateEvent: function(e){ this.baseDecorateEvent(e); e.rowIndex = -1; e.cellX = this.getCellX(e); return true; }, // event handlers // resizing prepareResize: function(e, mod){ var i = dojox.grid.getTdIndex(e.cellNode); e.cellNode = (i ? e.cellNode.parentNode.cells[i+mod] : null); e.cellIndex = (e.cellNode ? this.getCellNodeIndex(e.cellNode) : -1); return Boolean(e.cellNode); }, canResize: function(e){ if(!e.cellNode || e.cellNode.colSpan > 1){ return false; } var cell = this.grid.getCell(e.cellIndex); return !cell.noresize && !cell.isFlex(); }, overLeftResizeArea: function(e){ if(dojo._isBodyLtr()){ return (e.cellIndex>0) && (e.cellX < this.overResizeWidth) && this.prepareResize(e, -1); } return t = e.cellNode && (e.cellX < this.overResizeWidth); }, overRightResizeArea: function(e){ if(dojo._isBodyLtr()){ return e.cellNode && (e.cellX >= e.cellNode.offsetWidth - this.overResizeWidth); } return (e.cellIndex>0) && (e.cellX >= e.cellNode.offsetWidth - this.overResizeWidth) && this.prepareResize(e, -1); }, domousemove: function(e){ //console.log(e.cellIndex, e.cellX, e.cellNode.offsetWidth); var c = (this.overRightResizeArea(e) ? 'e-resize' : (this.overLeftResizeArea(e) ? 'w-resize' : '')); if(c && !this.canResize(e)){ c = 'not-allowed'; } e.sourceView.headerNode.style.cursor = c || ''; //'default'; if (c) dojo.stopEvent(e); }, domousedown: function(e){ if(!dojox.grid.drag.dragging){ if((this.overRightResizeArea(e) || this.overLeftResizeArea(e)) && this.canResize(e)){ this.beginColumnResize(e); }else{ this.grid.onMouseDown(e); this.grid.onMouseOverRow(e); } //else{ // this.beginMoveColumn(e); //} } }, doclick: function(e) { if (new Date().getTime() < this.bogusClickTime) { dojo.stopEvent(e); return true; } }, // column resizing beginColumnResize: function(e){ dojo.stopEvent(e); var spanners = [], nodes = this.tableMap.findOverlappingNodes(e.cellNode); for(var i=0, cell; (cell=nodes[i]); i++){ spanners.push({ node: cell, index: this.getCellNodeIndex(cell), width: cell.offsetWidth }); //console.log("spanner: " + this.getCellNodeIndex(cell)); } var drag = { scrollLeft: e.sourceView.headerNode.scrollLeft, view: e.sourceView, node: e.cellNode, index: e.cellIndex, w: e.cellNode.clientWidth, spanners: spanners }; //console.log(drag.index, drag.w); dojox.grid.drag.start(e.cellNode, dojo.hitch(this, 'doResizeColumn', drag), dojo.hitch(this, 'endResizeColumn', drag), e); }, doResizeColumn: function(inDrag, inEvent){ var isLtr = dojo._isBodyLtr(); if(isLtr){ var w = inDrag.w + inEvent.deltaX; }else{ var w = inDrag.w - inEvent.deltaX; } if(w >= this.minColWidth){ for(var i=0, s, sw; (s=inDrag.spanners[i]); i++){ if(isLtr){ sw = s.width + inEvent.deltaX; }else{ sw = s.width - inEvent.deltaX; } s.node.style.width = sw + 'px'; inDrag.view.setColWidth(s.index, sw); //console.log('setColWidth', '#' + s.index, sw + 'px'); } inDrag.node.style.width = w + 'px'; inDrag.view.setColWidth(inDrag.index, w); if(!isLtr){ inDrag.view.headerNode.scrollLeft = (inDrag.scrollLeft - inEvent.deltaX); } } if(inDrag.view.flexCells && !inDrag.view.testFlexCells()){ var t = dojox.grid.findTable(inDrag.node); t && (t.style.width = ''); } }, endResizeColumn: function(inDrag){ this.bogusClickTime = new Date().getTime() + 30; setTimeout(dojo.hitch(inDrag.view, "update"), 50); } }); dojo.declare("dojox.grid.tableMap", null, { // summary: // Maps an html table into a structure parsable for information about cell row and col spanning. // Used by headerBuilder constructor: function(inRows){ this.mapRows(inRows); }, map: null, mapRows: function(inRows){ // summary: Map table topography //console.log('mapRows'); // # of rows var rowCount = inRows.length; if(!rowCount){ return; } // map which columns and rows fill which cells this.map = [ ]; for(var j=0, row; (row=inRows[j]); j++){ this.map[j] = []; } for(var j=0, row; (row=inRows[j]); j++){ for(var i=0, x=0, cell, colSpan, rowSpan; (cell=row[i]); i++){ while (this.map[j][x]){x++}; this.map[j][x] = { c: i, r: j }; rowSpan = cell.rowSpan || 1; colSpan = cell.colSpan || 1; for(var y=0; y