aint Web Dynpro Abap 與 Flash Island 應用開發 大家好，繼「權限物件運作機制」、「Web Service 開發及呼叫」、「特殊物件傳輸請求打包」再次撰寫技術文檔，這次要跟大家介紹的是「Web Dynpro Abap 與 Flash Island 應用開發」，由於 Web Dynpro 開發有部份限制(Javascript)，因緣際會下發現其工具提供 View 的置換功能，將 View 換成 Flash 可對前端有不同於 WDA 的控制，加強與 user 的互動性，增進 RIA 應用，同時減少 Server 的負擔，鑑於 Flash Island的中文文件目前較少，想說籍由一個簡單的應用來拋磚引玉一下，若有疏漏不足的地方就請大家多多包涵囉。 By Klazid.tw 20120306 這次的應用如下圖： Web 頁面部份(MVC 架構的 view)全部由 Flash(Flex)取代，有一個 textInput 欄位、一個搜尋按鈕及一個GoogleMap 的元件，首先由 SAP 端傳回供應商列表給 Flex 做為 Vender ID 的自動完成(AutoComplete)來源，當選完供應商後，按下 Search 按鈕觸發 Web Dynpro 的 Action 傳回供應商地址並回呼(Call Back)Flex端的 function，該 function 再呼叫 GoogleMap 相關功能顯示地圖位置。 接下來說明 Web Dynpro、Flex 及 Flash Island 之間的交互關係，如下圖(自己推測畫的) 其中 Flash Island 扮演 Web Dynpro 及 Flex 之間的橋樑，包含資料及方法呼叫 資料交換部份：只要有進行 Server 端的交互(web dynrpo)，完成後，會自動 Mapping 到 Flex 端的 Bindable變數(透過 GAC 元件，下文解釋)，同時 ReRender Flash 若是由 Flex 端修改 Web Dynpro 的變數，則是利用 Flash Island SWC 的 storeProperty 這個 method 方法呼叫的部份：可以利用 Flash Island SWC 的 addEventListener 來注冊事件，事件發生時由 Web Dynpro回呼 Flex 的 function，也可以利用 Flash Island SWC 的 fireEvent 來 invoke Web Dynpro 的 Action method 承上，以下介紹 Web Dynpro 端用來對應 Flex 的元件說明，如下圖(自己推測畫的) 其中，ROOTUIELEMENTCONTAINER 指定使用的 Flash 檔案(swfFile) GACDATASOURCE 對應 Flex 的 Collection 型態之變數，利用 storeProperty 可將值傳至 Web Dynpro GACPROPERTY 與 GACDATASOURCE 相似，只是對應到 flex 不同的變數型態 GACENENT 及 GACEVENTPARAMETER ...
