在ADF中使用jspx做弹窗

今天我们解介绍一些在ADF中怎样使用jspx做弹窗。

我们要实现的效果图如下

注：上面的gif图最后有个空白的部分，程序运行结果不是这个样子的！

首先新建一个 test.jsff ，里面放置一个放置一个显示在主界面上的按钮

再新建一个 popup.jspx ，这个页面就作为我们的弹窗了

然后新建一个 popup-taskflow.xml，并将我们的弹窗页面拖入

这个页面需要在Overview 中将 Use Page Fragment 前面的 √ 去除

然后我们新建 main-taskflow.xml ，将test.jsff 和 popup-taskflow.xml 拖入

选中 popup-taskflow ，将其的两个属性设置为如图

然后我们新建一个 main.jspx，并将 main-taskflow.xml 拖入，设置点击事件的Action以及其他的三个属性，如下图

然后在 popup.jspx 中设置返回按钮的点击事件的Action

最后，我们来运行一下 main.jspx，在点击一下 【点击】 按钮，就会出现效果图中的效果了！