1.概述
1.1 预期效果
示例一:填报成功刷新。如下图所示:
示例二:点击按钮刷新。如下图所示:
1.2 实现思路
通过location.reload()或者_g().refreshAllSheets()来刷新页面,其区别如下:
location.reload() | _g().refreshAllSheets() |
|
|
2. 示例一:填报成功刷新
2.1 准备数据
新建普通报表,新建数据集 ds1,SQL 语句为:SELECT * FROM 雇员
2.2 设计表格
如下图设计表格,详细步骤参见文档:自由填报报表示例
2.3 添加事件
菜单栏点击模板>模板 Web 属性>填报页面设置,选择为该模板单独设置,添加 填报成功事件,如下图所示:
JavaScript 代码如下:
setTimeout(function() {
_g().refreshAllSheets();
//location.reload();
}, 500)
2.4 效果预览
1)PC 端
保存报表,点击填报预览,填报成功后刷新效果如下图所示:
2)移动端
3. 示例二:点击按钮刷新
3.1 准备模板
打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\MultiSheetReport\简单多sheet填报示例.cpt
3.2 添加事件
1)进入参数面板,将一个按钮控件拖到面板,按钮名字改为“刷新”,如下图所示:
2)选择按钮控件,添加一个点击事件,如下图所示:
JavaScript 代码如下:
setTimeout(function() {
//_g().refreshAllSheets();
location.reload();
}, 500)
3.3 效果预览
注:该方案不支持移动端。
保存模板,点击填报预览,刷新效果如下图所示: