Enhancing the Application: Data Upload and UI Clean-Up

This tutorial describes how to enable the client application created in Tutorial: Creating a Service Order Application and enhanced in Enhancing the Application to Display Order Items to allow changing the Hours spent and Material attributes of order items. The changed data is stored in the local database and uploaded to the application back end during synchronization. To clean up the user interface, two tabstrips are added: the header tab shows the order header table, the items tab shows the order item table, the form fields and the save button. This involves:

1. Adding form fields for the order item attributes Hours spent and Material

   If an order item is selected, the respective values for Hours spent and Material are shown in the form fields. You use the form template to create the form fields.

2. Adding a Save button

   Pressing this button saves the data to the database. You use the action button template to create the button. A call to NW Mobile Client API is performed to save the changes.

3. Adding a tabstrip with the tabs Header and Items

   All UI controls are moved to the appropriate tabs.

4. Redeploying and running the enhanced application

   If you have configured synchronization, the changed data is automatically uploaded to the application back end.

Steps 1, 2, and 3 are standard Web Dynpro development tasks. Only the call to NW Mobile Client API is specific to NW Mobile.

You have created a mobile application according to Tutorial: Creating a Service Order Application and enhanced it according to Tutorial: Enhancing the Application to Display Order Items .