一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转

作者:ABAP技巧与实战 约 5 分钟阅读 更新日期:2025-03-02 1 年前更新 标签:ABAP, 开发
目录
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

Dylan [ ABAP 技巧与实战 ](javascript:void\(0\);)

**一起学FPM系统是转载以前项目上一位同事的文章, 希望大家能多多支持,鼓励他持续把FPM开发的心得写出来,

让大家和我能够一起从无到有的学习在FPM框架中开发程序.**

读过上一篇 [ SAP-ABAP-FPM 开发一个简单的FPM应用2_SEARCH与LIST的交互

](http://mp.weixin.qq.com/s?__biz=Mzg4NDYxMjMyOQ==&mid=2247483917&idx=1&sn=27376d4d97cee1103db196f1f50f36e5&chksm=cfb4cf8bf8c3469d2ab6116193be1699957fdcb367f0f0b4922fc93b1af74a44a967375b22b9&scene=21#wechat_redirect)

之后,大家已经可以理解UIBB间的数据传递了,今天我们来看一下常见的需求: 点击按钮跳转页面是如何实现的。

首先我们来看一下看完这篇文档能做出的效果

点击跳转页面按钮

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

跳转到新页面同时带出一些数据,并可以通过点击左上方的返回按钮返回首页面

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

接下来我们看是如何实现的

1.首先新建一个新页面并添加一个LIST UIBB,UIBB绑定我们新建的FeederClass YCL_FPM_DYLANTEST_01_LIST

,FeederClass中实现对应的方法,之后在UIBB的配置页面添加出列表的字段;这部分内容在之前的文章中有详细的介绍,不再赘述,忘了的朋友可以回顾 [

SAP-ABAP-FPM 创建FPM_开发一个简单的FPM应用

](http://mp.weixin.qq.com/s?__biz=Mzg4NDYxMjMyOQ==&mid=2247483900&idx=1&sn=a013653424a844e3248aef3d8ea962a4&chksm=cfb4cc7af8c3456c5ae8d0e8187bbacd00e769106bc37c96d0e54fcc257c22981dd9abc1e6d4&scene=21#wechat_redirect)

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

2.我们在新建的页面中添加一个按钮,选择工具栏方案,全局工具栏,点击工具栏元素

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

点击添加按钮,确认

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

3.配置一下按钮的信息

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

其中比较关键的是事件和返回的页面

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

4.接下来回到主页面的FeederClass

YCL_FPM_DYLANTEST_LIST中,我们要在LIST中定义一个按钮,GET_DEFINITION方法的代码如下

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

5.前往FeederClass配置页面,把按钮添加进来,

工具栏方案,点击工具栏元素

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

看到刚刚代码里定义的按钮之后,选择并确认

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

这样就可以看到我们刚添加的按钮了,同样也可以点击属性,给按钮加图标

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

6.这样准备工作就做好了,刚刚我们创建了一个新的页面P_PAGE_01,在新页面中定义了LIST

UIBB,创建了新页面的返回按钮和老页面的LIST中的触发跳转按钮,接下来我们来看代码实现,

YCL_FPM_DYLANTEST_LIST的PROCESS_EVENT方法中添加如下代码

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

这里可以看到我们捕捉的事件'ZFPM_PAGE',就是刚刚定义的按钮的ID

7.YCL_FPM_DYLANTEST_01_LIST的GET_DATA方法,随意添加一些取数

一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图
一起学 FPM 之开发一个简单的 FPM 应用3_页面跳转 - 封面图

以上完成后,我们就可以到前端页面点击跳转页面,就会跳到新的页面并带出一些数据了,同时点击返回页面也会返回到主页面了。

看完本文的DEMO后,我们可以尝试通过UIBB间的数据关联,使得跳转页面后产生的数据和首页面的数据存在依赖关系了。

ABAP技巧与实战

关于作者:ABAP技巧与实战

企业信息化与 SAP 技术顾问,长期专注 SAP ABAP、FI/CO、MM、SD 等模块的技术分享与实战经验总结。查看更多介绍

来源说明:本文内容由「一起学FPM之开发一个简单的FPM应用3_页面跳转.md」整理生成,仅用于内部技术分享与学习交流。