历史版本9 :JS设置报表主体不可用 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
在我们的报表开发中,很多情况下需要将报表主体或者(报表主体+工具栏)设置不可用,例如:权限不足,验证不正确等等
通常我们通过 隐藏报表内置工具栏 或者 权限细粒度之工具栏控制 来实现。
那么如何通过js来实现效果呢?如下图:
2. 解决方案编辑
给模板添加一个js加载结束事件,使报表主体灰化,不可编辑。
3. 示例编辑
3.1 设置报表主体不可用
打开一张填报的模板,此处以%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeFrom\FreeFrom.cpt为例
点击模板>模板web属性>填报预览设置,选择为该模板单独设置,添加一个加载结束事件,js如下:
js代码如下:
$('<div/>').css({
position:'absolute',//绝对定位
top:$('.x-toolbar').height(),//元素距离顶部的高度为工具栏的高度
width: '100%',//宽度100%显示
height: '100%',//高度100%显示
filter: 'alpha(opacity=50)',//透明度是0.5
opacity: 0.5,
'-moz-opacity': 0.5,
'z-index': 10000,
background: '#cccccc'//背景色
}).appendTo($('body'));
3.2 设置报表主体和工具栏都不可以用
只需要将元素距离顶部的高度修改为0即可,如下图:
js代码如下:
$('<div/>').css({
position:'absolute',//绝对定位
top:0,//元素距离顶部的高度为0
width: '100%',//宽度100%显示
height: '100%',//高度100%显示
filter: 'alpha(opacity=50)',//透明度是0.5
opacity: 0.5,
'-moz-opacity': 0.5,
'z-index': 10000,
background: '#cccccc'//背景色
}).appendTo($('body'));
4. 保存预览编辑
保存模板,选择填报预览,效果如上图所示。