乐趣区

关于前端:SAP-UI5扩展项目的概念以及如何在-WebIDE-里创建-view-和-controller-extension

SAP UI5 Extension Project 是一个扩大我的项目,它容许您对现有的 SAP UI5 利用进行批改和加强,而无需间接批改原始利用的源代码。这种办法有助于放弃原始利用的完整性,同时容许您依据特定需要定制和扩大性能。这尤其实用于 SAP 提供的规范利用,因为这些利用在软件更新过程中可能会被笼罩。

SAP UI5 Extension Project 的次要元素包含:

  1. Extension Points:在原始利用中定义的预留地位,容许您在这些地位增加自定义内容,如视图、控件或组件。
  2. Custom Controls:自定义 UI 控件,可用于替换或扩大现有控件,以满足特定需要。
  3. Component Extensions:容许您扩大现有组件的性能,例如通过增加新的路由、批改现有性能或增加新的性能。
  4. Code Overrides:通过重写原始利用中的办法来批改现有性能。

要创立一个 SAP UI5 Extension Project,您须要应用 SAP Web IDE 或其余反对 SAP UI5 开发的集成开发环境(IDE)。而后,您能够依据须要扩大利用,例如增加新性能、批改现有性能或定制利用的用户界面。

在 SAP WebIDE 里创立一个新的 Extension Project:

抉择 Remote -> SAPUI5 ABAP Repository, 将 WebIDE 同 SAP UI5 ABAP Repository 建设连贯:

从 System 下拉菜单里抉择部署了 SAP UI5 利用的 ABAP 零碎,比方 GM6:

从 Original Application 里抉择被扩大的 SAP UI5 利用:

Extension Project location 则为扩大我的项目的名称。

编辑 Component.js:

当初就看到了原始的 Opportunity 利用:

在 S2.view.xml 里创立一个 view extension:

将 extension 信息更新到 Component.js 里:

下图就是 extension view:

在外面增加新的 Extension 属性:

刷新利用,就能在 List view 里看到咱们新增的 Hello Extension 属性了:

除了 view extension 外,咱们还能创立 controller extension.

在 S5.controller.js 的 extHookExtendProductEntryOnAdd hook 里编写咱们的自定义逻辑:

同理,将 controller Extension 信息注册到 Component.js 里:

在加强的 controller 代码里削减一个 alert 弹出框:

测试,当 list 行我的项目被选中时,能看到咱们冀望的 alert 对话框显示:

心愿这个例子可能帮忙大家了解如何创立 SAP UI5 的 view extension 和 controller extension.

退出移动版