Saiku设置展示table数据不隐藏空的行数据信息
saiku有个 非空的字段 按钮,点击这个后,会自动的把空的行数据信息给隐藏掉,这里我们来设置一下让其行数据不隐藏,为空的就为空。
主要更改两个文件
1. Query.js 文件路径: /saiku-ui/js/saiku/models/Query.js (如果是编译好的saiku,请找到 saiku-server\tomcat\webapps\ROOT\js\saiku\models\Query.js )
2. SaikuTableRenderer.js 文件路径: /saiku-ui/js/saiku/render/SaikuTableRenderer.js (如果是编译好的saiku,请找到 saiku-server\tomcat\webapps\ROOT\js\saiku\render\SaikuTableRenderer.js )
这里我们是在做KPI汇总信息的是遇到这样的需求,具体还是看用户需求去改动哦哈哈哈~ 我们这边是要求为空的数据列信息也要展示空的数据信息。
1.首先我们为了保证后台能传回完整的数据,需要在Query.js 的 run 方法中设定参数信息 行数据非空也展示 (ps: 为了避免影响到其他数据的展示,我们将需要行数据为空也展示的数据单独拿出来判断,通过cube名来判断!)
var exModel = this.helper.model(); // 这条是run 方法里面原有的数据哦
主要代码: exModel.queryModel.axes.ROWS.nonEmpty=false;//設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data 这是新加的
//針對Summary數據做出更改 當行數據為空的時候 也需要展示出來 var cubename = exModel.cube.name ; if(cubename == "SummaryKPI_2018_ext" ||cubename == "SummaryKPI_2019_ext" ||cubename == "SummaryKPI_2019_Dynamic" ) { exModel.queryModel.axes.ROWS.nonEmpty=false;//設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data }else{ exModel.queryModel.axes.ROWS.nonEmpty=true; }
2.然后我们再在table渲染页面设定数据项为空也展示就可以啦!!! SaikuTableRenderer.js 的 internalRender 方法
更改rowWithOnlyEmptyCells 的默认值为 false , (ps: 为了避免影响到其他数据的展示,我们将需要行数据为空也展示的数据单独拿出来判断,通过cube名来判断!)
//rowWithOnlyEmptyCells = true; //默认行数据为空时不展展示,如果需要不展示改回来 将此条值置为true即可
主要代码: rowWithOnlyEmptyCells = false; //設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data
rowWithOnlyEmptyCells = true; //默认行数据为空时不展展示,如果改回来 将此条值置为true即可 if(cubename == "SummaryKPI_2018_ext" ||cubename == "SummaryKPI_2019_ext" ||cubename == "SummaryKPI_2019_Dynamic"){ rowWithOnlyEmptyCells = false; //設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data }
这样就可以了哦。
>>> 下面提供完整的js文件
Query.js
/* * Copyright 2012 OSBI Ltd * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Workspace query */ var Query = Backbone.Model.extend({ formatter: Settings.CELLSET_FORMATTER, properties: null, /*初始化方法*/ initialize: function(args, options) { if(args != null && args != undefined && args != "" && args.flag == "resultForstatisdate"){ this.get_all_statisdate(args); }else{ // Save cube _.extend(this, options); // Bind `this` _.bindAll(this, "run"); // Generate a unique query id this.uuid = 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }).toUpperCase(); this.model = _.extend({ name: this.uuid }, SaikuOlapQueryTemplate); if (args.cube) { this.model.cube = args.cube; } this.helper = new SaikuOlapQueryHelper(this); // Initialize properties, action handler, and result handler this.action = new QueryAction({}, { query: this }); this.result = new Result({ limit: Settings.RESULT_LIMIT }, { query: this }); this.scenario = new QueryScenario({}, { query: this }); // A flag to tell who changed selection members this.updatedSelectionFromModal = false; } }, parse: function(response) { // Assign id so Backbone knows to PUT instead of POST this.id = this.uuid; if (response.name) { this.id = response.name; this.uuid = response.name; } this.model = _.extend(this.model, response); this.model.properties = _.extend({}, Settings.QUERY_PROPERTIES, this.model.properties); }, setProperty: function(key, value) { this.model.properties[key] = value; }, getProperty: function(key) { return this.model.properties[key]; }, syncSelectionsModalAndUpdateParameters: function() { if (this.updatedSelectionFromModal) { var mParameters = this.helper.model().parameters; for (var mKey in mParameters) { var mVal = mParameters[mKey]; var selections = this.helper.getSelectionsForParameter(mKey); mVal = selections.map(function(sel) { return sel.caption; }).join(); mParameters[mKey] = mVal; } } else { var mParameters = this.helper.model().parameters; for (var mKey in mParameters) { var mVal = mParameters[mKey]; var mLevel = this.helper.getLevelForParameter(mKey); var selections = this.helper.getSelectionsForParameter(mKey); if (mVal !== null && mVal !== undefined) { this.helper.setSelectionsForParameter(mKey, _.filter(selections, function(sel) { var containsParam = false; _.each(mVal.split(','), function (v) { if (sel.caption === v) { containsParam = true; return false; } }); return containsParam; })); } } } this.updatedSelectionFromModal = false; }, /*执行查询的方法*/ run: function(force, mdx) { this.syncSelectionsModalAndUpdateParameters(); var self = this; // Check for automatic execution Saiku.ui.unblock(); if (typeof this.model.properties != "undefined" && this.model.properties['saiku.olap.query.automatic_execution'] === false && (force === false || force === undefined || force === null)) { return; } this.workspace.unblock(); $(this.workspace.el).find(".workspace_results_info").empty(); this.workspace.trigger('query:run'); this.result.result = null; var validated = false; var errorMessage = 'Query Validation failed!'; var exModel = this.helper.model(); //針對Summary數據做出更改 當行數據為空的時候 也需要展示出來 var cubename = exModel.cube.name ; if(cubename == "SummaryKPI_2018_ext" ||cubename == "SummaryKPI_2019_ext" ||cubename == "SummaryKPI_2019_Dynamic" ) { exModel.queryModel.axes.ROWS.nonEmpty=false;//設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data }else{ exModel.queryModel.axes.ROWS.nonEmpty=true; } for(var k in this.attributes) { var att = this.attributes[k]; if(k.substring(0,5)==="PARAM"){ var p = k.substring(5, k.length); exModel.parameters[p] = att; } } if (exModel.queryType == "OLAP") { if (exModel.type == "QUERYMODEL") { var columnsOk = Object.keys(exModel.queryModel.axes.COLUMNS.hierarchies).length > 0; var rowsOk = Object.keys(exModel.queryModel.axes.ROWS.hierarchies).length > 0; var detailsOk = exModel.queryModel.details.axis == 'COLUMNS' && exModel.queryModel.details.measures.length > 0; if (!rowsOk || !columnsOk || !detailsOk) { errorMessage = ""; } if (!columnsOk && !detailsOk) { errorMessage += 'You need to include at least one measure or a level on columns for a valid query.'; } if(!rowsOk) { errorMessage += 'You need to include at least one level on rows for a valid query.'; } if ( (columnsOk || detailsOk) && rowsOk) { validated = true; } } else if (exModel.type == "MDX") { validated = (exModel.mdx && exModel.mdx.length > 0); if (!validated) { errorMessage = 'You need to enter some MDX statement to execute.'; } } } if (!validated) { this.workspace.table.clearOut(); $(this.workspace.processing).html(errorMessage).show(); this.workspace.adjust(); Saiku.i18n.translate(); return; } // Run it this.workspace.table.clearOut(); $(this.workspace.processing).html(' Running query... [ Cancel ]').show(); this.workspace.adjust(); this.workspace.trigger('query:fetch'); Saiku.i18n.translate(); var message = ' Running query... [ Cancel ]'; this.workspace.block(message); /* TODO: i wonder if we should clean up the model (name and captions etc.) delete this.model.queryModel.axes['FILTER'].name; */ /**根据ROWS中的statisdate字段过滤!*/ //根據用戶輸入的開始日期與結束日期查詢範圍數據 /* var dimensionArr = exModel.queryModel.axes.ROWS.hierarchies; //取出行信息中的所有维度信息 dimension,用一个数组接收 var statisdateFlag = "no"; for(var i=0;i-1){// 这里是判断开始日期是否属于statisdateArr if(statisdateArr.indexOf(enddate) > -1){// 这里是判断结束日期是否属于statisdateArr //var dimensionArr = exModel.queryModel.axes.ROWS.hierarchies; //根据ROWS var dimensionArr = exModel.queryModel.axes.FILTER.hierarchies; //根据Filter for(var i=0;i =tmpStartdate){ tmpEnddate = tmpEnddate.valueOf(); tmpEnddate = tmpEnddate - 1*24*60*60*1000; tmpEnddate = new Date(tmpEnddate); //这里改变paramURL中的结束日期参数值,然后回调当前函数 get_all_statisdate this.enddateThis=tmpEnddate; this.get_all_statisdate(args); }else{ //否则的话直接执行查询,直接无数据返回 var dimensionArr = exModel.queryModel.axes.FILTER.hierarchies; for(var i=0;i 0) { alert("Fetch_statisdate_member++++++++++++"+response); } }, */ });
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 += '' + currentListNode.cells[m][cellIndex].value + ' '; } 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 ? "Grand Total" : "Grand Total"); } } contents += '' + (wrapContent ? ' '; } 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 += '' + text + '' : text ) + '' + text + ' '; } 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 += ''; 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 ? "Grand Total" : "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 += ' '; 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 ? "Grand Total" : "Grand Total"); } } contents += ' '; } 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 var cubename = allData.query.cube.name; 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; //默认行数据为空时不展展示,如果改回来 将此条值置为true即可 if(cubename == "SummaryKPI_2018_ext" ||cubename == "SummaryKPI_2019_ext" ||cubename == "SummaryKPI_2019_Dynamic"){ rowWithOnlyEmptyCells = false; //設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data } rowContent = "' + (wrapContent ? ' '; } 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 += '' + text + '' : text ) + '' + colLists[i][colScanIndexes[i]].cells[m][k].value + ' '; if (totalsLists[ROWS]) { contents += totalIntersectionCells(k + 1, totalsLists[ROWS].length - 1, scanSums, scanIndexes, totalsLists[ROWS]); } } contents += '"; var header = null; if (row === 0) { rowContent = "" + 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 += ' "; 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 += ""; isColHeaderDone = true; } tableContent += rowContent; if (totals.length > 0) { tableContent += totals; } } } if (options) { options['batchResult'] = resultRows; options['hasBatchResult'] = resultRows.length > 0; } return "' + (wrapContent ? ' '; 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 += '' + arrColumnTitleTable[auxColumnTitleTable] + '' : arrColumnTitleTable[auxColumnTitleTable]) + ''; } } // 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 += ' '; } else { if (totalsLists[ROWS]) colSpan = totalsLists[ROWS][row + 1][scanIndexes[ROWS][row + 1]].span; rowContent += ' ' + (wrapContent ? ' '; } } 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 += '' + header.value + '' : header.value) + ''; } else { if (totalsLists[ROWS]) colSpan = totalsLists[ROWS][row + 1][scanIndexes[ROWS][row + 1]].span; rowContent += ' ' + (wrapContent ? ' '; } 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 += '' + header.value + '' : header.value) + ''; } // 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 ? " " : '' + (sameAsPrevValue && Settings.ALLOW_TABLE_DATA_COLLAPSE ? ''); 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 += "" + safe_tags_replace(key) + " : " + safe_tags_replace(header.metaproperties[key]) + " ' : '' ) + header.value + '
"; } } } 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:新業務及保單行政部if(cssclass == "row" && value.length>0){ var startPos = value.indexOf('>'); //find start position of the tag. eg:var endPos = value.lastIndexOf('<'); //find end position of the tag. eg:var tmpValue = value.substr( startPos+1 ,endPos-startPos-1); // get the content value. eg: 新業務及保單行政部 //将value值每隔40个字自动加上换行符 //each 40 character add one
tag to get new line. if(tmpValue.length>120){ tmpValue = tmpValue.substr(0,40)+"
"+tmpValue.substr(40,40)+"
"+tmpValue.substr(80,40)+"
"+tmpValue.substr(120,tmpValue.length-120); }else if(tmpValue.length>80){ tmpValue = tmpValue.substr(0,40)+"
"+tmpValue.substr(40,40)+"
"+tmpValue.substr(80,tmpValue.length-80); }else if(tmpValue.length>40){ tmpValue = tmpValue.substr(0,40)+"
"+tmpValue.substr(40,tmpValue.length-40); } // compared with old value, this value only add
tag for show data in table more beautiful. value = value.substr(0,startPos+1) + tmpValue + value.substr(endPos,value.length-endPos); } rowContent += '0 ? ' colspan="' + colspan + '"' : "") + tipsy + '>' + value + ' '; } 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 += '' + (wrapContent ? ' '; 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 = '' + header.value + '' : header.value) + ''; if (row === 0) { rowContent = '' + rowContent; } for (var i = 0; i < objRowData.length; i++) { if (arrPosRowData[aux] === i) { newRowContent += ' ' + (wrapContent ? ' '; aux += 1; } else { newRowContent += '' + objRowData[i].hierName + '' : objRowData[i].hierName) + '' + (wrapContent ? ' '; } } 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 = ""; } // 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 = "" + val + ""; } if (header.properties.hasOwnProperty('arrow')) { arrow = ""; } if (val !== '-' && val !== '') { rowWithOnlyEmptyCells = false; } rowContent += '' + objRowData[i].name + '' : objRowData[i].name) + '' + (wrapContent ? ' '; if (totalsLists[ROWS]) rowContent += genTotalDataCells(colShifted + 1, rowShifted, scanSums[ROWS], scanIndexes[ROWS], totalsLists, wrapContent); } } rowContent += ""; // 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 += "' : "") + val + arrow + (wrapContent ? '' : '') + '" + tableContent + "
"; }; 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 = ""; } } return ""; }; String.prototype.capitalizeFirstLetter = function() { return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase(); }
"; $.each(summaryData, function(key, aggregators) { summary += "" + key.capitalizeFirstLetter(); for (var i = 0; i < aggregators.length; i++) { summary += "
"; }); return summary + "
" + aggregators[i]; } summary += "
=====================二次更新=显示空的行数据========start================
最近又遇到了需要不隐藏的空的行数据的报表,笔者想了想用参数去处理此类问题会更好些吧
所以我们就在请求上URL添加参数 showEmptyRows=yes
之前判断具体cubename的部分 用参数来判定!!!
var paramsURI = Saiku.URLParams.paramsURI(); if( paramsURI .showEmptyRows=='yes') { exModel.queryModel.axes.ROWS.nonEmpty=false;//設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data }视图渲染也根据入参如判断即可
var paramsURI = Saiku.URLParams.paramsURI(); if( paramsURI .showEmptyRows=='yes') {rowWithOnlyEmptyCells = false; //設置行數據為空的時候也顯示數據! 20190425 for summaryKPI Data
}
ps: 请求url上记得添加参数 showEmptyRows=yes
感觉用参数会更加方便些,以后有添加其它报表的时候添加参数即可!!!(建议不直接判断cubename哦,哈哈哈哈哈哈 用此方式会更好些~)
=====================二次更新=显示空的行数据=======end=================