Saturday, 29 August 2015

Web Dynpro Application Parameter Read & Displaying it in VIEW Layout

----------------------------------------------------------------------------------------------

Step1. Create a context node with an attribute in component controller context node.

Step2. Map the component controller context to the window context node.

Step3. Go to the inbound plug method of the window.


 Step4. Add a parameter NAME in the method interface and bind it to the window context node . This variable NAME value will be passed when an application will be called.
Step5. In the VIEW context node, map the component controller to the view context.



 Step6. Add a text view element in the view layout with element binding to the view context node attribute.

 Step7. Create an application .

Step8. Pass the application parameter and execute the application.


Step9. Here we have the value in the view layout of the window.





----------------------------------------------------------------------------------------------

Friday, 28 August 2015

Dynamic View Call in Webdynpo ABAP

----------------------------------------------------------------------------------------------
Create a web dynpro component with a window and three views as VIEW1, VIEW2 & VIEW3.
Create two outbound plugs in VIEW1 to call VIEW2 and VIEW3.


 Add two buttons on VIEW1 layout with on action event which fire the outbound plugs to call the target views.



Add a view container UI element.

Go to the button event handler method and fire the VIEW1 outbound plugs.








 In VIEW2 create an inbound plug.

 Add a  text view element in VIEW2.

  In VIEW3 create an inbound plug.

  Add a  text view element in VIEW3.
Go to the window. Add EMPTY VIEW, VIEW2 & VIEW3 in the View container UI elemnent and make Empty View as the default view.



Bind the two outbound plugs of the VIEW1 to the Inbound Plug of VIEW2 and VIEW3.




 Create an application and test.
Click on the button and the see the appropriate views are called.








----------------------------------------------------------------------------------------------

Thursday, 27 August 2015

Calling an External Window in Web Dynpro

--------------------------------------------------------------------------------------------
Create a wed dynpro component with a window and a view.



 Create a button with event handler method in the view layout. On click this button it should open an external window.



 Put the code in the event handler method.

Create an application and test it.





--------------------------------------------------------------------------------------------

Wednesday, 26 August 2015

Navigating from One Window to Another Window in Web Dynpro

------------------------------------------------------------------------------------------------
Create a webdynpro component with two windows and two views.
Embed View1 in Window1.

Embed View2 in Window2.


 just put a text view in VIEW2 layout.
Put a text view in VIEW1 layout and a button with action .




 Go to the event handler method.

 put down the below code which calls the WINDOW2.

 Create an application that calls the first window. test it.
Click on the button.

Here the Window 2 is called.




--------------------------------------------------------------------------------------------------

Part6 : FPM OVP Application -Integrating Header LIST UIBB and ITEM List UIBB & Dynamically hiding ITEM LIST UIBB

-----------------------------------------------------------------------------------------------

Here the OVP application contains two list UIBBs. One is header UIBB which displays records form SCARR table and another one is ITEM UIBB which displays the records from the SPFLI table depending upon the row selected in the HEADER UIBB.

If more than one line selected in the header UIBB then the ITEM UIBB is set as invisible/hidden.




More than one line are selected in the header, So the ITEM UIBB is hidden. 







Create a table type and structure for the header list UIBB.




 Create a table type and structure for the item list UIBB.




Create a feeder class for the header list UIBB and implement the interfaces.


 Activate all the methods.
Provide the below code in the GET_DEFINITION method.

Create a feeder class for the ITEM  list UIBB and implement the interfaces.


  Activate all the methods.
Provide the below code in the GET_DEFINITION method.

Create another class which will be the application controller class. Implement the interfaces.


 Activate all the methods.
Create a configuration for the header list UIBB.

Mark all necessary attribute and provide the feeder class.




 Create a configuration for the ITEM list UIBB.

 Provide the feeder class and maintain all attributes.


Create a configuration for the FPM_OVP_COMPONENT.

Add two list UIBB's and the application controller class and mention the PAGE ID.




 Here is the controller class.
Maintain the below code in the header list feeder class.

Very first screen is loaded, the first line is made selected and an event 'SET_SPFLI_LIST' is raised which is  handled in the ITEM list feeder class.

After onwards for any line selection and multiple line selection different events are triggered which is handled in the ITEM list feeder class and in the application controller class.


 Event handled in ITEM LIST feeder class.
When multiple line are selected, then in the controller class , the ITEM list UIBB is set as hidden .


-----------------------------------------------------------------------------------------------

Comments system

Disqus Shortname