历史版本2 :JS实现点击跳转按钮跳转到指定页面 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1、场景描述编辑
FineReport的分页预览默认提供了跳转到首页，上一页，下一页，跳转到最后一页，如果需要跳转到指定页，需要先输入页面，再回车，这是默认的解决方法，在分页较多的情况下，但很多人对回车键操作不是很习惯，习惯于点击按钮，需要在工具栏增加点击按钮跳转到指定页的功能，。
2、解决方案编辑
FineReport提供了contentPane.gotoPage()函数可以跳转到指定页面，但是一般使用是再添加一个输入页面的文本框，再增加一个按钮，这种不是很方便，为了集成到工具栏中，我们还需要获取工具栏中输入页面的文本框的值。
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Pagination\GroupPagination.cpt，打开模板>模板web属性>分页预览设置,选择为该模板单独设置，为工具栏增加一个自定义按钮，如下图
进入工具栏设置，设置此自定义按钮名字为跳转，并移动到下一页的前面，设置一个图标，点击自定义事件，添加JS代码，如下图
代码如下：
var page=$('.x-toolbar input').val();//获取工具栏页面输入框的值
contentPane.gotoPage(parseInt(page));//跳转到指定页面，这里需要将上面的值转成数值型
设置完成后，保存，预览，输入页面数，点击跳转，即可达到需求
