历史版本7 :JS通过判断用户名控制工具栏的显示与隐藏 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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