示例说明
当报表展示的列过多的时候，默认初始化的时候隐藏部份列，当有需要的时候再点击“+”加号进行显示隐藏的列。
默认初始化的时，隐藏部分列，如下图：
设置方法
1、首先在电子表格设计器（Microsoft Office Excel）中，创建电子表格报表。
2、在浏览器的“分析展现”节点下，选中电子表格，右键选择 编辑宏 进入报表宏界面，双击该节点进入报表宏编辑界面。
3、在报表宏界面新建客户端模块。在弹出的新建模块对话框中，选择对象为spreadSheetReport、事件为onRender、并把下面宏代码复制到代码编辑区域。
宏类型
类型 | 对象 | 事件 |
|---|---|---|
ClientSide | spreadsheetReport | onRender |
宏代码
| 代码块 | ||||
|---|---|---|---|---|
| ||||
function main(spreadsheetReport, isAjaxRefreshCallback) {
var cell = spreadsheetReport.getCell("B3"); //"+"所在单元格
cell.collapsed = false;
var expander = cell.ownerDocument.createElement("SPAN");
expander.innerHTML = "＋";
expander.style.cursor = "pointer";
cell.insertBefore(expander, cell.firstChild);
var table = cell.parentNode.parentNode.parentNode;
var width = parseInt(table.offsetWidth);
expander.onclick = function() {
if (cell.collapsed) {
expander.innerHTML = "－"; //展开显示"-"
var rowCount = spreadsheetReport.getRowCount();
for (var i = 0; i < rowCount;) { //i=0，从第1行开始，即列头在第1行
var td0 = spreadsheetReport.getCell(i, 1);
var td1 = spreadsheetReport.getCell(i, 2);
var td2 = spreadsheetReport.getCell(i, 3);
if (td0 == td1) {
td0.colSpan++;
if (td0 == td2) {
td0.colSpan++;
}
} else {
td1.style.display = ""; //显示"+"所在列右边的第1列
td2.style.display = ""; //显示"+"所在列右边的第2列
}
i += td1.rowSpan;
}
cell.collapsed = false;
table.style.width = width + cell.hiddenWidth + "px";
} else {
expander.innerHTML = "＋"; //收起显示"+"
var rowCount = spreadsheetReport.getRowCount();
var w = 0;
for (var i = 0; i < rowCount;) {
var td0 = spreadsheetReport.getCell(i, 1);
var td1 = spreadsheetReport.getCell(i, 2);
var td2 = spreadsheetReport.getCell(i, 3);
if (td0 == td1) {
td0.colSpan--;
if (td0 == td2) {
td0.colSpan--;
}
} else {
td1.style.display = "none"; //隐藏"+"所在列右边的第1列
td2.style.display = "none"; //隐藏"+"所在列右边的第2列
if (w === 0) {
w += td1.offsetWidth + td2.offsetWidth;
}
}
i += td1.rowSpan;
}
if (!cell.hiddenWidth) cell.hiddenWidth = w;
table.style.width = width - w + "px";
cell.collapsed = true;
}
}
expander.onclick();
} |
关键对象总结
通过spreadsheetReport.elem_btnPrint.parentNode.appendChild 方法，将新创建的按钮添加到工具栏的尾部。- 利用spreadsheetReport.addListener 方法，为新创建的按钮绑定事件处理函数。
示例宏资源：点击加号控制列.xml
