滚动条区域大小自适应分辨率
2016-11-29 10:04
253 查看
需求描述
报表在WEB页面输出的时候,行、列都很多,需要设置横向、纵向滚动条来固定报表表头。这样,就造成针对客户端不同的分辨率的显示器,滚动条的高度和宽度固定,对于分辨率小的机器,在页面上看不到滚动条,分辨率大的机器,滚动条右下方留出了很大的空白,这样造成页面不美观,影响用户体验。解决方法
可以通过jsp调节参数实现。步骤一:
1.在客户访问一个报表页面之前,加一个redirect.jsp页面,里面加入一个js函数,来获取客户端浏览器窗口的大小:<SCRIPT>
var w = 0;
var h = 0;
//通过深入Document内部对body进行检测,获取浏览器窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.
documentElement.clientWidth){
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
w = 1259 ;
h = 632 ;
}
//重定向到报表所在的jsp页面,并且把客户端浏览器宽度、高度,作为参数
//传递给报表所在的jsp页面
window.location.href=”<%=path%>/mis2/reportcenter/res/showReport.jsp?<%=param%>&w=”+w+”&h=”+h ;
</SCRIPT>
步骤二:
在报表所在的jsp页面上(showReport.jsp),获取浏览器的宽度、高度。String w = request.getParameter(”w”) ;
String h= request.getParameter(”h”) ;
步骤三:
修改发布标签<report:html name=”report1″ reportFileName=”a.raq”
funcBarLocation=””
params=”<%=param.toString()%>”
needScroll=”yes”
scrollWidth=”<%=w%>” –动态设置滚动条宽度、高度
scrollHeight=”<%=h%>”
/>
相关文章推荐
- picturebox的背景图片怎么能根据分辨率大小自适应。?
- Android自适应屏幕方向、大小和分辨率
- 用CSS3的@media属性根据屏幕大小做自适应各种分辨率网页显示版本-media_query详解
- 如何得到屏幕和可用显示区域的大小尺寸及运用分辨率无关的编程
- d3中图表大小自适应区域大小
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- 手机分辨率大小自适应功能
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)
- iframe高度自适应,全屏,大小伸缩,有滚动条
- Android自适应不同分辨率或不同屏幕大小
- Android自适应不同分辨率或不同屏幕大小
- Android自适应不同分辨率或不同屏幕大小的layout布局(横屏|竖屏)
- Android自适应不同分辨率或不同屏幕大小的layout布局(横屏|竖屏)
- 窗体大小自适应分辨率的实现方法
- android自适应屏幕方向\大小\分辨率
- css 背景图片自适应分辨率大小 兼容
- VirtualBox - 让分辨率自适应窗口大小
- [转]Android自适应不同分辨率或不同屏幕大小的layout布局(横屏|竖屏)
- C# WPF 界面根据分辨率的大小自适应
- Android手机在不同分辨率情况下字体自适应大小