反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

JS实现当前页刷新

1.概述

1.1 预期效果

1.1.1 示例一:填报成功刷新

1591693047431562.gif

1.1.2 示例二:数据校验刷新

1591693974561995.gif

1.1.3 示例三:点击按钮刷新

1591694249165805.gif

1.2 实现思路

  • 通过location.reload()来刷新当前页,和手动刷新是一样的。

  • 如果报表有多页,刷新后返回第一页。

  • 如果报表有参数界面,刷新相当于重新加载,不保留刷新前的参数查询结果。

  • 支持移动端刷新。

  • 在所有可以使用 JavaScript 的地方都可以触发刷新效果。

2. 示例一:填报成功刷新

2.1 准备数据

新建普通报表,新建数据集 ds1,SQL 语句为:SELECT * FROM 雇员

图片.png

2.2 设计表格

如下图设计表格,详细步骤参见文档:自由填报报表示例

图片.png

2.3 添加事件

菜单栏点击模板>模板 Web 属性>填报页面设置,选择为该模板单独设置,添加 填报成功事件,如下图所示:

图片.png

JavaScript 代码如下:

location.reload();

2.4 效果预览

1)PC 端

保存报表,点击填报预览,填报成功后刷新效果如下图所示:

1591846427313585.gif

2)移动端

1591846519791822.gif

3. 示例二:数据校验刷新

3.1 准备数据

新建普通报表,新建数据集 ds1,SQL 语句为:SELECT * FROM S产品 ORDER BY 产品ID LIMIT 5

图片.png

3.2 表格设计

如下图设计表格,详细步骤参见文档:行式填报报表示例

图片.png

注:A2 ~ I2 所有单元格中均插入文本控件。

3.3 添加事件

菜单栏点击模板>模板 Web 属性>填报页面设置,选择为该模板单独设置,添加校验后事件,如下图所示:图片.png

3.4 效果预览

1)PC 端

保存报表,点击填报预览,数据校验后刷新效果如下图所示:

1591846682899771.gif

2)移动端

1591846814743830.gif

4. 示例三:点击按钮刷新

4.1 准备数据

新建普通报表,新建数据集 ds1,SQL 查询语句为:

select CLASSNO as 班级, STUDENTNO as 学号,COURSE,NAME,GRADE  from Stscore 

where 1=1  ${if(len(班级)==0,"","and CLASSNO = '"+班级+"'")}

and 1=1  ${if(len(学号)==0,"","and STUDENTNO in ("+学号+")")}

图片.png

4.2 设计表格

1)如下图设计表格:

图片.png

2)合并 A1~A4 单元格,将各字段一次拖入表格中,B5 单元格设置为横向扩展,A6 单元格的上父格自定义为 A1,如下图所示:

图片.png

3)控件栏设计如下图所示:

图片.png

4.3 添加事件

1)在控件栏中新增一个按钮控件,将控件名称改为刷新,并添加点击事件,如下图所示:

图片.png

2)控件栏如下图所示:

图片.png

4.4 效果预览

1)PC 端

保存报表,点击填报预览,点击刷新按钮后效果如下图所示:

E507BA34-556E-4593-A31F-D1B396E0E95F.GIF

2)移动端

1591847013904482.gif

5. 模板下载

5.1 示例一

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\填报成功刷新.cpt

点击下载模板:填报成功刷新.cpt

5.2 示例二

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\数据校验刷新.cpt

点击下载模板:数据校验刷新.cpt

5.3 示例三

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\点击按钮刷新.cpt

点击下载模板:点击按钮刷新.cpt

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉