• 润乾报表之列表加载滚动条处理...


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

  • 相关阅读:
    SQL 通配符
    正则表达式
    与运算(&)、或运算(|)、异或运算(^)、右移运算符(>>>)本质介绍
    博客园博客目录自动生成(页面目录)
    Linux查看并杀死被占用的端口
    Eclipse的环境配置
    L-Rui
    Web页面弹出窗口代码大全
    linux-用户
    linux-网络
  • 原文地址:https://www.cnblogs.com/doublegi/p/5796321.html
Copyright © 2020-2023  润新知