今天我们解介绍一些在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,在点击一下 【点击】 按钮,就会出现效果图中的效果了!