温馨提示
本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。
示例说明
在某特定情况下,需求要去掉dashlet上的某些按钮。
默认是显示dashlet上的按钮,如下图:
隐藏去掉dashlet上的按钮,如下图:
设置方法
- 在【门户定制】创建案例类似的页面。
- 在【定制】->【宏管理】的左边资源树上找到对应页面,右击【编辑宏】->创建【客户端宏】。
- 在报表宏界面新建客户端模块。在弹出的新建模块对话框中选择对象为page;事件为onRenderPage;并把下面宏代码复制到代码区域;
宏类型
类型 | 对象 | 事件 |
ClientSide | page | onRenderPage |
宏代码
function main(page, pageContext) { //elemMin 最小化按钮 //elemMax 最大化按钮 //elemForward 进前按钮 //elemBackward 返回按钮 //elemExport 导出按钮 //elemMore 更多按钮 //elemDelete 删除按钮 //elemLocateReport 定位按钮 //elemDashletToolBar 按钮区 var list = page.dashletList; for (var i = 0, len = list.length; i < len; i++) { var dashlet = list[i]; //判断按钮区是否存在 if (dashlet.elemDashletToolBar) { dashlet.elemDashletToolBar.style.display = 'none'; //隐藏整个按钮区 } /** 以下去隐藏按钮按钮的代码 //判断导出按钮是否存在 if (dashlet.elemExport) { dashlet.elemExport.style.display = 'none'; //隐藏导出按钮 } //判断定位按钮是否存在 if (dashlet.elemLocateReport) { dashlet.elemLocateReport.style.display = 'none'; //隐藏定位按钮 } //判断最小化按钮是否存在 if (dashlet.elemMin) { dashlet.elemMin.style.display = 'none'; //隐藏最小化按钮 } //判断最大化按钮是否存在 if (dashlet.elemMax) { dashlet.elemMax.style.display = 'none'; //隐藏最大化按钮 } //判断删除按钮是否存在 if (dashlet.elemDelete) { dashlet.elemDelete.style.display = 'none'; //隐藏删除按钮 } //判断进前按钮是否存在 if (dashlet.elemForward) { dashlet.elemForward.style.display = 'none'; //隐藏进前按钮 } //判断返回按钮是否存在 if (dashlet.elemBackward) { dashlet.elemBackward.style.display = 'none'; //隐藏返回按钮 } **/ } }