使用Fiori Elements建立的SAP UI5應用,如何支援編輯功能
In previous blog Create a CRM Service Order Fiori application within a couple of minutes I introduced the approach to generate a Fiori application which supports search and display on Service Order within just a few minutes. In this blog, I will use one field in Service Order header level to demonstrate how to enable Service order change and save function.
After finished, the Fiori application has the following feature: When you click edit button:
The fields in UI will become editable:
Change the posting date via Date picker controller and click save button, the change is successfully saved to backend:
Implementation detail
(1) Most of CDS entities described in previous blog remain unchanged, only a small adaptation is needed, as highlighted below:
The reason is, since we need to support update scenario, we have to explicitly tell framework about this fact via annotation “transactionalProcessingDelegated“. Meanwhile, the automatically generated service provider class by annotation @OData.publish: true could not fulfill the update scenario – we have to create a new SEGW project via tcode SEGW manually, so we have to mark this flag as false to suppress the service automatically generation. Finish the change and re-activate the consumption view.
(2) tcode SEGW, create a new SEGW project and choose Reference->Data Source from context menu, load the CDS view you change in previous step.
Once done, you should have the following hierarchy displayed. Generate Runtime Objects by clicking the button in toolbar.
(3) Redefine three methods of automatically generated data provider class:
要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2722158/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何在 SAP BTP 上通過 CDS view 快速建立 Fiori Elements 應用View
- 答網友提問:使用 SAP Fiori Tools 建立的 Fiori Elements 應用,如何進行二次開發?
- 如何給 SAP Fiori Elements 應用的欄位新增 value help
- 如何給 SAP Fiori Elements 應用新增自定義按鈕
- 使用 SAP Business Application Studio 建立 Fiori Elements 應用顯示 OData 資料APP
- 如何將自定義XML檢視注入SAP Fiori Elements應用XML
- SAP Fiori Elements 應用的 i18n 語法使用方式
- SAP Fiori Elements 應用裡和 Fiori 3 相關的外觀設定
- 如何用SAP WebIDE的Fiori建立嚮導基於ABAP OData service快速建立UI5應用WebIDEUI
- 使用 mock 資料在本地執行 SAP Fiori Elements 應用的工作原理Mock
- 如何使用 mock 資料在本地執行 SAP Fiori ElementsMock
- 如何檢視 SAP Fiori Elements List Report Table 都支援哪些設定
- 本地開發好的 SAP Fiori Elements 應用,如何部署到 ABAP 伺服器上?伺服器
- 關於 SAP Fiori Elements 應用標題屬性(title) 的複製邏輯單步除錯除錯
- 如何使用 controllerExtensions 給 SAP Fiori Elements 表格註冊事件響應函式Controller事件函式
- 如何分辨 SAP Fiori Launchpad 裡的真假 Fiori 應用
- 如何把SAP UI5應用部署到SAP雲平臺的Fiori Launchpad裡去UI
- 如何免費試用SAP的Fiori應用
- 如何將本地 SAP UI5 應用配置到本地 Fiori Launchpad 中UI
- SAP Fiori應用索引大全工具和 SAP Fiori Tools 的使用介紹索引
- SAP Fiori Elements 應用的 manifest.json 檔案執行時如何被解析的JSON
- 如何在SAP Fiori應用裡使用React componentReact
- 在沒有任何前端開發經驗的基礎上, 建立第一個 SAP Fiori Elements 應用前端
- 如何在SAP UI5應用裡新增使用攝像頭拍照的功能UI
- 用 React 結合 SAP UI5 Web Components 來開發 SAP Fiori 應用ReactUIWeb
- 使用SAP CDS view快速建立一個Fiori應用,管理Service OrderView
- 關於 SAP Fiori 應用的離線使用
- 使用 yo 命令列嚮導建立 SAP UI5 應用命令列UI
- 使用 TypeScript 編寫 SAP UI5 應用的準備工作TypeScriptUI
- 一步步學習 SAP CDS view Text Association 在 SAP Fiori Elements 中的應用View
- SAP Fiori Elements 應用裡的 Title 顯示的內容是從哪裡來的
- SAP CAP Fiori Elements 應用配置 UI 的兩種方式以及自定義 index.htmlUIIndexHTML
- SAP Fiori Launchpad Tile,UI5應用,和PFCG Role的對應關係UI
- SAP Fiori Elements 公開課第二單元學習筆記:Fiori Elements 架構筆記架構
- SAP Fiori應用索引大全索引
- SAP Fiori Elements controller extension 的載入原理Controller
- SAP Fiori Elements裡Drop down list的實現原理
- 給 SAP BTP 建立的 Java 應用新增 Custom Event Handler 支援建立功能Java