页面树结构
转至元数据结尾
转至元数据起始


示例说明
    如下图,电子表格中存在层级关系,并且用户只需填写最底层数据,其上级数据无需填写即可自动汇总下级数据。

  • "运营支出"= "一、销售支出"+"二、营销类支出";

  • "一、销售支出" = "(一)销售种类一支出" + "(二)销售种类二支出";

  • "(一)销售种类一支出" = "1.服装类支出" + "2.食品类支出" + "3.办公类支出"

    

数据准备
    数据集预览如下:
    

  • 数据须以正确的顺序排序

  • 数据中需要有层级标识字段,标明该项数据在层级中的关系
    比如层级标识为0一项(运营支出)的支出数据,由下方所有层级标识为1的支出数据汇总; 
    层级标识为1一项(一、销售支出)的支出数据,由于第10行出现了另一个层级标识为1的数据,因此该项数据由两个层级标识为1的两行中间所有层级标识为2的支出数据汇总。

  • 所有层级标识必须一级一级标识,不能够跨级汇总。比如层级标识为1的两行中间,不存在层级标识为2的项,只有层级标识为3的项,这种情况是不允许的。


实现步骤

    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.发布,在浏览器中打开该电子表格,填报数据,效果如下:

    


  • 无标签