Q:在用润乾报表开发过程中经常会遇到无滚动条、或者滚动条显示不完全。
A:思路
1、开始接触的时候会比较懊恼。其实抛开所谓的润乾,原理就是DIV滚动条的处理。
2、如何发现它是DIV滚动条处理呢?看翻译后的源代码。
----------------------------------------start--------------------------------------
1、首先配置滚动条参数:needScroll="yes",配置完了以后就会出现report1_scrollArea 这样一个DIV ,源代码是<div id="report1_scrollArea" style="overflow:hidden;
2、报表设置上报表头。(源代码:report1_$_top)
3、接下来就是对DIV滚动条的处理了。
3.1、首先屏蔽body的滚动条。<body scroll='no'>
3.2、其次在要加载的润乾显示页面加上这么一个方法:
window.onload = function (){
$("#report1_scrollArea").height($("#center",window.parent.document).height() - $("#pagediv").height());
}
#center相当于是润乾页面加载完的高度,包括report1_$_top div高度。
减掉的那部分是额外的,本文里是一个分页条高度。
由于实际中每个页面结构不一样,这里分享一个调试方法:
var scrollHeight = 加载润乾报表的容易高度 - 附加页面高度;
附加页面高度的调整可以这么试着去获取:写死。
$("#report1_scrollArea").height(页面高度 - 50 ?) ,或者-100?
分别减后再刷新页面去看看滚动条的高度是多了还是少了。
多退少补!
意思就是如果-50 不对,发现减太多,则加回去。反之则反,目的就是一点点去调试。