Saiku Table展示数据合并bug修复(二十五)
Saiku Table展示数据合并bug修复
Saiku以table的形式展示数据,如果点击了 非空的字段 按钮,则会自动进行数据合并,为空的数据行以及数据列都会自动隐藏掉。
首先我们应该定位问题:
1.查看接口返回值,会发现接口返回都正常,数值没有任何问题,所以我们能清楚的知道与后台没有关系。
2.从页面上定位问题,会发现是table渲染问题 : /saiku-ui/js/saiku/render/SaikuTableRenderer.js (如果是编译好的saiku,请找到 saiku-server\tomcat\webapps\ROOT\js\saiku\render\SaikuTableRenderer.js )
接下来我们来分析一下问题原因:
1.渲染页面主要是 SaikuTableRenderer.js文件中的此方法:
SaikuTableRenderer.prototype.internalRender = function(allData, options)
2.数据内容都存放在<table>标签中,存放内容为 tableContent,tableContent包含所有的数据信息。
js代码里面主要有两层for循环,将数据取出然后以字符串形式拼凑到 tableContent 里面,最后返回到html页面中渲染。
第一次是循环取出行数据信息
for (var row = 0, rowLen = table.length; row < rowLen; row++)
第二层是第一层循环中的行数据中取出对应的列数据,然后拼凑为<tr>标记的行数据 rowContent 里面
for (var col = 0, colLen = table[row].length; col < colLen; col++)
3.主要逻辑:
有个boolean类型的 same 标记,用来判断上下文数据信息是否一致,如果一致 same=true,后面就会自动合并
var same = !headerSame && !isHeaderLowestLvl && (col == 0 || !topParentsDiffer(data, row, col)) && header.value === previousRow[col].value ;
我们主要来看一下这个值:header.value === previousRow[col].value ,意思就是说当前记录列值与上一条记录的列数据相同时,same就为true,让其自动合并
自动合并的原理: 将当前记录的此列值置为空
var value = (same ? "<div> </div>" : '<div rel="' + row + ":" + col + '">' + (sameAsPrevValue && Settings.ALLOW_TABLE_DATA_COLLAPSE ? '<span class="expander expanded" style="cursor: pointer;">▼</span>' : '' ) + header.value + '</div>');
不断的循环出当前行的列值,然后将列值拼凑为 rowContent
rowContent += '<th class="' + cssclass + '" ' + (colspan > 0 ? ' colspan="' + colspan + '"' : "") + tipsy + '>' + value + '</th>';
但是下面还有个判断,就是当数据(DATA_CELL 就是标记度量值信息)为空时,saiku会将当前rowContent置为空
这里三个条件分别是:
用户是否点击了隐藏空数据按钮,也就是我们开头说的 非空的字段 按钮 : option.hideEmpty
当前数据信息 header.type属性 是否为 DATA_CELL 类型
当前行数据的指标信息是否都为空 (这里上方有代码如判断,我没有全部截取图片): rowWithOnlyEmptyCells
这样子一来,问题就暴露啦
如果我有两个部门的数据信息,每个部门个 3条数据,第一个部门三条数据都完整,第二个部门第一条数据 指标值都为空,后面两条数据完整
以上逻辑就会这样判断:
第一个部门数据正常展示,部门信息相同会自动合并,后面的数据也会正常展示,这个没问题
第二个部门的数据,第一条数据 首先部门不会合并到第一个部门,因为当前数据的部门value值与上一条记录的部门value值不同,但是由于cell指标数据为空,所以 rowContent最后就会置为空,相当于不展示此条数据
第二个部门第二条数据,部门数据会先判断当前数据的value是否与上一条数据的value相同,结果会发现相同,就会把当前数据的部门信息置为空,后面因为有cell指标数据,所以后面就会展示这条rowContent信息,但是此条数据不完整了,没有了部门名称信息。
第二个部门第三条数据同第二条数据一样。
最后我们就会得出这样的结果:
第一个部门的数据正常展示
第二个部门的数据由于都没有部门信息就会自动合并到第一个部门去展示。
其次我们来讲一下处理方案:
能定位到问题,了解问题原因离解决问题就不远了哈哈哈哈
我这边的处理方案是增加一个boolean类型标记值 headerFlag,用于决定same值,因为其实数据展示的时候是否合并就是在用same的取值
这个headerFlag值定义在两个for循环以外,默认为true,意思就是默认情况下影响数据的合并展示
headerFlag定义:
根据headerFlag的值来定义same值:
当有rowContent被置为空的时候,就将headerFlag标记置为false,就是为了保证当前一行数据为空时,下一次不会自动将部门列信息置为空了
接下来我们就应该开始考虑什么时候讲headerFlag标记转为true了啦
有以下两种情况我们需要考虑到
>>> 当前行的列数据值不等于上一行数据的列数据值时,表示这是一次新的判断,我们将headerFlag置为true,一切按照原来的一样
>>> 当前tableContent中包含当前行列数据信息时,表示当前列已经存在了,我们可以让它去做合并了,就将headerFlag置为true.
这样子我们就能处理好这个table自动合并的bug了,可能还有更好的办法或者是有全的解法,如有还望不吝赐教哈,多谢~
最后提供完整的 SaikuTableRenderer.js文件(修改后的)
- function SaikuTableRenderer(data, options) {
- this._data = data;
- this._options = _.extend({}, SaikuRendererOptions, options);
- }
- function getAxisLevelsName(data, axisName) {
- var queryData = data.query.queryModel.axes[axisName].hierarchies;
- var len = queryData.length;
- var arrLevels = [];
- for (var i = 0; i < len; i++) {
- for (var level in queryData[i].levels) {
- if (queryData[i].levels.hasOwnProperty(level)) {
- if (Settings.COLUMN_TITLE_TABLE_USE_LEVEL_CAPTION_NAME) {
- arrLevels.push(queryData[i].levels[level].caption);
- }
- else {
- arrLevels.push(level);
- }
- }
- }
- }
- return arrLevels;
- }
- function setStyleNegativeNumber(value) {
- var className = '';
- if (Settings.STYLE_NEGATIVE_NUMBER && parseFloat(value) < 0) {
- className = ' style_negative_number ';
- }
- return className;
- }
- function getAxisSize(data, axisName) {
- var queryData = data.query.queryModel.axes[axisName].hierarchies;
- var len = queryData.length;
- var axisSize = 0;
- for (var i = 0; i < len; i++) {
- axisSize += _.size(queryData[i].levels);
- }
- return axisSize;
- }
- function getDomColumnsLevelsName(htmlObject) {
- var $htmlObject = $(htmlObject.closest('.workspace')
- .find('.workspace_fields')
- .find('.columns.axis_fields')
- .find('.hierarchy')
- .find('.d_level'));
- var arrLevels = [];
- $.each($htmlObject, function(key, level) {
- if ($(level).attr('style') === 'display: list-item;') {
- if (Settings.COLUMN_TITLE_TABLE_USE_LEVEL_CAPTION_NAME) {
- arrLevels.push($(level).find('.level').attr('title'));
- }
- else {
- arrLevels.push($(level).find('.level').attr('level'));
- }
- }
- });
- return arrLevels;
- }
- /*table render method*/
- SaikuTableRenderer.prototype.render = function(data, options) {
- var self = this;
- if (data) {
- this._data = data;
- }
- if (options) {
- this._options = _.extend({}, SaikuRendererOptions, options);
- }
- if (typeof this._data == "undefined") {
- return;
- }
- if (this._data != null && this._data.error != null) {
- return;
- }
- if (this._data == null || (this._data.cellset && this._data.cellset.length === 0)) {
- return;
- }
- this.hideEmpty = this._options.hideEmpty;
- if (this._options.htmlObject) {
- // $(this._options.htmlObject).stickyTableHeaders("destroy");
- // in case we have some left over scrollers
- if (self._options.hasOwnProperty('batch')) {
- $(self._options.htmlObject).parent().parent().unbind('scroll');
- }
- _.defer(function(that) {
- if (self._options.hasOwnProperty('batch') && !self._options.hasOwnProperty('batchSize')) {
- self._options['batchSize'] = 1000;
- }
- // the key method to render data by table form. 20190423
- var html = self.internalRender(self._data, self._options);
- $(self._options.htmlObject).html(html);
- // Render the totals summary
- $('#totals_summary').remove(); // Remove one previous totals div, if present
- $(self._options.htmlObject).after(self.renderSummary(data)); // Render the new summary
- // $(self._options.htmlObject).stickyTableHeaders( { container: self._options.htmlObject.parent().parent(), fixedOffset: self._options.htmlObject.parent().parent().offset().top });
- _.defer(function(that) {
- if (self._options.hasOwnProperty('batch') && self._options.hasBatchResult) {
- var batchRow = 0;
- var batchIsRunning = false;
- var batchIntervalSize = self._options.hasOwnProperty('batchIntervalSize') ? self._options.batchIntervalSize : 20;
- var batchIntervalTime = self._options.hasOwnProperty('batchIntervalTime') ? self._options.batchIntervalTime : 20;
- var len = self._options.batchResult.length;
- var batchInsert = function() {
- // maybe add check for reach table bottom - ($('.workspace_results').scrollTop() , $('.workspace_results table').height()
- if (!batchIsRunning && len > 0 && batchRow < len) {
- batchIsRunning = true;
- var batchContent = "";
- var startb = batchRow;
- for (var i = 0; batchRow < len && i < batchIntervalSize ; i++, batchRow++) {
- batchContent += self._options.batchResult[batchRow];
- }
- if (batchRow > startb) {
- $(self._options.htmlObject).append( $(batchContent));
- }
- batchIsRunning = false;
- }
- if (batchRow >= len) {
- $(self._options.htmlObject).parent().parent().unbind('scroll');
- }
- };
- var lazyBatchInsert = _.debounce(batchInsert, batchIntervalTime);
- $(self._options.htmlObject).parent().parent().scroll(function () {
- lazyBatchInsert();
- });
- }
- });
- return html;
- });
- } else {
- var html = this.internalRender(this._data, self._options);
- return html;
- }
- };
- SaikuTableRenderer.prototype.clear = function(data, options) {
- var self = this;
- if (this._options && this._options.htmlObject && this._options.hasOwnProperty('batch')) {
- $(self._options.htmlObject).parent().parent().unbind('scroll');
- }
- };
- SaikuTableRenderer.prototype.processData = function(data, options) {
- this._hasProcessed = true;
- };
- function genTotalDataCells(currentIndex, cellIndex, scanSums, scanIndexes, lists) {
- var contents = '';
- var lists = lists[ROWS];
- for (var i = scanSums.length - 1; i >= 0; i--) {
- if (currentIndex == scanSums[i]) {
- var currentListNode = lists[i][scanIndexes[i]];
- for (var m = 0; m < currentListNode.cells.length; m++) {
- contents += '<td class="data total">' + currentListNode.cells[m][cellIndex].value + '</td>';
- }
- scanIndexes[i]++;
- if (scanIndexes[i] < lists[i].length)
- scanSums[i] += lists[i][scanIndexes[i]].width;
- }
- }
- return contents;
- }
- function genTotalHeaderCells(currentIndex, bottom, scanSums, scanIndexes, lists, wrapContent) {
- var contents = '';
- for (var i = bottom; i >= 0; i--) {
- if (currentIndex == scanSums[i]) {
- var currentListNode = lists[i][scanIndexes[i]];
- var cssClass;
- if (i == 0 && bottom == 1)
- cssClass = "col";
- else if (i == bottom)
- cssClass = "col_total_corner";
- else if (i == bottom - 1 && currentListNode.captions)
- cssClass = "col_total_first";
- else cssClass = "col_null";
- for (var m = 0; m < currentListNode.cells.length; m++) {
- var text = ' ';
- if (bottom == lists.length - 1) {
- if (currentListNode.captions) {
- text = lists[i][scanIndexes[i]].captions[m];
- }
- if (i == 0 && scanIndexes[i] == 0) {
- if (currentListNode.captions)
- text += " ";
- else text = "";
- text += (wrapContent ? "<span class='i18n'>Grand Total</span>" : "Grand Total");
- }
- }
- contents += '<th class="' + cssClass + '">'
- + (wrapContent ? '<div>' + text + '</div>' : text ) + '</th>';
- }
- scanIndexes[i]++;
- if (scanIndexes[i] < lists[i].length)
- scanSums[i] += lists[i][scanIndexes[i]].width;
- }
- }
- return contents;
- }
- function totalIntersectionCells(currentIndex, bottom, scanSums, scanIndexes, lists) {
- var contents = '';
- for (var i = bottom; i >= 0; i--) {
- if (currentIndex == scanSums[i]) {
- var currentListNode = lists[i][scanIndexes[i]];
- var cssClass = "data total";
- for (var m = 0; m < currentListNode.cells.length; m++) {
- var text = ' ';
- contents += '<td class="' + cssClass + '">' + text + '</td>';
- }
- scanIndexes[i]++;
- if (scanIndexes[i] < lists[i].length)
- scanSums[i] += lists[i][scanIndexes[i]].width;
- }
- }
- return contents;
- }
- function isNextTotalsRow(currentIndex, scanSums, scanIndexes, totalsLists, wrapContent) {
- var colLists = totalsLists[COLUMNS];
- var colScanSums = scanSums[COLUMNS];
- var colScanIndexes = scanIndexes[COLUMNS];
- var bottom = colLists.length - 2;
- var contents = -1;
- for (var i = bottom; i >= 0; i--) {
- if (currentIndex == colScanSums[i]) {
- for (var m = 0; m < colLists[i][colScanIndexes[i]].cells.length; m++) {
- contents += '<tr>';
- for (var j = 0; j <= bottom; j++) {
- var cssClass;
- var text = ' ';
- if (i == 0 && j == 0)
- cssClass = 'row';
- else if (i == j + 1){
- cssClass = 'row_total_corner';
- return j;
- }
- else if (i == j && colLists[i][colScanIndexes[i]].captions) {
- cssClass = 'row_total_first';
- } else if (i < j + 1)
- cssClass = 'row_total';
- else
- cssClass = 'row_null';
- if (j == bottom ) {
- if (colLists[i][colScanIndexes[i]].captions) {
- text = colLists[i][colScanIndexes[i]].captions[m];
- }
- if (i == 0 && colScanIndexes[i] == 0) {
- if (colLists[i][colScanIndexes[i]].captions)
- text += " ";
- else text = "";
- text += (wrapContent ? "<span class='i18n'>Grand Total</span>" : "Grand Total");
- }
- }
- }
- }
- }
- }
- return -1;
- }
- function genTotalHeaderRowCells(currentIndex, scanSums, scanIndexes, totalsLists, wrapContent) {
- var colLists = totalsLists[COLUMNS];
- var colScanSums = scanSums[COLUMNS];
- var colScanIndexes = scanIndexes[COLUMNS];
- var bottom = colLists.length - 2;
- var contents = '';
- for (var i = bottom; i >= 0; i--) {
- if (currentIndex == colScanSums[i]) {
- for (var m = 0; m < colLists[i][colScanIndexes[i]].cells.length; m++) {
- contents += '<tr>';
- for (var j = 0; j <= bottom; j++) {
- var cssClass;
- var text = ' ';
- if (i == 0 && j == 0)
- cssClass = 'row';
- else if (i == j + 1)
- cssClass = 'row_total_corner';
- else if (i == j && colLists[i][colScanIndexes[i]].captions) {
- cssClass = 'row_total_first';
- } else if (i < j + 1)
- cssClass = 'row_total';
- else
- cssClass = 'row_null';
- if (j == bottom ) {
- if (colLists[i][colScanIndexes[i]].captions) {
- text = colLists[i][colScanIndexes[i]].captions[m];
- }
- if (i == 0 && colScanIndexes[i] == 0) {
- if (colLists[i][colScanIndexes[i]].captions)
- text += " ";
- else text = "";
- text += (wrapContent ? "<span class='i18n'>Grand Total</span>" : "Grand Total");
- }
- }
- contents += '<th class="' + cssClass + '">'
- + (wrapContent ? '<div>' + text + '</div>' : text ) + '</th>';
- }
- var scanIndexes = {};
- var scanSums = {};
- if (totalsLists[ROWS]) {
- for (var z = 0; z < totalsLists[ROWS].length; z++) {
- scanIndexes[z] = 0;
- scanSums[z] = totalsLists[ROWS][z][scanIndexes[z]].width;
- }
- }
- for (var k = 0; k < colLists[i][colScanIndexes[i]].cells[m].length; k++) {
- contents += '<td class="data total">' + colLists[i][colScanIndexes[i]].cells[m][k].value + '</td>';
- if (totalsLists[ROWS]) {
- contents += totalIntersectionCells(k + 1, totalsLists[ROWS].length - 1, scanSums, scanIndexes, totalsLists[ROWS]);
- }
- }
- contents += '</tr>';
- }
- colScanIndexes[i]++;
- if (colScanIndexes[i] < colLists[i].length) {
- colScanSums[i] += colLists[i][colScanIndexes[i]].width;
- }
- }
- }
- return contents;
- }
- var ROWS = "ROWS";
- var COLUMNS = "COLUMNS";
- function nextParentsDiffer(data, row, col) {
- while (row-- > 0) {
- if (data[row][col].properties.uniquename != data[row][col + 1].properties.uniquename)
- return true;
- }
- return false;
- }
- function topParentsDiffer(data, row, col) {
- while (col-- > 0)
- if (data[row][col].properties.uniquename != data[row - 1][col].properties.uniquename)
- return true;
- return false;
- }
- /**
- * This function is intended to traverse the totals arrays and cleanup empty
- * totals. This will optimize the query result on screen, displaying just the
- * needed cells.
- * @param dirs The direction array ['ROWS', 'COLUMNS']
- * @param totalsLists The totals from allData.rowTotalsLists and allData.colTotalsLists.
- */
- function cleanupTotals(dirs, totalsLists) {
- // For each direction (ROWS/COLUMNS)
- for (var dirIndex = 0; dirIndex < dirs.length; dirIndex++) {
- var dir = dirs[dirIndex];
- // If there are defined totals
- if (totalsLists[dir]) {
- var isEmpty = true; // A flag to indicate if this total is empty
- for (var row = 0; row < totalsLists[dir].length; row++) {
- var totalsInfoArray = totalsLists[dir][row];
- for (var totalIndex = 0; totalIndex < totalsInfoArray.length; totalIndex++) {
- var cells = totalsLists[dir][row][totalIndex].cells;
- for (var cellIndex = 0; cellIndex < cells.length; cellIndex++) {
- var cellArray = cells[cellIndex];
- // For each total cell
- for (var i = 0; i < cellArray.length; i++) {
- var cell = cellArray[i];
- // If it contains a value different from empty
- if (cell.value !== '-') {
- isEmpty = false; // So, this total is not empty
- }
- }
- }
- }
- }
- if (isEmpty) { // If this total is empty
- totalsLists[dir] = null; // Remove it
- }
- }
- }
- }
- /*the main method to render data by table form. 20190423*/
- SaikuTableRenderer.prototype.internalRender = function(allData, options) {
- var tableContent = "";
- var rowContent = "";
- var data = allData.cellset;
- var newRowContent = '';
- var arrRowData = [];
- var objRowData = [];
- var table = data ? data : [];
- var colSpan;
- var colValue;
- var isHeaderLowestLvl;
- var isBody = false;
- var firstColumn;
- var isLastColumn, isLastRow;
- var nextHeader;
- var processedRowHeader = false;
- var lowestRowLvl = 0;
- var rowGroups = [];
- var batchSize = null;
- var batchStarted = false;
- var isColHeader = false, isColHeaderDone = false;
- var resultRows = [];
- var wrapContent = true;
- if (options) {
- batchSize = options.hasOwnProperty('batchSize') ? options.batchSize : null;
- wrapContent = options.hasOwnProperty('wrapContent') ? options.wrapContent : true;
- }
- var totalsLists = {};
- totalsLists[COLUMNS] = allData.rowTotalsLists;
- totalsLists[ROWS] = allData.colTotalsLists;
- var scanSums = {};
- var scanIndexes = {};
- var dirs = [ROWS, COLUMNS];
- var hasMeasures = allData.query && allData.query.queryModel && allData.query.queryModel.details
- ? allData.query.queryModel.details.measures.length
- : 0;
- if (typeof this._options.htmlObject === 'object' &&
- Settings.ALLOW_AXIS_COLUMN_TITLE_TABLE &&
- hasMeasures > 0 &&
- allData.query.type === 'QUERYMODEL' &&
- allData.query.queryModel.details.axis === 'COLUMNS' &&
- allData.query.queryModel.details.location === 'BOTTOM') {
- var arrColumnTitleTable = getAxisLevelsName(allData, COLUMNS);
- var arrDomColumnTitleTable = getDomColumnsLevelsName(this._options.htmlObject);
- var colspanColumnTitleTable = getAxisSize(allData, ROWS);
- var auxColumnTitleTable = 0;
- if (arrColumnTitleTable.length === arrDomColumnTitleTable.length) {
- arrColumnTitleTable = arrDomColumnTitleTable;
- }
- else {
- arrColumnTitleTable = _.intersection(arrDomColumnTitleTable, arrColumnTitleTable);
- }
- }
- for (var i = 0; i < dirs.length; i++) {
- scanSums[dirs[i]] = new Array();
- scanIndexes[dirs[i]] = new Array();
- }
- // Here we cleaup the empty totals
- cleanupTotals(dirs, totalsLists);
- if (totalsLists[COLUMNS]) {
- for (var i = 0; i < totalsLists[COLUMNS].length; i++) {
- scanIndexes[COLUMNS][i] = 0;
- scanSums[COLUMNS][i] = totalsLists[COLUMNS][i][scanIndexes[COLUMNS][i]].width;
- }
- }
- var headerFlag=true;// add this flag to solve the bug when same data to merge。 20190423
- for (var row = 0, rowLen = table.length; row < rowLen; row++) {
- var rowShifted = row - allData.topOffset;
- colSpan = 1;
- colValue = "";
- isHeaderLowestLvl = false;
- isLastColumn = false;
- isLastRow = false;
- isColHeader = false;
- var headerSame = false;
- if (totalsLists[ROWS]) {
- for (var i = 0; i < totalsLists[ROWS].length; i++) {
- scanIndexes[ROWS][i] = 0;
- scanSums[ROWS][i] = totalsLists[ROWS][i][scanIndexes[ROWS][i]].width;
- }
- }
- rowWithOnlyEmptyCells = true;
- rowContent = "<tr>";
- var header = null;
- if (row === 0) {
- rowContent = "<thead>" + rowContent;
- }
- if (typeof this._options.htmlObject === 'object' &&
- Settings.ALLOW_AXIS_COLUMN_TITLE_TABLE &&
- hasMeasures > 0 &&
- allData.query.type === 'QUERYMODEL' &&
- allData.query.queryModel.details.axis === 'COLUMNS' &&
- allData.query.queryModel.details.location === 'BOTTOM' &&
- auxColumnTitleTable < arrColumnTitleTable.length) {
- rowContent += '<th class="row_header" style="text-align: right;" colspan="' + colspanColumnTitleTable + '" title="' + arrColumnTitleTable[auxColumnTitleTable] + '">'
- + (wrapContent ? '<div>' + arrColumnTitleTable[auxColumnTitleTable] + '</div>' : arrColumnTitleTable[auxColumnTitleTable])
- + '</th>';
- auxColumnTitleTable += 1;
- }
- for (var col = 0, colLen = table[row].length; col < colLen; col++) {
- var colShifted = col - allData.leftOffset;
- header = data[row][col];
- if (header.type === "COLUMN_HEADER") {
- isColHeader = true;
- }
- // If the cell is a column header and is null (top left of table)
- if (header.type === "COLUMN_HEADER" && header.value === "null" && (firstColumn == null || col < firstColumn)) {
- if (((!Settings.ALLOW_AXIS_COLUMN_TITLE_TABLE || (Settings.ALLOW_AXIS_COLUMN_TITLE_TABLE && allData.query.queryModel.details.location !== 'BOTTOM')) || hasMeasures === 0) ||
- allData.query.type === 'MDX') {
- rowContent += '<th class="all_null"> </th>';
- }
- } // If the cell is a column header and isn't null (column header of table)
- else if (header.type === "COLUMN_HEADER") {
- if (firstColumn == null) {
- firstColumn = col;
- }
- if (table[row].length == col+1)
- isLastColumn = true;
- else
- nextHeader = data[row][col+1];
- if (isLastColumn) {
- // Last column in a row...
- if (header.value == "null") {
- rowContent += '<th class="col_null"> </th>';
- } else {
- if (totalsLists[ROWS])
- colSpan = totalsLists[ROWS][row + 1][scanIndexes[ROWS][row + 1]].span;
- rowContent += '<th class="col" style="text-align: center;" colspan="' + colSpan + '" title="' + header.value + '">'
- + (wrapContent ? '<div rel="' + row + ":" + col +'">' + header.value + '</div>' : header.value)
- + '</th>';
- }
- } else {
- // All the rest...
- var groupChange = (col > 1 && row > 1 && !isHeaderLowestLvl && col > firstColumn) ?
- data[row-1][col+1].value != data[row-1][col].value || data[row-1][col+1].properties.uniquename != data[row-1][col].properties.uniquename
- : false;
- var maxColspan = colSpan > 999 ? true : false;
- if (header.value != nextHeader.value || nextParentsDiffer(data, row, col) || isHeaderLowestLvl || groupChange || maxColspan) {
- if (header.value == "null") {
- rowContent += '<th class="col_null" colspan="' + colSpan + '"> </th>';
- } else {
- if (totalsLists[ROWS])
- colSpan = totalsLists[ROWS][row + 1][scanIndexes[ROWS][row + 1]].span;
- rowContent += '<th class="col" style="text-align: center;" colspan="' + (colSpan == 0 ? 1 : colSpan) + '" title="' + header.value + '">'
- + (wrapContent ? '<div rel="' + row + ":" + col +'">' + header.value + '</div>' : header.value)
- + '</th>';
- }
- colSpan = 1;
- } else {
- colSpan++;
- }
- }
- if (totalsLists[ROWS])
- rowContent += genTotalHeaderCells(col - allData.leftOffset + 1, row + 1, scanSums[ROWS], scanIndexes[ROWS], totalsLists[ROWS], wrapContent);
- } // If the cell is a row header and is null (grouped row header)
- else if (header.type === "ROW_HEADER" && header.value === "null") {
- rowContent += '<th class="row_null"> </th>';
- } // If the cell is a row header and isn't null (last row header)
- else if (header.type === "ROW_HEADER") {
- if (lowestRowLvl == col)
- isHeaderLowestLvl = true;
- else
- nextHeader = data[row][col+1];
- var previousRow = data[row - 1];
- var nextRow = data[row + 1];
- // when same set fixed value is false ,It means the same data will not merge。table data will show row by row.20190423
- //var same=false;
- /*judge the current value and previousRow value,
- if equals ,all set comeback,set the headerFlag is true,
- we can judge the data as usual. 20190423*/
- if(header.value !== previousRow[col].value){
- headerFlag =true;
- }
- /*judge the tableContent include value or not, if include ,
- set the headerFlag value is true to avoid repeat datas showed in table.20190423*/
- if(tableContent.indexOf(header.value) > -1 ){
- headerFlag =true;
- }
- /*add headerFlag to judge the data is same ,then control the data merge wheather or not.20190423 */
- var same = !headerSame && !isHeaderLowestLvl && (col == 0 || !topParentsDiffer(data, row, col))
- && header.value === previousRow[col].value && headerFlag;
- headerSame = !same;
- var sameAsPrevValue = false;
- if(Settings.ALLOW_TABLE_DATA_COLLAPSE){
- if (row > 0 && row < rowLen - 1) {
- if (totalsLists[ROWS] == null || (col <= colLen - totalsLists[ROWS].length - 1)) {
- var checkOther = true;
- if (totalsLists[COLUMNS] && rowShifted >= 0 && col <= isNextTotalsRow(rowShifted + 1, scanSums, scanIndexes, totalsLists, wrapContent)) {
- sameAsPrevValue = true;
- checkOther = false;
- }
- if (checkOther && nextRow[col].value == header.value) {
- if (col > 0) {
- for (var j = 0; j < col; j++) {
- if (nextRow[j].value == data[row][j].value) {
- sameAsPrevValue = true;
- } else {
- sameAsPrevValue = false;
- break;
- }
- }
- } else {
- sameAsPrevValue = true;
- }
- }
- }
- } else if(row > 0 && row == rowLen - 1) {
- if (totalsLists[COLUMNS] && rowShifted >= 0 && col <= isNextTotalsRow(rowShifted + 1, scanSums, scanIndexes, totalsLists, wrapContent)) {
- sameAsPrevValue = true;
- }
- }
- }
- var value = (same ? "<div> </div>" : '<div rel="' + row + ":" + col + '">'
- + (sameAsPrevValue && Settings.ALLOW_TABLE_DATA_COLLAPSE ? '<span class="expander expanded" style="cursor: pointer;">▼</span>' : '' ) + header.value + '</div>');
- if (!wrapContent) {
- value = (same ? " " : header.value );
- }
- var tipsy = "";
- /* var tipsy = ' original-title="';
- if (!same && header.metaproperties) {
- for (key in header.metaproperties) {
- if (key.substring(0,1) != "$" && key.substring(1,2).toUpperCase() != key.substring(1,2)) {
- tipsy += "<b>" + safe_tags_replace(key) + "</b> : " + safe_tags_replace(header.metaproperties[key]) + "<br>";
- }
- }
- }
- tipsy += '"';
- */
- var cssclass = (same ? "row_null" : "row");
- var colspan = 0;
- if (!isHeaderLowestLvl && (typeof nextHeader == "undefined" || nextHeader.value === "null")) {
- colspan = 1;
- var group = header.properties.dimension;
- var level = header.properties.level;
- var groupWidth = (group in rowGroups ? rowGroups[group].length - rowGroups[group].indexOf(level) : 1);
- for (var k = col + 1; colspan < groupWidth && k <= (lowestRowLvl+1) && data[row][k] !== "null"; k++) {
- colspan = k - col;
- }
- col = col + colspan -1;
- }
- /*when the content is to long ,we will set new line to show it.*/
- // eg value: <div rel="3:0">新業務及保單行政部</div>
- if(cssclass == "row" && value.length>0){
- var startPos = value.indexOf('>'); //find start position of the tag. eg: <div rel="3:0">
- var endPos = value.lastIndexOf('<'); //find end position of the tag. eg: </div>
- var tmpValue = value.substr( startPos+1 ,endPos-startPos-1); // get the content value. eg: 新業務及保單行政部
- //将value值每隔40个字自动加上换行符
- //each 40 character add one <br> tag to get new line.
- if(tmpValue.length>120){
- tmpValue = tmpValue.substr(0,40)+"<br/>"+tmpValue.substr(40,40)+"<br/>"+tmpValue.substr(80,40)+"<br/>"+tmpValue.substr(120,tmpValue.length-120);
- }else if(tmpValue.length>80){
- tmpValue = tmpValue.substr(0,40)+"<br/>"+tmpValue.substr(40,40)+"<br/>"+tmpValue.substr(80,tmpValue.length-80);
- }else if(tmpValue.length>40){
- tmpValue = tmpValue.substr(0,40)+"<br/>"+tmpValue.substr(40,tmpValue.length-40);
- }
- // compared with old value, this value only add <br> tag for show data in table more beautiful.
- value = value.substr(0,startPos+1) + tmpValue + value.substr(endPos,value.length-endPos);
- }
- rowContent += '<th class="' + cssclass + '" ' + (colspan > 0 ? ' colspan="' + colspan + '"' : "") + tipsy + '>' + value + '</th>';
- }
- else if (header.type === "ROW_HEADER_HEADER") {
- var hierName = function(data) {
- var hier = data.properties.hierarchy;
- var name = hier.replace(/[\[\]]/gi, '').split('.')[1]
- ? hier.replace(/[\[\]]/gi, '').split('.')[1]
- : hier.replace(/[\[\]]/gi, '').split('.')[0];
- return name;
- };
- var arrPosRowData = [];
- if (_.contains(arrRowData, header.value)) {
- for (var i = 0; i < arrRowData.length; i++) {
- if (arrRowData[i] === header.value) {
- arrPosRowData.push(i);
- }
- }
- arrPosRowData.push(col);
- }
- rowContent += '<th class="row_header">' + (wrapContent ? '<div>' + header.value + '</div>' : header.value) + '</th>';
- arrRowData.push(header.value);
- objRowData.push({
- name: header.value,
- hierName: hierName(header) + '/' + header.value
- });
- isHeaderLowestLvl = true;
- processedRowHeader = true;
- lowestRowLvl = col;
- if (header.properties.hasOwnProperty("dimension")) {
- var group = header.properties.dimension;
- if (!(group in rowGroups)) {
- rowGroups[group] = [];
- }
- rowGroups[group].push(header.properties.level);
- }
- if (arrPosRowData.length > 0) {
- var aux = 0;
- rowContent = '<tr>';
- if (row === 0) {
- rowContent = '<thead>' + rowContent;
- }
- for (var i = 0; i < objRowData.length; i++) {
- if (arrPosRowData[aux] === i) {
- newRowContent += '<th class="row_header">' + (wrapContent ? '<div>' + objRowData[i].hierName + '</div>' : objRowData[i].hierName) + '</th>';
- aux += 1;
- }
- else {
- newRowContent += '<th class="row_header">' + (wrapContent ? '<div>' + objRowData[i].name + '</div>' : objRowData[i].name) + '</th>';
- }
- }
- rowContent += newRowContent;
- }
- } // If the cell is a normal data cell
- else if (header.type === "DATA_CELL") {
- batchStarted = true;
- var color = "";
- var val = _.isEmpty(header.value) ? Settings.EMPTY_VALUE_CHARACTER : header.value;
- var arrow = "";
- if (header.properties.hasOwnProperty('image')) {
- var img_height = header.properties.hasOwnProperty('image_height') ? " height='" + header.properties.image_height + "'" : "";
- var img_width = header.properties.hasOwnProperty('image_width') ? " width='" + header.properties.image_width + "'" : "";
- val = "<img " + img_height + " " + img_width + " style='padding-left: 5px' src='" + header.properties.image + "' border='0'>";
- }
- // Just apply formatting to non-empty cells
- if (val !== '-' && val !== '' && header.properties.hasOwnProperty('style')) {
- color = " style='background-color: " + header.properties.style + "' ";
- }
- if (header.properties.hasOwnProperty('link')) {
- val = "<a target='__blank' href='" + header.properties.link + "'>" + val + "</a>";
- }
- if (header.properties.hasOwnProperty('arrow')) {
- arrow = "<img height='10' width='10' style='padding-left: 5px' src='./images/arrow-" + header.properties.arrow + ".gif' border='0'>";
- }
- if (val !== '-' && val !== '') {
- rowWithOnlyEmptyCells = false;
- }
- rowContent += '<td class="data" ' + color + '>'
- + (wrapContent ? '<div class="datadiv '+ setStyleNegativeNumber(header.properties.raw) + '" alt="' + header.properties.raw + '" rel="' + header.properties.position + '">' : "")
- + val + arrow
- + (wrapContent ? '</div>' : '') + '</td>';
- if (totalsLists[ROWS])
- rowContent += genTotalDataCells(colShifted + 1, rowShifted, scanSums[ROWS], scanIndexes[ROWS], totalsLists, wrapContent);
- }
- }
- rowContent += "</tr>";
- // Change it to let hideEmpty true by default
- if (options.hideEmpty && header.type === "DATA_CELL" && rowWithOnlyEmptyCells) {
- /*when data_cell is null,set the headerFlag is false ,
- to fix the problem data merge inccrrect.
- */
- headerFlag=false;
- rowContent = '';
- }
- var totals = "";
- if (totalsLists[COLUMNS] && rowShifted >= 0) {
- totals += genTotalHeaderRowCells(rowShifted + 1, scanSums, scanIndexes, totalsLists, wrapContent);
- }
- if (batchStarted && batchSize) {
- if (row <= batchSize) {
- if (!isColHeader && !isColHeaderDone) {
- tableContent += "</thead><tbody>";
- isColHeaderDone = true;
- }
- tableContent += rowContent;
- if (totals.length > 0) {
- tableContent += totals;
- }
- } else {
- resultRows.push(rowContent);
- if (totals.length > 0) {
- resultRows.push(totals);
- }
- }
- } else {
- if (!isColHeader && !isColHeaderDone) {
- tableContent += "</thead><tbody>";
- isColHeaderDone = true;
- }
- tableContent += rowContent;
- if (totals.length > 0) {
- tableContent += totals;
- }
- }
- }
- if (options) {
- options['batchResult'] = resultRows;
- options['hasBatchResult'] = resultRows.length > 0;
- }
- return "<table>" + tableContent + "</tbody></table>";
- };
- SaikuTableRenderer.prototype.renderSummary = function(data) {
- if (data && data.query) {
- var hasSomethingToRender = false;
- var measures = data.query.queryModel.details
- ? data.query.queryModel.details.measures
- : [];
- var summaryData = {};
- for (var i = 0; i < measures.length; i++) {
- var m = measures[i];
- if (m.aggregators) {
- for (var j = 0; j < m.aggregators.length; j++) {
- var a = m.aggregators[j];
- if (a.indexOf('_') > 0) {
- var tokens = a.split('_');
- var aggregator = tokens[0];
- var axis = tokens[1];
- if (aggregator !== 'nil' && aggregator !== 'not') {
- hasSomethingToRender = true;
- aggregator = aggregator.capitalizeFirstLetter();
- if (!(axis in summaryData)) summaryData[axis] = [];
- summaryData[axis].push(m.name + ": " + aggregator);
- }
- }
- }
- }
- }
- if (hasSomethingToRender) {
- var summary = "<div id='totals_summary'><br/>";
- $.each(summaryData, function(key, aggregators) {
- summary += "<h3>" + key.capitalizeFirstLetter();
- for (var i = 0; i < aggregators.length; i++) {
- summary += "<br/> " + aggregators[i];
- }
- summary += "</h3>";
- });
- return summary + "</div>";
- }
- }
- return "";
- };
- String.prototype.capitalizeFirstLetter = function() {
- return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
- }
Saiku Table展示数据合并bug修复(二十五)的更多相关文章
- Saiku控制页面展示的数据过长自动换行(二十四)
Saiku控制页面展示的数据过长自动换行 目前用到saiku来展示数据,发现数据文本过长也不会自动换行,然而用户那边又需要换行(会好看些),所以就来改一改源码啦 首先我们使用谷歌浏览器 inspect ...
- JAVA基础再回首(二十五)——Lock锁的使用、死锁问题、多线程生产者和消费者、线程池、匿名内部类使用多线程、定时器、面试题
JAVA基础再回首(二十五)--Lock锁的使用.死锁问题.多线程生产者和消费者.线程池.匿名内部类使用多线程.定时器.面试题 版权声明:转载必须注明本文转自程序猿杜鹏程的博客:http://blog ...
- JAVA之旅(二十五)——文件复制,字符流的缓冲区,BufferedWriter,BufferedReader,通过缓冲区复制文件,readLine工作原理,自定义readLine
JAVA之旅(二十五)--文件复制,字符流的缓冲区,BufferedWriter,BufferedReader,通过缓冲区复制文件,readLine工作原理,自定义readLine 我们继续IO上个篇 ...
- Java进阶(二十五)Java连接mysql数据库(底层实现)
Java进阶(二十五)Java连接mysql数据库(底层实现) 前言 很长时间没有系统的使用java做项目了.现在需要使用java完成一个实验,其中涉及到java连接数据库.让自己来写,记忆中已无从搜 ...
- 二十五种网页加速方法和seo优化技巧
一.使用良好的结构 可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显.XHTML 可能使您的页面更加符合标准,但是它大量使用标记(强制性的 <start> 和 <e ...
- C#学习基础概念二十五问
C#学习基础概念二十五问 1.静态变量和非静态变量的区别?2.const 和 static readonly 区别?3.extern 是什么意思?4.abstract 是什么意思?5.internal ...
- [转载]Windows Server 2008 R2 之二十五AD RMS信任策略
原文地址:Windows Server 2008 R2 之二十五AD RMS信任策略作者:从心开始 可以通过添加信任策略,让 AD RMS 可以处理由不同的 AD RMS 群集进行权限保护的内容的授权 ...
- 微信小程序把玩(二十五)loading组件
原文:微信小程序把玩(二十五)loading组件 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否 主要属性: wxml <!----> <butt ...
- FreeSql (二十五)延时加载
FreeSql 支持导航属性延时加载,即当我们需要用到的时候才进行加载(读取),支持1对1.多对1.1对多.多对多关系的导航属性. 当我们希望浏览某条订单信息的时候,才显示其对应的订单详细记录时,我们 ...
随机推荐
- puppeteer实现线上服务器任意区域截图
整个九月份由于业务繁重以及玩心颇重,一直没有机会来写一篇博文.而且笔者于十月一日将会举办人生大事--婚礼,现在家里筹办过程中只能抽出零碎的时间来写这篇文章. 关于服务端截图,这种使用场景非常少见,大多 ...
- OpenCV自带dnn的Example研究(2)— colorization
这个博客系列,简单来说,今天我们就是要研究 6个文件,看看在最新的OpenCV中,它们是如何发挥作用的. 在配置使用的过程中,需要注意使用较高版本的VS避免编译器兼容问题:由于DNN程序的运行依赖于训 ...
- Java基础学习-Random类和Java数组
1.随机数类(Random) package com.denniscui; import java.util.Random; /* * Random:用于产生随机数 * * 使用步骤: * ...
- Iview的小经验
1.动态控制form验证的小红星 HTML部分: <FormItem :class="{requireStar:bankFlag1}"> CSS部分: /*动态必填项c ...
- Bootstrap3基础 栅格系统 1行最多12列
内容 参数 OS Windows 10 x64 browser Firefox 65.0.2 framework Bootstrap 3.3.7 editor ...
- StreamReader 和 StreamWriter 简单调用
/* ######### ############ ############# ## ########### ### ###### ##### ### ####### #### ### ####### ...
- speech
1.李开复:一个人的成功,15%靠专业知识,其余15%人际沟通,公众演讲,以及影响他人的能力 2.演讲是一门遗憾的艺术 3.没有准备就等于准备失败 4.追求完美,就是在追求完蛋 5.宁可千日无机会,不 ...
- OO随笔
第一次作业——多项式计算 1.自我程序分析 第一次作业是多项式计算,只使用了一个多项式类.第一次接触面向对象的程序,还比较生疏,不是很能理解面向对象的思想.将读入,处理,计算,都放到了main函数中, ...
- rematch:当你受不了redux繁琐写法的时候,是时候了解一波rematch了
前言: 前段时间学习完react后,刚好就接到公司一个react项目的迭代,顺便巩固一下前段时间的学习成果.项目使用的是redux+react-router,将所有的数据都放在redux中,异步处理数 ...
- reactiveCocoa使用注意点
@RACSubject信号 注意点:1如果一个页面需要多次发送这个消息,那么似乎会暴露一个bug,信号不会被销毁,等到发送第二个信号 时,第一个信号仍然会被发送,导致错误,比如一个tableView的 ...