|
|
51CTO旗下网站
|
|
移动端

2.3 编辑Adobe Flex 应用程序

《SAP Web Dynpro For ABAP开发技术详解-高端应用》本书主要介绍了与SAP Web开发技术——Web Dynpro For ABAP 相关的集成应用和高级应用,还讲解了Web Dynpro For ABAP高端应用的各个技术难点中各元素之间的关联及制约关系。本节为大家介绍编辑Adobe Flex 应用程序。

作者:孙东文来源:机械工业出版社|2017-11-14 15:25

2.3 编辑Adobe Flex 应用程序

1)启动Adobe Flex 编辑器,在Flex 工程编辑界面创建Flex 工程,如图2-2 所示。

单击按钮,显示编译路径设定对话框,如图2-3 所示。

设定编译文件路径并单击按钮,显示编译路径设定对话框(文件及集成环境),如图2-4 所示。

单击按钮,添加编译所需文件WDIslandLibrary.swc,如图2-5 所示。

单击按钮再单击按钮。

2)在Adobe Flex 编辑器中的工程属性编辑界面更改Flex 工程属性,如图2-6 所示。

3)在Adobe Flex 编辑器中的Flex 应用文件编辑界面,编辑并编译Flex 应用文件如下:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize=  
  3. "init()" xmlns:comp="components.*"> 
  4. <mx:Script> 
  5. <![CDATA[  
  6. import sap.FlashIsland;  
  7. import mx.collections.ArrayCollection;  
  8. [Bindable] public var columnTest:ArrayCollection ;  
  9. [Bindable] public var test:String ;  
  10. [Bindable] public var tittle:String ;  
  11. [Bindable] public var subjects:String ;  
  12. [Bindable] public var sum:String ;  
  13. public function init():void {  
  14. FlashIsland.register(this);  
  15. }  
  16. private function doSum(event:Event):void  
  17. {  
  18. //定义参数  
  19. var param:Object = {param1:'Value 1', param2:'Value 2'};  
  20. var param1:String ;  
  21. //求和  
  22. for(var i:int = 0;i<columnTest.length;i++)  
  23. {  
  24. var obj:int = int(columnTest.getItemAt(i)[test]);  
  25. var obj1: int = obj1 + obj;  
  26. }  
  27. param1 =String(obj1);//.test;  
  28. FlashIsland.fireEvent(this, "onClickButton", {param:param1} );  
  29. }  
  30. ]]> 
  31. </mx:Script> 
  32. <mx:ColumnChart x="101" y="10" id="column" dataProvider="{columnTest}"showDataTips=" true"> 
  33. <mx:verticalAxis> 
  34. <mx:LinearAxis maximum="100"/> 
  35. </mx:verticalAxis> 
  36. <mx:horizontalAxis> 
  37. <mx:CategoryAxis id = "columncate" categoryField="{subjects}" dataProvider="{columnTest}" /> 
  38. </mx:horizontalAxis> 
  39. <mx:series > 
  40. <mx:ColumnSeries displayName="{tittle}" yField="{test}"dataProvider="{columnTest}"/> 
  41. </mx:series> 
  42. </mx:ColumnChart> 
  43. <mx:Legend dataProvider="{column}"/> 
  44. <mx:Button x="101" y="440" label="总成绩" click="doSum(event)"/> 
  45. <mx:TextInput x="221" y="440" editable="false" text="{sum}"/> 
  46. </mx:Application> 

注:sum 这个变量应该作为绑定变量从Flash Island 传递到Web Dynpro 应用程序中,test、tittle、subjects 则相反。

自动生成编译文件如图2-7 所示。


喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

精通ASP.NET 2.0+XML+CSS网络开发混合编程

本书以最新的ASP.NET 2.0为基础,详细阐述了当前网络开发的经典架构ASP.NET 2.0+XML+CSS的各个知识点,以及SQL Server 2005的相关知识。全...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊