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.
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.