主题:[转帖]Java报表软件内置JS的使用之三
文章转自:http://blog.csdn.net/best_report/archive/2010/09/21/5898811.aspx
填报页面居中
在使用[url=http://www.finereport.com/]java报表[/url]填报时,填报预览默认填报页面是靠左的。但实际应用可能需要居中显示。
下面以FineReport[url=http://www.finereport.com/products/advantages]Java报表软件[/url]为例演示如何通过在浏览器加载报表的时候引用一个页面样式来控制页面居中方式。
具体实现过程如下:
1. 添加加载结束事件
打开任意一张填[url=http://www.finereport.com/]报表[/url],点击菜单栏报表|报表Web属性,选择填报页面设置,进入填报页面设置窗口,在右侧添加一个加载结束事件,如下图
[img]http://www.finereport.com/forumimages/e215.png[/img]
具体的加载结束事件代码如图
[img]http://www.finereport.com/forumimages/e216.png[/img]
JS代码如下:
varslmargin = ($('.content-container').width() - $('.sheet-container').width()) / 2;
$('.sheet-container').css('margin-left',slmargin);
说明:表示自定义一个变量slmargin,表示页面的居中位置,后面一句代码调用css表示页面加载时居中设置。
2. 保存并预览
点击设计器填报预览,页面居中设置,如图
[img]http://www.finereport.com/forumimages/e217.png[/img]
填报页面居中
在使用[url=http://www.finereport.com/]java报表[/url]填报时,填报预览默认填报页面是靠左的。但实际应用可能需要居中显示。
下面以FineReport[url=http://www.finereport.com/products/advantages]Java报表软件[/url]为例演示如何通过在浏览器加载报表的时候引用一个页面样式来控制页面居中方式。
具体实现过程如下:
1. 添加加载结束事件
打开任意一张填[url=http://www.finereport.com/]报表[/url],点击菜单栏报表|报表Web属性,选择填报页面设置,进入填报页面设置窗口,在右侧添加一个加载结束事件,如下图
[img]http://www.finereport.com/forumimages/e215.png[/img]
具体的加载结束事件代码如图
[img]http://www.finereport.com/forumimages/e216.png[/img]
JS代码如下:
varslmargin = ($('.content-container').width() - $('.sheet-container').width()) / 2;
$('.sheet-container').css('margin-left',slmargin);
说明:表示自定义一个变量slmargin,表示页面的居中位置,后面一句代码调用css表示页面加载时居中设置。
2. 保存并预览
点击设计器填报预览,页面居中设置,如图
[img]http://www.finereport.com/forumimages/e217.png[/img]