Saiku Table展示數(shù)據(jù)合并bug修復(fù)

?

Saiku以table的形式展示數(shù)據(jù)，如果點(diǎn)擊了 非空的字段 按鈕，則會(huì)自動(dòng)進(jìn)行數(shù)據(jù)合并，為空的數(shù)據(jù)行以及數(shù)據(jù)列都會(huì)自動(dòng)隱藏掉。

?

首先我們應(yīng)該定位問題：

1.查看接口返回值，會(huì)發(fā)現(xiàn)接口返回都正常，數(shù)值沒有任何問題，所以我們能清楚的知道與后臺沒有關(guān)系。

2.從頁面上定位問題，會(huì)發(fā)現(xiàn)是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.數(shù)據(jù)內(nèi)容都存放在<table>標(biāo)簽中，存放內(nèi)容為 tableContent,tableContent包含所有的數(shù)據(jù)信息。

js代碼里面主要有兩層for循環(huán),將數(shù)據(jù)取出然后以字符串形式拼湊到 tableContent 里面，最后返回到html頁面中渲染。

第一次是循環(huán)取出行數(shù)據(jù)信息

? for (var row = 0, rowLen = table.length; row < rowLen; row++)?

第二層是第一層循環(huán)中的行數(shù)據(jù)中取出對應(yīng)的列數(shù)據(jù)，然后拼湊為<tr>標(biāo)記的行數(shù)據(jù) rowContent 里面?

?for (var col = 0, colLen = table[row].length; col < colLen; col++)?

3.主要邏輯：

有個(gè)boolean類型的 same 標(biāo)記，用來判斷上下文數(shù)據(jù)信息是否一致，如果一致 same=true,后面就會(huì)自動(dòng)合并

　var same = !headerSame && !isHeaderLowestLvl && (col == 0 || !topParentsDiffer(data, row, col)) && header.value === previousRow[col].value ;

我們主要來看一下這個(gè)值：header.value === previousRow[col].value ，意思就是說當(dāng)前記錄列值與上一條記錄的列數(shù)據(jù)相同時(shí)，same就為true,讓其自動(dòng)合并

　　自動(dòng)合并的原理： 將當(dāng)前記錄的此列值置為空

　　　var value = (same ? "<div>&nbsp;</div>" : '<div rel="' + row + ":" + col + '">'?+ (sameAsPrevValue && Settings.ALLOW_TABLE_DATA_COLLAPSE ? '<span class="expander expanded" style="cursor: pointer;">&#9660;</span>' : '' ) + header.value + '</div>');

不斷的循環(huán)出當(dāng)前行的列值，然后將列值拼湊為 rowContent

　　　rowContent += '<th class="' + cssclass + '" ' + (colspan > 0 ? ' colspan="' + colspan + '"' : "") + tipsy + '>' + value + '</th>';

但是下面還有個(gè)判斷，就是當(dāng)數(shù)據(jù)（DATA_CELL 就是標(biāo)記度量值信息）為空時(shí)，saiku會(huì)將當(dāng)前rowContent置為空?

　　

這里三個(gè)條件分別是：?

　　用戶是否點(diǎn)擊了隱藏空數(shù)據(jù)按鈕，也就是我們開頭說的 非空的字段 按鈕 : option.hideEmpty

　　當(dāng)前數(shù)據(jù)信息 header.type屬性 是否為 DATA_CELL 類型

　　當(dāng)前行數(shù)據(jù)的指標(biāo)信息是否都為空 （這里上方有代碼如判斷,我沒有全部截取圖片）： rowWithOnlyEmptyCells

?

這樣子一來，問題就暴露啦

如果我有兩個(gè)部門的數(shù)據(jù)信息，每個(gè)部門個(gè) 3條數(shù)據(jù)，第一個(gè)部門三條數(shù)據(jù)都完整，第二個(gè)部門第一條數(shù)據(jù) 指標(biāo)值都為空，后面兩條數(shù)據(jù)完整

以上邏輯就會(huì)這樣判斷：

　　第一個(gè)部門數(shù)據(jù)正常展示，部門信息相同會(huì)自動(dòng)合并，后面的數(shù)據(jù)也會(huì)正常展示，這個(gè)沒問題

　　第二個(gè)部門的數(shù)據(jù)，第一條數(shù)據(jù) 首先部門不會(huì)合并到第一個(gè)部門，因?yàn)楫?dāng)前數(shù)據(jù)的部門value值與上一條記錄的部門value值不同，但是由于cell指標(biāo)數(shù)據(jù)為空，所以 rowContent最后就會(huì)置為空，相當(dāng)于不展示此條數(shù)據(jù)

　　第二個(gè)部門第二條數(shù)據(jù)，部門數(shù)據(jù)會(huì)先判斷當(dāng)前數(shù)據(jù)的value是否與上一條數(shù)據(jù)的value相同，結(jié)果會(huì)發(fā)現(xiàn)相同，就會(huì)把當(dāng)前數(shù)據(jù)的部門信息置為空，后面因?yàn)橛衏ell指標(biāo)數(shù)據(jù)，所以后面就會(huì)展示這條rowContent信息，但是此條數(shù)據(jù)不完整了，沒有了部門名稱信息。

　　第二個(gè)部門第三條數(shù)據(jù)同第二條數(shù)據(jù)一樣。

最后我們就會(huì)得出這樣的結(jié)果：

　　第一個(gè)部門的數(shù)據(jù)正常展示

　　第二個(gè)部門的數(shù)據(jù)由于都沒有部門信息就會(huì)自動(dòng)合并到第一個(gè)部門去展示。

?

其次我們來講一下處理方案：

能定位到問題，了解問題原因離解決問題就不遠(yuǎn)了哈哈哈哈

我這邊的處理方案是增加一個(gè)boolean類型標(biāo)記值 headerFlag,用于決定same值，因?yàn)槠鋵?shí)數(shù)據(jù)展示的時(shí)候是否合并就是在用same的取值

這個(gè)headerFlag值定義在兩個(gè)for循環(huán)以外，默認(rèn)為true,意思就是默認(rèn)情況下影響數(shù)據(jù)的合并展示

headerFlag定義：

?

根據(jù)headerFlag的值來定義same值：

當(dāng)有rowContent被置為空的時(shí)候，就將headerFlag標(biāo)記置為false,就是為了保證當(dāng)前一行數(shù)據(jù)為空時(shí)，下一次不會(huì)自動(dòng)將部門列信息置為空了

?

接下來我們就應(yīng)該開始考慮什么時(shí)候講headerFlag標(biāo)記轉(zhuǎn)為true了啦

?有以下兩種情況我們需要考慮到

>>>? 當(dāng)前行的列數(shù)據(jù)值不等于上一行數(shù)據(jù)的列數(shù)據(jù)值時(shí)，表示這是一次新的判斷，我們將headerFlag置為true,一切按照原來的一樣

>>> 當(dāng)前tableContent中包含當(dāng)前行列數(shù)據(jù)信息時(shí)，表示當(dāng)前列已經(jīng)存在了，我們可以讓它去做合并了，就將headerFlag置為true.

?

這樣子我們就能處理好這個(gè)table自動(dòng)合并的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 scrollersif (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. 20190423var 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';elsecssClass = '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';elsecssClass = '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 totalsif (totalsLists[dir]) {var isEmpty = true; // A flag to indicate if this total is emptyfor (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 cellfor (var i = 0; i < cellArray.length; i++) {var cell = cellArray[i];// If it contains a value different from emptyif (cell.value !== '-') {isEmpty = false; // So, this total is not empty}}}}}if (isEmpty) { // If this total is emptytotalsLists[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 totalscleanupTotals(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。 20190423for (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;elsenextHeader = 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;elsenextHeader = 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">新業(yè)務(wù)及保單行政部</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: 新業(yè)務(wù)及保單行政部//將value值每隔40個(gè)字自動(dòng)加上換行符//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 cellelse 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 cellsif (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 defaultif (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(); }

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/DFX339/p/10758503.html

總結(jié)

以上是生活随笔為你收集整理的Saiku Table展示数据合并bug修复（二十五）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。