This guide demonstrates how to create and run a simple Radzen application. The application will display a data grid which is bound to an OData service. You can check the final result online.
If you haven’t already installed Radzen follow the installation instructions.
Start Radzen by double clicking its icon. After it starts you will see the My Applications screen which shows all Radzen applications. Initially this screen will be empty. Time to change that!
Click the data button in the upper right corner to add the OData service that your application will use.
This will open the My DataSources screen which allows you to add, edit and delete the data sources which your Radzen application uses. Initially this screen is empty. Click the new button to add a new data source.
Radzen will then infer all entities and allow you to remove the entities and/or entities properties you don’t need for the current application.
That’s it! We are ready to see what we have accomplished. Click the run button in the top right corner. Radzen will generate the code required to run the application (Angular components and services), build it and show the result in your browser:
The application consists of two parts:
CRUD pages for the Cars, Categories, Orders tables are automatically generated during database schema infer. Those pages are available if you login using admin/admin.
The Find a Car, Book and About pages are the public part of the application and are created via the Radzen visual designer. The Find button invokes a Microsoft SQL Server stored procedure that returns the cars available in the specified range
To book a car click Book in the last DataGrid column to open the booking popup, enter a name and click Book again. To view booked cars use the Schedule tab.