帆软填报后刷新界面

比眉伴天荒 2022-12-17 08:47 948阅读 0赞

## 1. 需求描述 ##

当多窗口填报时，希望子窗口填报成功后，数据能马上在父窗口中显示出来，通常采用的方法是刷新父窗口，但现在触发刷新事件是在子窗口中，而父窗口又无法获取子窗口填报成功的事件。要如何设置才能实现子窗口刷新父页面呢？

![222][]

## 2. 解决方案 ##

打开填报的子模板，在子模板中添加填报成功事件。

## 3. 示例 ##

3.1 打开模板

打开子模板：%FR\_HOME%\\\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\SpecialSubject\\HyplinkReport\\Hyperlink6.cpt

3.2 添加填报成功事件

在打开的子模板中，点击菜单模板>模板Web属性>填报页面设置，选择为该模板单独设置，添加填报成功事件，如下图所示：

![222][222 1]

JS代码如下:

刷新当前报表界面：window.location.reload();

刷新整个网页：window.parent.location.reload();

3.3 效果预览

打开主模板：%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\SpecialSubject\\HyplinkReport\\Hyperlink5.cpt

点击订单ID，在新对话框中修改数据，点击提交后，即可自己刷新主模板，效果如描述中所述。

## 4. 示例-保留父页面查询参数 ##

4.1 父模板添加查询参数

打开父模板：%FR\_HOME%\\\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\SpecialSubject\\HyplinkReport\\Hyperlink5.cpt

1）数据集ds1修改为：SELECT \* FROM 订单 where 1=1 $\{if(len(客户ID)=0,""," and 客户ID='"+客户ID+"'")\}

![222][222 2]

2）编辑参数面板，添加下拉控件客户ID和查询按钮，并配置客户ID控件的数据字典：

![222][222 3]

3）点击参数面板空白处，将点击查询前不显示报表内容前面的勾去掉：

![222][222 4]

4）回到单元格设计界面，编辑A2单元格添加的超级链接-网络报表1，将网络报表1窗口中的继承报表的参数前面的勾选上：

![222][222 5]

4.2 修改子模板js代码

打开子模板：%FR\_HOME%\\\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\SpecialSubject\\HyplinkReport\\Hyperlink6.cpt

点击菜单模板-模板Web属性-填报页面设置，编辑之前添加好的填报成功事件，在事件设置窗口的参数面板添加一个参数ID，值为公式：$客户ID。

注：公式中的参数客户ID为父模板中的下拉框控件。

并修改下面的js代码：

<img data-cke-saved-src="https://help.fanruan.com/core/js/clipboard/clippy.png" src="https://help.fanruan.com/core/js/clipboard/clippy.png" alt="Copy to clipboard" class="clippy" /><code>window.parent.location="http://localhost:8075/webroot/decision/view/report?viewlet=HyperLink5.cpt&客户ID="+ID;</code>

![222][222 6]

4.3 效果预览

打开主模板：%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\SpecialSubject\\HyplinkReport\\Hyperlink5.cpt

查询客户名称，点击订单ID，在新对话框中修改数据，点击提交后，即可保留查询参数刷新主模板，效果如下所述。

![222][222 7]

[222]: /images/20221122/a668d9568fa041998f99e05562bcd2d2.png
[222 1]: /images/20221122/5368515b7b6441e2b1ee0ee50b5205a0.png
[222 2]: /images/20221122/efa3b4fd73924f899f4054c3a4f2ed2b.png
[222 3]: /images/20221122/10f1034542714fd5975d762a85f8d3fd.png
[222 4]: /images/20221122/a11b9c3fed7e4879992c57f9453ef2d4.png
[222 5]: /images/20221122/ae2a6d9ff83a4986b92a1c96931b1969.png
[222 6]: /images/20221122/2c2999c7eda64ae1a1d8ea0dc070eb71.png
[222 7]: /images/20221122/0d3b4a78c9864d628a5c2de7e25a0fc6.png