Multiple views can be created to support alternative sort and filter expressions. If the views have the same data field configuration, then it is possible to create “empty” views that reference a shared base view.
Let’s create several views in the Customers data controller. Start the Project Designer. In the Project Explorer, switch to the Controllers tab. Right-click on Customers / Views node, and select New View.
![Create New View in Customers controller. Create New View in Customers controller.](/blog/2012/06/creating-multiple-views-with-same-base/image02.png)
Give this view the following properties:
Property | Value |
Id | customersfromUSA |
Type | Grid |
Command | command1 |
Label | Customers from USA |
Header Text | This is a list of customers from the United States. |
Filter Expression | Country='USA' |
Base View Id | grid1 |
Press OK to save the view. In the Project Explorer, right-click on Customers / Views node and select New View.
![New View for Customers controller. New View for Customers controller.](/blog/2012/06/creating-multiple-views-with-same-base/image04.png)
Configure the view:
Property | Value |
Id | customersfromUK |
Type | Grid |
Command | command1 |
Label | Customers from UK |
Header Text | This is a list of customers from the United Kingdom. |
Filter Expression | Country='UK' |
Base View Id | grid1 |
Press OK to save the view. The Project Explorer window should look like the picture below.
![CustomersfromUSA and CustomersfromUK views are based on grid1 view. CustomersfromUSA and CustomersfromUK views are based on grid1 view.](/blog/2012/06/creating-multiple-views-with-same-base/image06.png)
On the toolbar, press Browse.
When the application loads in the browser window, navigate to the Customers page. On the action bar, activate the View dropdown and select Customers from USA. The view inherits data fields from the base view, grid1. Only customers from USA are displayed.
![Customers from USA view inherits the data field configuration from the base view. Customers from USA view inherits the data field configuration from the base view.](/blog/2012/06/creating-multiple-views-with-same-base/image08.png)
The Customers from UK view also inherits the same data field set, but filters to only customers from the UK.
![Customers from UK also inherits the base view's data field configuration, but with different filtering. Customers from UK also inherits the base view's data field configuration, but with different filtering.](/blog/2012/06/creating-multiple-views-with-same-base/image10.png)
If the base view of grid1 is modified, then the views will change accordingly.
Switch back to the Project Designer. In the Project Explorer, right-click on Customers / Views / grid1 / Postal Code data view node, and select Delete option.
![Delete the PostalCode data field from the 'grid1' view of Customers controller. Delete the PostalCode data field from the 'grid1' view of Customers controller.](/blog/2012/06/creating-multiple-views-with-same-base/image12.png)
Confirm the operation. In the Project Explorer, right-click on Customers / Views / grid1 view node, and click New Data Field option.
![New Data Field in Customers controller. New Data Field in Customers controller.](/blog/2012/06/creating-multiple-views-with-same-base/image14.png)
Assign the Field Name for the data field:
Property | Value |
Field Name | Fax |
Press OK to save the data field. On the toolbar, click the Browse option.
Navigate to the Customers page. The default grid1 view will no longer have Postal Code column, and will now have Fax column at the right.
!['Grid1' view no longer has PostalCode, has Fax instead. 'Grid1' view no longer has PostalCode, has Fax instead.](/blog/2012/06/creating-multiple-views-with-same-base/image16.png)
On the right side of the action bar, activate the View dropdown and select Customers from USA. This view shows the same set of data fields as grid1.
![CustomersfromUSA view no longer has PostalCode, has Fax column instead, just like grid1 view. CustomersfromUSA view no longer has PostalCode, has Fax column instead, just like grid1 view.](/blog/2012/06/creating-multiple-views-with-same-base/image18.png)
The same data field configuration applies to Customers from UK view.
![CustomersfromUK view has the same changes as grid1 base view. CustomersfromUK view has the same changes as grid1 base view.](/blog/2012/06/creating-multiple-views-with-same-base/image20.png)