Thursday, February 3, 2011

Steps to integrate Business Server pages (BSP) with ADOBE FLEX

Create a simple BSP application using SE80 Transaction.

Just create two pages first and second using page with Flow logic as the page type.

Create the first page as first.html and second page as second.xml as shown below.

In the second.xml page, try to populate the XML file using simple SFLIGHT table information.

I have used the replace statements because XML parsing in Flex failed due to special characters.

Test the second.xml page, XML file will open in a separate browser as below,

Create a Flex application in the Adobe Flex builder. I have created a MXML application named sapflexbsp inside the project flexwebservice.

Use the following code in the created MXML application.

You will see the list of all the swf and html objects created for the project in the history folder.

Copy the created swf file.

Right click the html file and copy the below source code in the first.htm page of your BSP application as shown.

Import the Created SWF file in the SAP MIME Repository as shown.

Once you have done all the above steps, execute the first.htm page. It will call the MIME object and execute complete application.

Following is the result of the complete integration between SAP BSP and ADOBE Flex.

No comments:

Tutorials on SAP-ABAP

Adobe Interactive Forms Tutorials

Business Server Pages (BSP)


Web Dynpro for ABAP (Step by step procedure for web dynpro,Tutorials on Web Dynpro,)

ALV Tutorials

Blog Archive