...
我们有时候会需要在电子表格报表的某个单元格上添加新的按钮,实现一些特殊的需求。比如添加按钮,点击时发送一个异步的http请求。类似上述需求,皆可以参照如下方法进行设置。参考示例:
版本及客户端说明
1.smartbi版本:V5.1smartbi版本:最新版本
2.客户端:PC
3.浏览器:IE11、谷歌浏览器(Chrome)、火狐浏览器(Firefox)
...
1、首先在电子表格设计器(Microsoft Office Excel)中,创建电子表格报表。
注意本示例中我们要将按钮添加到产品目录的下一行,也就是Excel模板中B6单元格,为保证在代码中能够取到该单元格,需要在B6单元格输入一个空格
...
代码块 | ||||
---|---|---|---|---|
| ||||
function main(spreadsheetReport) {
spreadsheetReport.printExpandedPositions();//打印展开后所有单元格
} |
4、在报表宏界面新建客户端模块。在弹出的新建模块对话框中,选择对象为spreadSheetReport、事件为onRender、并把下面宏代码复制到代码编辑区域。
宏类型
宏代码
代码块 | ||||
---|---|---|---|---|
| ||||
function main(spreadsheetReport) { //获取B5单元格字段扩展出来的数据 var Pos = spreadsheetReport.getExpandedPositions("B5"); //获取B5单元格中字段扩展出的数据的最后一行行号 var lastRow = spreadsheetReport.parseCellIndex(Pos[Pos.length - 1])[0]; //获取B5单元格数据下的一行,第二列的数据,从0开始计数,因此坐标为lastRow+1,1 var td = spreadsheetReport.getCell(lastRow + 1, 1); //添加按钮 td.innerHTML = "<input type='button' value='提交'>"; td.firstChild.onclick = function() { alert("添加按钮成功!"); } } |
5、如果按钮添加的行的上方均为静态数据,不存在扩展字段,如下图按钮添加的位置
则可以不添加服务端宏,直接使用以下客户端宏实现。
宏类型
宏代码
代码块 | ||||
---|---|---|---|---|
| ||||
function main(spreadsheetReport) { //获取D2单元格 var td = spreadsheetReport.getCell(1, 3); //添加按钮 td.innerHTML = "<input type='button' value='提交'>"; td.firstChild.onclick = function() { alert("添加按钮成功!"); } } |
...