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

我们要实现的效果图如下
在ADF中使用jspx做弹窗

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

首先新建一个 test.jsff ,里面放置一个放置一个显示在主界面上的按钮
在ADF中使用jspx做弹窗

再新建一个 popup.jspx ,这个页面就作为我们的弹窗了
在ADF中使用jspx做弹窗

然后新建一个 popup-taskflow.xml,并将我们的弹窗页面拖入
在ADF中使用jspx做弹窗

这个页面需要在Overview 中将 Use Page Fragment 前面的 去除
在ADF中使用jspx做弹窗

然后我们新建 main-taskflow.xml ,将test.jsff 和 popup-taskflow.xml 拖入
在ADF中使用jspx做弹窗

选中 popup-taskflow ,将其的两个属性设置为如图
在ADF中使用jspx做弹窗

然后我们新建一个 main.jspx,并将 main-taskflow.xml 拖入,设置点击事件的Action以及其他的三个属性,如下图
在ADF中使用jspx做弹窗

然后在 popup.jspx 中设置返回按钮的点击事件的Action
在ADF中使用jspx做弹窗

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

相关文章:

  • 2022-12-23
  • 2021-04-16
  • 2022-12-23
  • 2021-11-17
  • 2022-01-18
  • 2022-12-23
  • 2021-09-25
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-09-25
  • 2022-12-23
  • 2022-12-23
  • 2021-06-03
  • 2021-10-09
相关资源
相似解决方案