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

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。

需求

需要根据实际应用,隐藏仪表分析工具栏中的部分按钮,除了通过角色的操作权限控制外,是否有其他办法实现?

 

思路

1)新建图形。

2)新建客户端宏模块

3)对按钮单独进行隐藏宏代码如下:

function main(meterReport) {
    //  debugger;
    meterReport.elemRefresh.parentNode.style.display = ""; //刷新按钮 
    meterReport.elemSave.parentNode.style.display = "none"; //保存 
    meterReport.elemSaveAs.parentNode.style.display = "none"; //另存 
    meterReport.elemMyfavorite.parentNode.style.display = "none"; //隐藏收藏夹 
    meterReport.elemCharConfig.parentNode.style.display = "none"; //图形 
    meterReport.elemBView.parentNode.style.display = "none"; //视图 
    meterReport.elemBHeader.parentNode.style.display = "none"; //报表设置 
    meterReport.elemReportParam.parentNode.style.display = "none"; //参数设置 
    meterReport.elemExportImage.parentNode.style.display = "none"; //导出 
    meterReport.elemBLocate.parentNode.style.display = "none"; //定位业务查询
	meterReport.elemBtnSetUserParam.parentNode.style.display = "none";//个人参数
    meterReport.elemSpace1.parentNode.style.display = "none"; //隐藏间隔线 
    meterReport.elemSpace2.parentNode.style.display = "none"; //隐藏间隔线 
    meterReport.elemSpace3.parentNode.style.display = "none"; //隐藏间隔线 
    meterReport.elemSpace4.parentNode.style.display = "none"; //隐藏间隔线 
    meterReport.elemSpace5.parentNode.style.display = "none"; //隐藏间隔线 
}

4)效果图如下:

5)隐藏整个工具栏按钮,宏代码如下:

function main(meterReport) {
   // debugger;
    if (meterReport.elemTrToolbar)
        meterReport.elemTrToolbar.style.display = "none";
}

6)效果图如下: