JS实现报表在数据分析模式下居中显示

目录:

1. 问题描述

目前,报表以数据分析模式预览时,默认都是靠左显示的。有时会想以数据分析模式预览时,要求报表居中显示,可是数据分析模式并不具备分页预览或填报预览的功能:报表显示位置设置项。
222

我们该如何来实现呢?

222


2. 解决方案

在数据分析模式,通过给报表添加加载结束JS事件。

//(浏览器的宽度-实际报表的宽度)/2 var slmargin = ($('.content-container').width()-$($("div",'.sheet-container')[0]).width())/2; //左边距设置,实现报表居中显示的效果 $('.sheet-container .x-table').css('margin-left',slmargin);

3. 示例

打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\Order_5.cpt

点击模板>模板web属性>数据分析设置,选择为该模板单独设置,在事件设置中添加一个加载结束事件:
222

JS代码如下:

//(浏览器的宽度-实际报表的宽度)/2 var slmargin = ($('.content-container').width()-$($("div",'.sheet-container')[0]).width())/2; //左边距设置,实现报表居中显示的效果 $('.sheet-container .x-table').css('margin-left',slmargin);

保存模板,点击数据分析预览,报表即可在数据分析模式下居中显示。

附件列表


主题: 二次开发

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)