- Managing Projects
- Data Connection
- Creating an Application View
- Binding Editors to Data
- Creating a Parameterized View
- Configuring Navigation and Device-Specific App Layout
- Setting Up Application Security
- Adding Commands to the Application Toolbar
- How to Layout Views with Stackpanel
Help Desk Demo
The Help Desk Demo illustrates how to work with OData sources and create CRUD apps (i.e., apps for listing, updating and inserting data). This demo provides a basic interface for viewing and editing tickets by IT-system administrators. This article describes the main aspects of creating this app, such as binding to a data service, designing the views and providing navigation. For a step-by-step tutorial on how to this demo app was created, see https://xenarius.net/docs/getting-started/.
This demo consists of the following four views:
Incidents – lists all incidents registered in the company;
Incident – displays details for a specific incident;
New Incident – enables creating a new incident;
About – displays information about the demo.
As opposed to the New Incident view, the Incident detail view also displays responses from a support engineer. This is why we need to make different views (for listing and entering new data).
The application connects to a public web service supporting OData requests. OData enables performing filtering and grouping on the server, which reduces the amount of data being transferred over the network.
There are two data providers in the application: incidents and persons. They connect to two separate end points of the web service and are used to retrieve lists of incidents and persons.
The Incidents view displays a List widget bound to a data provider. The list is the main widget that is used to display data series. It supports data paging, sorting and filtering out of the box. This demo illustrates row template customization and displays the creation date and subject for each of the incidents in the list.
The Incident and New Incident views display the Form widget that is used to design forms for entering data.