分页预览

分页预览在这输入页数后点击查询不能直接跳到这个页数吗?

image.png

FineReport 帆软用户awbXfhGkGx 发布于 2025-6-19 11:25
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
用户k6280494Lv6专家互助
发布于2025-6-19 11:26(编辑于 2025-6-19 11:26)

在报表分页预览时,工具栏默认提供了跳转到首页、上一页、下一页和最后一页的按钮。如果需要跳转到指定页,通常需要输入页码后按回车才能跳转。不过,如果希望在工具栏中添加一个跳转按钮,点击后直接跳转到指定页,可以通过自定义实现这一功能。具体操作可以参考相关的JS示例来添加跳转按钮https://help.fanruan.com/finereport/doc-view-1829.html 

最佳回答
0
snrtuemcLv8专家互助
发布于2025-6-19 11:26

查询就重置了

输入后不能点查询按钮

最佳回答
0
华莉星宸Lv7专家互助
发布于2025-6-19 11:28(编辑于 2025-6-19 11:29)

根据不同的报表类型,分页跳转设置方法如下:

普通报表(.cpt)跳转方案
  1. 添加跳转按钮:进入 模板 > 模板 Web 属性 > 分页预览设置,创建「自定义按钮」命名为“跳转”3自定义按钮设置

  2. 绑定 JS 代码:在按钮事件中添加以下代码


    var page = $('.x-toolbar input').val();  // 获取页码输入值

    contentPane.gotoPage(parseInt(page));    // 执行跳转

    效果演示:跳转效果

FVS可视化看板(.fvs)跳转方案
  1. 组件绑定分页事件:选中组件(如标题组件)→ 右侧属性面板选择 交互 > 点击事件 → 分页跳转1分页跳转设置

  2. 通过 API 精准跳转(支持传参):


    // 跳转到下一页(无参数)

    duchamp.getNextPage().goto();

    // 跳转到指定分页组件并传参(V2.9.0.1+)

    duchamp.getWidgetByName('Tab1').getNextPage().goto({page:3});

    注:参数适用于模板分页或支持分页的组件2

区别说明

  • 普通报表通过 gotoPage() 方法直接跳转物理页码

  • FVS通过组件事件或 goto() 接口跳转预定义页面或组件分页

  • 4关注人数
  • 27浏览人数
  • 最后回答于:2025-6-19 11:29
    请选择关闭问题的原因
    确定 取消
    返回顶部