JS通过判断用户名控制工具栏的显示与隐藏

  • 文档创建者:yiyemeiying
  • 编辑次数:9次
  • 最近更新:Leo.Tsai 于 2020-07-27
  • 1. 概述

    1.1 问题描述

    数据决策系统中,不同角色查看同一张模板,所看到工具栏按钮或工具栏是否显示效果不同,可通过 权限细粒度之工具栏控制 来实现。

    但相同角色的不同用户该如何来实现这一功能呢?

    1.2 解决方案

    报表添加加载起始事件,判断同一角色下,登录用户名的不同,来对工具栏实现显示或隐藏效果。

    2. 示例

    2.1 打开模板

    打开报表:%FR_HOME%\WebReport\WEB-INF\reportlets\demo\form\简单自由填报.cpt

    2.2 添加加载结束事件

    选择模板>模板Web属性>填报页面设置,添加一个加载起始事件

    设置参数 T=$fine_username,添加 JavaScript 代码,如下图所示:

    1582534634565644.png

    JavaScript 代码如下:

    if (T == 'Anna') {
    //隐藏工具栏
    $('.x-toolbar').css('display', 'none');
    $('.reportPane ').css('top', '0');
    } else {
    $('.x-toolbar').css('display', 'block');
    $('.reportPane ').css('top', '28px');
    }

    2.3 效果预览

    保存模板,同一角色(一线技术支持),安娜(Anna)和王国强(Cherry)分别登录数据决策系统,访问该报表。

    安娜不能看到工具栏,如下图所示:

    1582534826509922.png

    王国强可以看到工具栏,如下图所示:

    1582534800648240.png

    注:不支持移动端。

    3. 已完成模板

    已完成模板请参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\工具栏JS实例\09-JS通过判断用户名控制工具栏的显示与隐藏

    点击下载模板:09-JS通过判断用户名控制工具栏的显示与隐藏.cpt

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!