Adding a view in a component of BSP application

Question

Hi All,
I want to create new component for a BSP and add a view to it.
my scenario is : I have a problem in creating a pop-up view whenever a button in a WEB UI is clicked.
I have added a button in the items tab of sales order creation(in WEB UI),so when that button is clicked a pop-up view has to be generated.
the view i am creating is a ineractive view where the user can enter some data and press a button in the pop-up window so that the data is copied in the items tab.
the pop-up contains a table grid where the user can enter the data and press the button in pop-up window.
so could you please let me know how to create this type of pop-up window.
Regarding this some one has send me a solution of creating a new component with a new view.but unfortunately i am not able to create a view because it is asking for nodes and BOL entity.
so could you all provide me some input inorder to create the component and view.
Thanks
Tanveer

Answer 1

Hi Tanveer,
I have done the Similar Case.
By now I hope you have Created a New Component.
Ensure the Following Points before you Proceed.
1. Create a Window/View Set and View.
2. As you are saying yours is Table View while Creating View Specify it as Value Node and assign Corresponding Attributes to the Value Node.
3. Specify Type of View is Table Type.
4. Now in Runtime Repository Add the Created Window.
5. Now add the Created ViewSet and View to the Window and Save.
6. Create a New Interface View which is ( Window Name ) in Runtime Repository.
7. Add Component Usage in Runtime Repository.( In Source Component where Button is Present )
    a. Give ID and Interface View for the Component Usage and give Used Component
        Name. If View is created in same component then give same name other wise
         Give another component name.
8. After create View/Window/Component Interface/Component Usage Now to get the
   Table View in Popup Screen
   Modify the Standard Code similar to the Table View in HTML Page.
   For Reference:
<chtmlb:tableExtension tableId = "Table"
                       layout  = "FIXED" >
  <chtmlb:configTable id              = "Table"
                      navigationMode  = "BYPAGE"
                      onRowSelection  = "select"
                      selectedRowIndex      = "<%= CONTEXTNODE->SELECTED_INDEX %>"
                      selectedRowIndexTable = "<%= CONTEXTNODE->->SELECTION_TAB %>"
                      selectionMode         = "<%= CONTEXTNODE->->SELECTION_MODE %>"
                      table           = "//CONTEXTNODE->/Table"
                      usage           = "SEARCHRESULT"
                      visibleRowCount = "10"
                      width           = "100%"
                      showNoMatchText = "FALSE"
/>
</chtmlb:tableExtension>
CONTEXTNODE is the Context Node in View.
Now to get the Values in the Table View when popup gets displayed.
Go to the Newly Created View and add Code to populate Values in Table View
Method CL_BSP_WD_CONTEXT_NODE_TV - > IF_BSP_MODEL~INIT.
Now,to Call the Created View as a popup from the New Component when Buton is Clicked
Use the Following Code in the Event of Button Click.
DATA: lr_popup TYPE REF TO if_bsp_wd_popup.
  IF lr_popup IS NOT BOUND.
    lr_popup = me->comp_controller->window_manager->create_popup( )
    (Specify Parameters Interface View,Component Usage and Title for Window in the above Method._
    lr_popup->set_display_mode( if_bsp_wd_popup=>c_display_mode_surrounded ).
  ENDIF.
Set the callback event on the imported controller ( Specify Event Name which needs to get Triggered when Popup is Closed.)
  lr_popup->set_on_close_event( iv_event_name = "EVENT_NAME"
                                       iv_view = me ).
*Set the width of the popup
  CALL METHOD lr_popup->set_window_width
    EXPORTING
      iv_width = 500.
*Open the popup
  lr_popup->open( ).
This will help in Getting a View as a Popup when Button is Clicked.