本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 |
示例说明
如下图,电子表格中存在层级关系,并且用户只需填写最底层数据,其上级数据无需填写即可自动汇总下级数据。
数据准备
数据集预览如下:
实现步骤
1.在电子表格设计器(Microsoft Office Excel)中创建一张电子表格,将上一步数据集中"层级标识"字段拖到单元格A4,"指标ID"字段拖到单元格 B4, "指标名称"字段拖到单元格 C4, "刚性支出"字段拖到单元格D4, "弹性支出"字段拖到单元格 E4。并设置D4和E4单元格扩展方式为"不扩展-汇总-求和"。
2.发布预览
3.在浏览器的资源定制节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面。
4.在报表宏界面 新建服务端模块。在弹出的 新建模块 对话框中,选择对象为 spreadsheetReport、事件为onBeforeOutput、并把下面的宏代码复制到代码编辑区域。根据实际情况修改相应的代码
宏类型
类型 | 对象 | 事件 |
ServerSide | spreadsheetReport | onBeforeOutput |
宏代码
function main(spreadsheetReport) { var positions = spreadsheetReport.sheets[0].getExpandedPositions("C4"); //获取数据列的前一列 var fromRow = positions[0].row; var toRow = positions[positions.length - 1].row; var cells = spreadsheetReport.workbook.worksheets.get(0).cells; var levelColumnName = "A"; //层级标识所在的列 var fromColumnName = "D"; //需要汇总的所有列中的第一列的位置 var toColumnName = "E"; //需要汇总的所有列的最后一列的位置 var levelColumnIndex = cells.get(levelColumnName + "1").column; var fromColumnIndex = cells.get(fromColumnName + "1").column; var toColumnIndex = cells.get(toColumnName + "1").column; var formulaCells = []; for (var i = fromRow; i < toRow; i++) { var level = parseInt(cells.get(i, levelColumnIndex).value); //Level Cell var children = []; for (var j = i + 1; j <= toRow; j++) { var nextLevel = parseInt(cells.get(j, levelColumnIndex).value); if (nextLevel == level) break; if (nextLevel == level + 1) children.push(j); } if (children.length > 0) { for (var j = fromColumnIndex; j <= toColumnIndex; j++) { var c = cells.get(i, j); if (c.isFormula()) continue; var formula = new Array(); for (var k = 0; k < children.length; k++) { formula.push(cells.get(children[k], j).name); } formula = "=" + formula.join('+'); c.formula = formula; formulaCells.push(i + ":" + j); } } } spreadsheetReport.customProperties.put("formulaCells", formulaCells); spreadsheetReport.workbook.calculateFormula(); } |
5.在报表宏界面 新建客户端模块。在弹出的 新建模块 对话框中,选择对象为 spreadsheetReport、事件为onRender、并把下面的宏代码复制到代码编辑区域。该宏代码实现汇总项不允许填报功能。
宏类型
类型 | 对象 | 事件 |
ClientSide | spreadsheetReport | onRender |
宏代码
function main(spreadsheetReport) { var formulaCells = spreadsheetReport.customProperties["formulaCells"]; var writableMap = spreadsheetReport.elemSheetFrame.contentWindow.writableMap; for (var i = 0; i < formulaCells.length; i++) { var c = writableMap[formulaCells[i]]; if (c) c.modifiable = false; } } |
6.在电子表格设计器中打开该电子表格,设置A列列宽为0,隐藏层级标识所在列
7.发布,在浏览器中打开该电子表格,填报数据,效果如下: