Friday, 24 May 2013

19.INTRODUCTION TO THE UI COMPONENT


Transaction: BSP_WD_CMPWB.

We will try to learn UI concepts together with implementing them. Because explaining UI component concepts alone, will be complex to understand.  We will create one UI component which will look like a service contract screen.

We try to explore each topic in depth as this process goes on.


Let us start.
Go to the transaction above mentioned. We will get below screen. Give any name and  Press on CREATE.


As soon as we click on CREATE button, system will throw one popup as shown below. Here we can change the component description and Main window name. After changing Press on Continue button.


Then system will ask to save it. You can save it in the local object or any another transport ( if we want to transport to some other system ).  System will throw same popup multiple times as It will create another controllers, context nodes. Just keep on pressing save button until the following screen presented to us. Just double click on Component controller. It will bring one more screen in the right panel, where component controller details will be shown.

WINDOW

One Ui component can host any number of windows. But at least one window should be there in the component. Without Window, we cannot show anything on WEB UI. All sub components like VIEW SETS or views will be put in the windows. 




COMPONENT CONTROLLER:

Every UI component has exactly one component controller. It is a parent controller to all another controllers in the component.  It has one method named WD_USAGE_INITIALIZE. We need to deal with this method in number scenarios to transfer the data from one component to another component.

We can observe that there is one window created with name MAINWINDOW. We have given this name at starting point when it asked for window name.

So far we have created just skeleton. We did not tell the system from where data (service contract details) will come into the UI component.  Data will be associated to the UI COMPONENT through MODELS.
We will discuss it in the next lesson. 



8 comments:

  1. Without the enhancement we cannot save the component in BSP_WD_CMPWB.....so can we save it in any enhancement set?

    Thanks
    Neha

    ReplyDelete
  2. yes exactly neha , because enhacement set is like container for any modifications.

    ReplyDelete
  3. really it is helpful and wrathful.... I am using it parallel with my project...it is really helpful and useful to me...very simple language to understand and grasp.... ................. thanking to u.............nithin.

    ReplyDelete
  4. really it is helpful and wrathful.... I am using it parallel with my project...it is really helpful and useful to me...very simple language to understand and grasp.... ................. thanking to u.............nithin.

    ReplyDelete
  5. will u little explain about the various screen that comes after when click on the package to save?

    ReplyDelete
  6. Very good and in detail explanation to grasp the subject!

    ReplyDelete