Designing the View Layout

Procedure

  1. Prepare the view layout by deleting the default text view:

    1. In the UI Explorer , under Start of the navigation pathWebDynpro Next navigation step Components Next navigation step OrderComp Next navigation step ViewsEnd of the navigation path, double-click OrderCompView to open the view editor.

    2. Switch to the Layout tab of OrderCompView .

    3. In the Outline view (by default in the bottom-left pane), delete the default text HelloWorld by choosing Delete in the context menu of DefaultTextView .

  2. In the UI Explorer , double-click OrderCompView to open the view editor.
  3. In the view editor, choose the Context tab. Confirm that there is now a new node getOrderHeaders under order_srv .

    The small blue arrow on the file icon of the node indicates that the node and its fields are context-mapped from the component controller context.

  4. Create a table for the orders:

    1. In the context menu of the OrderCompView view, choose Start of the navigation pathTemplate Next navigation step ApplyEnd of the navigation path to start the template wizard.

    2. Choose the Table template.

    3. Under Start of the navigation pathoder_srv Next navigation step getOrderHeaders Next navigation step getOrderHeadersOutputEnd of the navigation path, mark the checkboxes for the context attributes Longtext , Orderid and Serviceunit to bind them to the table.

    4. Choose Finish .