首页 > SAP > FIORI > WEBIDE 中对已存的FIORI APP做增强扩展
2019
08-27

WEBIDE 中对已存的FIORI APP做增强扩展

对SAP 标准的FIORI APP,可以进行一些增强扩展,可设置APP中一些对像的可见性,及对SAP预定义的增强点进行UI5代码扩展增强,
比如,APP中按钮,输入框的可见性,等,更具体的重慢慢试。

以下对APP:EPMRA_POAPV来说明(odata服务为: EPM_REF_APPS_PO_APV_SRV ),此说明是在WEB IDE中,例子中实现隐藏一个按钮对像,并对一个SAP预留增强点写入代码进行功能功能扩展。
使用之前得保证你的此APP,已能正常打开,并且WEBIDE也已配置了可正常连接此HANA服务器

一、启动WEBIDE,点击菜单:file->new->extension Project,打开,选择“SAPUI5 ABAP Repository”,

WEBIDE 中对已存的FIORI APP做增强扩展 - 第1张  | 优通SAP

二、配置FIORI APP服务器,并选择EPMRA_POAPV应用,点击’OK’.

WEBIDE 中对已存的FIORI APP做增强扩展 - 第2张  | 优通SAP

三、点击下一步,默认选择到完成,打开如图,选择Extensibility mode模式,这样方便查看增强点位置。

WEBIDE 中对已存的FIORI APP做增强扩展 - 第3张  | 优通SAP

四、鼠标移动点“Reject”按钮上,右边的Outline自动打开如图,选择Extend->Hide Control,在对话框中选择刷新后,会发出功能中的“Reject”按钮不在显示。

WEBIDE 中对已存的FIORI APP做增强扩展 - 第4张  | 优通SAP

五、在右边的Outline中,选择Show extension points,可以查看此FIORI应用的可用增强点,或者在Extensibility mode模式下,仔细查看应用中的内容显示,查找图标
WEBIDE 中对已存的FIORI APP做增强扩展 - 第5张  | 优通SAP
,此图标也表示此
位置可写扩展增强代码,双击图标可进入图内容。

WEBIDE 中对已存的FIORI APP做增强扩展 - 第6张  | 优通SAP

六、选择Extend->Extend View/Fragment->Open Extend code ,就可进行此增强点的代码部份,写入代码,图中直接把注释的代码启动,

WEBIDE 中对已存的FIORI APP做增强扩展 - 第7张  | 优通SAP

七、可以直接运行,也可以点击菜单:Tools->Extensibility Pane,再次打开增强处理运行,这里会发现之前修改的已生效了,
注:修改按钮的对像的可见性的代码生成在文件Component.js(或者manifest.json)中。

最后编辑:
作者:yangsen
本站为个人博客网站,全由我个人维护,我从事SAP开发13年,其它ERP开发7年,基本都是零售行业。本站记录工作学习的过程, 有SAP相关询问专、兼职工作可随时联系我。 有网站相关的问题可直接在文章下方留言,或者联系我。 邮件:yan252@163.com给我。 QQ:415402519

留下一个回复

你的email不会被公开。