Presentation Layer

Home
Products
AspxFormsGen MVC 5 Home
Presentation Layer

Generated Presentation (UI) Layer

Listed below are quick descriptions of the ASP.NET MVC Models, Views, Controllers, and View Models AspxFormsGen MVC 5 generates that makes up the Presentation Layer (Front End). Note: All generated views with a grid also have paging and sorting functionality. CRUD are database operations which means: create (add a new record), retrieve (get an existing record), update an existing record, delete an existing record.

One of each of the following objects listed below is generated per table in your database.

Generated Views (.cshtml/.vbhtml)	Quick Description (Views Folder)
1. List with Add, Edit Redirect & Delete	A view with a list of items shown in a grid with CRUD functionality. Adding or updating an item redirects to another page. more info Contains a JQgrid control that has CRUD (Create, Retrieve, Update, Delete) functionality. Adding a new record redirects to another page Updating an existing record redirects to another page Delete functionality uses a JQuery UI Pop-up for delete confirmation JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated per table
2. Add New Record	A view with validated input controls used for adding a new record. more info Contains JQuery Validation Contains JQuery UI Date Controls for date fields Contains bound DropDownList for foreign fields You can get here from the "List with Add, Edit Redirect, & Delete" View when clicking the Add New Record link One ASP.NET MVC 5 View is generated per table
3. Update Record	A view with validated input controls used for updating an existing record. more info Contains JQuery Validation Contains JQuery UI Date Controls for date fields Contains bound DropDownList for foreign fields You can get here from the "List with Add, Edit Redirect, & Delete" View when clicking the Edit button One ASP.NET MVC 5 View is generated per table
4. Record Details (Read Only)	A view with read-only details of a record. more info Shows details of a record (Read-Only) You can get here from the "List (Read-Only)" View when clicking the foreign key links One ASP.NET MVC 5 View is generated per table
5. List (Read-Only)	A view with a list of items shown in a grid. No CRUD functionality. more info Contains a JQgrid Control. No CRUD functionality (read-only). A pop-up link is provided for all Foreign Key columns (for details on the foreign key) JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated per table
6. List with Add, Edit, & Delete (Same Page)	A view with a list of items shown in a grid with CRUD functionality. A pop-up shows when adding or updating an item. more info Contains a JQgrid Control that has CRUD (Create, Retrieve, Update, Delete) functionality. Add a new record on the same page with JQuery dialog with validation Update an existing record on the same page with JQuery dialog with validation Delete functionality uses a JQuery UI Pop-up for delete confirmation JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated per table
7. List with Grouping	A view with a list of grouped items (e.g. Employees by DepartmentID). No CRUD functionality. more info Contains a JQgrid Control. No CRUD functionality (read-only). Shows grouping by the respective group Shows count per respective group Collapsible or expandable grid per group E.g. List of Orders by Shipper, List of Territories by Region JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated for each table referencing the current table
8. List with Totals	A view with a list of items with totals in the footer shown in a grid. No CRUD functionality. more info Contains a JQgrid Control. No CRUD functionality (read-only). Shows totals on the footer for money fields JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated for tables that have money data fields only
9. List with Totals and Grouping	A view with a list of grouped items (e.g. Employees by DepartmentID) with total count per group in the footer. No CRUD functionality. more info Contains a JQgrid Control. No CRUD functionality (read-only). Shows grouping by the respective group Shows count per respective group Collapsible or expandable grid per group E.g. List of Orders by Shipper, List of Territories by Region JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation Shows totals on the footer of each group for money fields One ASP.NET MVC 5 View is generated for tables that have money data fields only
10. List with Search	A view with a list of items shown in a grid with CRUD and Search functionality. You can filter grid results by entering values in the input controls show on the header. more info Contains a JQgrid Control. No CRUD functionality (read-only). Contains search functionality in the header of each searchable column Search uses the "AND" operator to satisfy all search filters JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated per table
11. List with Scroll-Loading Data	A view with a list of items shown in a grid. No CRUD functionality. Items are dynamically paged as you scroll through the grid. more info Contains a JQgrid Control. No CRUD functionality (read-only). Data dynamically loads as you scroll through the list. JQgrid control shows Sort Direction Image in the header No paging controls in the botton of JQGrid List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated per table
12. List with Inline Add and Edit	A view with a list of items shown in a grid with CRUD functionality. Add a new record and update an existing item inline with the grid. more info Contains a JQgrid Control. Add a new record on the same page inline the header of the List. Update an existing record inline on the same page Delete funtionality uses a JQuery UI Pop-up for delete confirmation JQgrid control shows Sort Direction Image in the header JQgrid uses Paging in the footer List retrieves data on demand using Skip/Take logic Uses JSON to retrieve small amounts of data for every page, and sort operation One ASP.NET MVC 5 View is generated per table
13. List with Manual For Each Loop	A view with a list of manually-looped items shown in a grid with CRUD functionality. Adding or updating an item redirects to another page. more info No JQgrid control. The list is manually created using a Foreach loop. Has CRUD (Create, Retrieve, Update, Delete) functionality. Adding a new record redirects to another page Updating an existing record redirects to another page Delete functionality uses a JQuery UI Pop-up for delete confirmation Sorting and Paging manually-built List shows manually-built Sort Direction Image in the header List retrieves data on demand using Skip/Take logic One ASP.NET MVC 5 View is generated per table
14. List with Master Detail (Grid)	A view with two grids with a master-detail relationship. No CRUD functionality. Clicking an item in the first grid loads related items in the second grid. more info Contains 2 JQgrid Controls with a Master-Detail relationship, one on top of the other. No CRUD functionality (read-only). Clicking an item in the first (master) grid loads related items in the second (details) grid Both JQgrid controls shows Sort Direction Image in the header Both JQgrid uses Paging in the footer Both list retrieves data on demand using Skip/Take logic Both list Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated for each foreign key in each table
15. List with Master Detail (Sub Grid)	A view with a grid within another grid with a master-detail relationship. No CRUD functionality. Expanding an item in the master grid loads related items in the sub grid. more info Contains 2 JQgrid Controls with a Master-Detail relationship, a grid (sub grid) within another grid. No CRUD functionality (read-only). Expanding an item in the master grid loads related items in the sub grid Both JQgrid controls shows Sort Direction Image in the header Both JQgrid uses Paging in the footer Both list retrieves data on demand using Skip/Take logic Both list Uses JSON to retrieve small amounts of data for every page or sort operation One ASP.NET MVC 5 View is generated for each foreign key in each table
16. Unbound View	A view with validated input controls which can be used for adding a new record or updating a record. Not bound/connected to the database so you will need to add your own code to bind it to the database. more info MVC views that are not bound to the database Contains JQuery Validation Contains JQuery UI Date Controls for date fields Contains unbound DropDownList for foreign fields Can be used when adding a new record or updating an existing record One ASP.NET MVC 5 View is generated per table
17. Add/Edit Partial View	A view shared by the Add New Record and Update Record views. It contains objects listed under the Add New Record and Update Record views shown above.

Generated Models (.cs/.vb)	Quick Description (Models Folder)
1. Model Base Class	A class file containing fields decorated with data annotations (validation, display, data type) properties used as a base class.
2. Model Class	A class file derived from the model base class. Additional fields may be added here.

Generated View Models (.cs/.vb)	Quick Description (View Models Folder)
1. View Model Base Class	A class file containing model properties used by the view, pushed from the controller. Used as a base class.
2. View Model Class	A class file derived from the view model base class. Additional properties may be added here.

Generated Controllers (.cs/.vb)	Quick Description (Controllers Folder)
1. Controller Base Class	A class file containing action methods that handles url request/post from views. Used as a base class.
2. Controller Class	A class file derived from the controller base class. Additional methods may be added here.

Themes

You can also choose a theme based on the JQuery UI themes. Listed below are samples of the themes you can choose from. Click each one to get a better look.