提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 |
我们有时候会需要将电子表格报表的工具栏上某些按钮隐藏,比如不显示导出、打印按钮,这类需求皆可参照如下方法进行设置。参考示例:
1.smartbi版本:最新版本
2.客户端:PC
3.浏览器:IE11、谷歌浏览器(Chrome)、火狐浏览器(Firefox)
1.创建电子表格
首先在电子表格设计器(Microsoft Office Excel)中,创建电子表格报表。
2.进入宏界面
在浏览器的资源定制节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面。
3.创建客户端宏
在报表宏界面新建客户端模块。在弹出的新建模块对话框中,选择对象为spreadSheetReport、事件为onRenderReport、并把下面宏代码复制到代码编辑区域。
类型 | 对象 | 事件 |
---|---|---|
ClientSide | spreadsheetReport | onRenderReport |
function main(spreadsheetReport) { if (spreadsheetReport.elem_trToolbar) { spreadsheetReport.elem_btnRefresh.parentNode.style.display = "none"; //刷新 spreadsheetReport.elem_btnMyFavorite.parentNode.style.display = "none"; //收藏 spreadsheetReport.elem_btnExport.parentNode.style.display = "none"; //导出 //spreadsheetReport.elem_btnPrint.parentNode.style.display = "none"; //打印 spreadsheetReport.elem_btnSetUserParam.parentNode.style.display = "none"; //设置个人参数 } //先判断是否存在回写相关的保存等按钮 if (spreadsheetReport.spreadsheetReportWriteBack && spreadsheetReport.spreadsheetReportWriteBack.elemSave) { spreadsheetReport.spreadsheetReportWriteBack.elemSave.parentNode.style.display = "none"; //保存 spreadsheetReport.spreadsheetReportWriteBack.elemInsertRow.parentNode.style.display = "none"; //添加行 spreadsheetReport.spreadsheetReportWriteBack.elemRemoveRow.parentNode.style.display = "none"; //删除行 spreadsheetReport.spreadsheetReportWriteBack.elem_btnClearModified.parentNode.style.display = "none"; //清空数据修改记录 } }; |
function main(spreadsheetReport) { if (spreadsheetReport.elem_trToolbar) { spreadsheetReport.elem_trToolbar.style.display = "block"; //spreadsheetReport.elem_btnRefresh.parentNode.style.display = "none"; //刷新 spreadsheetReport.elem_btnMyFavorite.parentNode.style.display = "none"; //收藏 spreadsheetReport.elem_btnExport.parentNode.style.display = "none"; //导出 spreadsheetReport.elem_btnPrint.parentNode.style.display = "none"; //打印 spreadsheetReport.elem_btnSetUserParam.parentNode.style.display = "none"; //设置个人参数 spreadsheetReport.elem_space2.parentNode.style.display = "none"; //竖线 } //先判断是否存在回写相关的保存等按钮 if (spreadsheetReport.spreadsheetReportWriteBack && spreadsheetReport.spreadsheetReportWriteBack.elemSave) { spreadsheetReport.spreadsheetReportWriteBack.elemSave.parentNode.style.display = "none"; //保存 spreadsheetReport.spreadsheetReportWriteBack.elemInsertRow.parentNode.style.display = "none"; //添加行 spreadsheetReport.spreadsheetReportWriteBack.elemRemoveRow.parentNode.style.display = "none"; //删除行 spreadsheetReport.spreadsheetReportWriteBack.elem_btnClearModified.parentNode.style.display = "none"; //清空数据修改记录 } }; |
有时候也需要隐藏整个工具栏,可以通过以下的宏代码实现。
类型 | 对象 | 事件 |
---|---|---|
ClientSide | spreadsheetReport | onRenderReport |
function main(spreadsheetReport) { if (spreadsheetReport.elem_trToolbar) spreadsheetReport.elem_trToolbar.style.display = "none"; } |
若是移动端需要通过openresource方式集成电子表格时隐藏了工具栏,直接用上边的宏代码会影响到多sheet页名称的显示,需要使用如下代码,即添加spreadsheetReport.doOnWindowResize({}); :
function main(spreadsheetReport) { if (spreadsheetReport.elem_trToolbar) spreadsheetReport.elem_trToolbar.style.display = "none"; spreadsheetReport.doOnWindowResize({}); } |
回写报表在移动端会显示快捷保存按钮,该按钮的隐藏可通过如下宏代码隐藏:
function main(spreadsheetReport) { if (spreadsheetReport.elem_btnExportEx) { //隐藏快捷工具栏 spreadsheetReport.elem_btnExportEx.parentNode.style.display = "none"; } } |
通过spreadsheetReport.elem_btnRefresh.parentNode.style.display = "none" 方法,将工具栏上指定按钮隐藏。
报表资源:migrate隐藏工具栏按钮.xml