现在的位置: 首页 > 综合 > 正文

报表工具软件内置JS的使用之九

2013年02月14日 ⁄ 综合 ⁄ 共 484字 ⁄ 字号 评论关闭

填报页面居中

在使用报表软件填报时,填报预览默认填报页面是靠左的。但实际应用可能需要居中显示。

下面以FineReport报表工具软件为例演示如何通过在浏览器加载报表的时候引用一个页面样式来控制页面居中方式。

具体实现过程如下:

1.      
添加加载结束事件

打开任意一张填报表,点击菜单栏报表|报表Web属性,选择填报页面设置,进入填报页面设置窗口,在右侧添加一个加载结束事件,如下图

报表

 

具体的加载结束事件代码如图

 

报表工具

JS代码如下:                                                      

varslmargin = ($('.content-container').width() - $('.sheet-container').width()) / 2;

$('.sheet-container').css('margin-left',slmargin);

说明:表示自定义一个变量slmargin,表示页面的居中位置,后面一句代码调用css表示页面加载时居中设置。

2.      
保存并预览

点击设计器填报预览,页面居中设置,如图

 

报表软件

 

 

 

【上篇】
【下篇】

抱歉!评论已关闭.