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 不对,发现减太多,则加回去。反之则反,目的就是一点点去调试。

转载于:https://www.cnblogs.com/doublegi/p/5796321.html

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐