1. Creating Web UI Component

To create a UI Component Transaction : BSP_WD_CMPWB is used.

BSP_WD_CMPWB standards for Business Server Pages, WebDnypro, Component Work Bench. Means we are using BSPs, and webdnypro concepts in our Web UI Component development.

We can use SE80 to build a Web UI Component, there we have to create individual classes and Component elements. It's a time taking process.

When we use BSP_WD_CMPWB, this workbench will help us to create dependent classes.

Lets move to creating UI Component in BSP_WD_CMPWB.

Give name of component as : ZMOB_DTL_CMPXX.

Click on 'Create' Button.

It will ask for UI Component description.

Provide the description as per your business requirement.  

By default, Window name will be MainWindow, you can change it, but right now we will use the same name

Now, wizard is creating below classes, just observe them, we are going to discuss them about it in future,

1 . Component : ZMOB_DTL_CMPXXX

3. Component Context : ZL_ZMOB_DTL_BSPWDCOMPONE0_CTXT

3. Component Controller : ZL_ZMOB_DTL_BSPWDCOMPONE0

4.  Component Controller Implementation class : ZL_ZMOB_DTL_BSPWDCOMPONE0_IMPL

6. Window Context class : ZL_ZMOB_DTL_MAINWINDOW0_CTXT

7. Window Controller  : ZL_ZMOB_DTL_MAINWINDOW0

8. Window Controller implementation class : ZL_ZMOB_DTL_MAINWINDOW0_IMPL

Finally, we have create a Component:  ZMOB_DTL_CMPXXX , and a window- MainWindow for our UI Component.

Let us move to Adding a Component Set (What we call 'Model') in next chapter.

 By clicking on Creating Search Page