历史版本1 :JS实现点击跳转按钮跳转到指定页面 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、场景描述编辑

       FineReport的分页预览默认提供了跳转到首页,上一页,下一页,跳转到最后一页,然后没有提供跳转到指定页的功能,在分页较多的情况下,如果想跳转到指定页面的话,则无法实现,而有些场景需求增加跳转到指定页的功能。


222

2、解决方案编辑

    FineReport提供了contentPane.gotoPage()函数可以跳转到指定页面,但是一般使用是再添加一个输入页面的文本框,再增加一个按钮,这种不是很方便,为了集成到工具栏中,我们还需要获取工具栏中输入页面的文本框的值。

  打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Pagination\GroupPagination.cpt,打开模板>模板web属性>分页预览设置,选择为该模板单独设置,为工具栏增加一个自定义按钮,如下图

222


进入工具栏设置,设置此自定义按钮名字为跳转,并移动到下一页的前面,设置一个图标,点击自定义事件,添加JS代码,如下图


222


代码如下:

var page=$('.x-toolbar input').val();//获取工具栏页面输入框的值 contentPane.gotoPage(parseInt(page));//跳转到指定页面,这里需要将上面的值转成数值型

设置完成后,保存,预览,输入页面数,点击跳转,即可达到需求


222