Show TOC

Adding Form FieldsLocate this document in the navigation structure

Procedure

  1. In the UI Explorer , in the context menu of OrderCompView , choose Start of the navigation path Template Next navigation step Apply… End of the navigation path
  2. Select the Form template and choose Next .
  3. Under the getItemsByOrderIdOutput node, mark the context node attributes HoursSpent and Material and choose Finish .
  4. In the UI Modeler , double-click OrderCompView to open the view editor.
  5. On the Layout tab, check that two new input fields and labels ( HoursSpent_label and Material_label ) are below the tables.
  6. Select the HoursSpent_label label.
  7. In the Properties pane, place the cursor in column Value , row text and overwrite HoursSpent_label with Hours Spent .

    The Layout tab of the view editor adopts this change.

  8. On the Layout tab, select the Material_label label.
  9. In the Properties pane, place the cursor in column Value , row text and overwrite Material_label with Material .

    The Layout tab of the view editor adopts this change.

  10. Select the input field of Hours Spent .
  11. In the Properties pane, confirm that row value , column Value contains getItemsByOrderId.getItemsByOrderIdOutput.HoursSpent .

    This ensures that the data that is shown or edited in this field is automatically transported to the view context and from there to the component controller context by means of context-mapping.