润乾报表根据浏览器窗体自动缩放
2013-01-21 23:11
162 查看
润乾报表可以在发布报表的JSP中通过scale这个标签属性控制报表的缩放显示比例,其属性取值为实数,该方式只能通过指定的具体缩放的比例值进行缩放,不能满足根据浏览器的窗体大小进行缩放的需求。
实现思路
在页面初次加载报表和改变窗体大小时,通过JS获取浏览器窗体的大小设定为报表所在区域的宽度大小。
实现实例:
1. 制作一个测试报表,设计如下图所示:
页面未设置缩放相关的js,发布报表的效果如下图所示:
2.在showReport.jsp中加上
<scriptlanguage="javascript">
function myResize() {
var tab1 = document.getElementById("report1");
tab1.style.width=document.body.clientWidth;
}
window.onload=myResize;
window.onresize=myResize;
</script>
先获取到报表所在区域的页面元素,再通过document.body.clientWidth获得到浏览器的宽度,将该宽度值用于改变报表所在区域的样式宽度。
3.发布报表后,测试报表展示的样式如下图所示:
缩小浏览器窗体的效果:
实现思路
在页面初次加载报表和改变窗体大小时,通过JS获取浏览器窗体的大小设定为报表所在区域的宽度大小。
实现实例:
1. 制作一个测试报表,设计如下图所示:
页面未设置缩放相关的js,发布报表的效果如下图所示:
2.在showReport.jsp中加上
<scriptlanguage="javascript">
function myResize() {
var tab1 = document.getElementById("report1");
tab1.style.width=document.body.clientWidth;
}
window.onload=myResize;
window.onresize=myResize;
</script>
先获取到报表所在区域的页面元素,再通过document.body.clientWidth获得到浏览器的宽度,将该宽度值用于改变报表所在区域的样式宽度。
3.发布报表后,测试报表展示的样式如下图所示:
缩小浏览器窗体的效果:
相关文章推荐
- delphi自动根据窗体大小缩放控件大小
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- 根据浏览器窗口大小自动缩放图片
- Jquery让图片根据浏览器窗口大小自动缩放
- Jquery让图片根据浏览器窗口大小自动缩放
- 根据浏览器分辨率不同自动调用不同CSS
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
- CodeIgniter实现config控制的多语言,可根据浏览器语言自动转换
- 润乾报表如何根据参数是否为null动态拼接sql
- 在 web.xml中配置<mime-mapping>实现浏览器根据文件类型自动打开
- 微信自带浏览器自动关闭窗体函数:WeixinJSBridge.call('closeWindow');
- div 自动缩放图片大小(根据DIV宽度自动缩放,图片不被剪裁)
- struts根据浏览器自动选择文字语言(国际化)
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS
- 润乾报表中html数据类型单元格内容自动扩展
- 根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)
- C# winform根据屏幕大小自动缩放
- 根据浏览器语言自动切换多语言站点 Star.hou
- 润乾报表数据库连接池数据库异常自动重连配置汇总