码迷,mamicode.com
首页 > Web开发 > 详细

FineReport——JS二次开发(自定义翻页按钮)

时间:2015-10-12 10:22:31      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:

FR允许自定义工具栏上面的按钮,并提交JS方法:

对于翻页功能,大概有首页,下一页,上一页,最后一页,以及跳转页等功能。

不得不说的是,在HTML页面自定义的按钮如何获取到报表模板,通过FR提供的JS方法,可以获取到这个模板(reportFrame为html标签iframe的id名称):

document.getElementById(reportFrame).contentWindow.contentPane.方法名称();

首页:

document.getElementById(reportFrame).contentWindow.contentPane.gotoFirstPage();

下一页/上一页/最后一页:

gotoPreviousPage()/gotoNextPage()/gotoLastPage()

页码显示,既以当前页/总数页的格式显示页码:

function afterload() {     //iframe加载后触发
      var contentPane = document.getElementById("reportFrame").contentWindow.contentPane;  //获取报表contentPane   
      var cPageIndex = contentPane.currentPageIndex;   //当前所在页
      var pv = "" + cPageIndex + "页/共" + contentPane.reportTotalPage + "";   //报表首次加载结束后显示的页码信息
      document.getElementById("page").value = pv;     //将页码信息赋给page文本

      contentPane.on("afterload", function() {      //报表加载结束监听事件
        cPageIndex = contentPane.currentPageIndex;      //每次加载完后重新获取当前页码
        pv = "" + cPageIndex + "页/共" + contentPane.reportTotalPage + "";     //重新生成页码信息 
        document.getElementById("page").value = pv;      //重新给page文本赋页码信息   
      });      
    }

跳转页(需要注意的是,跳转到的页码必须是数值型,而文本框的输入值为字符型,所以需要转换数据类型):

function gotopage() {     
    var contentpane= document.getElementById(reportFrame).contentWindow.contentPane;     
    var page = document.getElementById("index").value;     
    if(page >= contentpane.reportTotalPage) {     
      contentpane.gotoLastPage();     
    }      
    contentpane.gotoPage(parseInt(page));     
  }

 

FineReport——JS二次开发(自定义翻页按钮)

标签:

原文地址:http://www.cnblogs.com/ytwy/p/4870719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!