2. Adding Model to UI Component

First of all we will discuss, why do we need Model?

SAP CRM UI Component follows Model-View-Controller design pattern. The responsibility of a model is to retrieve corresponding business data. In SAP CRM WebUI business data resides at GenIL Object Model at run time. GenIL object Model is embedded in GenIL Component, and GenIL Component is assigned  to Component Set. We are adding this Component set as Model to our UI Component.

* We have two types of component in SAP CRM WebUI framework one is UI Component, and another is GenIL Component.

Let start how to add a model to UI Component.

Open the UI component, Click on 'Runtime Repository Editor'.

Now, add the model. Click on the pencil icon to make 'Runtime Repository Editor' into edit mode. Select 'Model' right click, then select 'Add Model'

Add Model(Component Set).

Now, you have added Model(GenIL Component Set ). check the syntax Error by clicking on check icon, and save it.

Note* : Don't forget that you need to save it by clicking on 'save' button. If not your changes will not reflect in UI Component. What ever the changes you make at 'Runtime Repository Editor' has to be explicitly saved.

* For you : try adding one more component set,  it is possible? We will discuss on this topic sometime later :-) .

Now check whether you got 'BOL Model Browser' option is available left side of workbench, if not try to open the Web UI Component again. This time you will get it.

Let us check what 'BOL Model Browser' contains. Click on 'BOL Model Browser'.

You can see GenIL Objects, and you can understand How the GenIL Object is modeled.

Now, we have done with adding model to UI Component.

Next, Create 'Advanced Search Page'.