o_19mgorv9t13a3ko71fev19l81mqa.pdf

Figure 7-5. Adding the Views/Product/List.cshtml view
When you click the Add button, Visual Studio will create the List.cshtml file, but it will also create a
_ViewStart.cshtml file and a Shared/_Layout.cshtml file. This is a helpful feature, but in keeping with the
Microsoft approach to default content, the _Layout.cshtml file contains template content that I do not want or need. Edit
the layout so that it matches the content shown in Listing 7-8.
Listing 7-8. Editing the _Layout.cshtml File
@ViewBag.Title
@RenderBody()
Rendering the View Data
Although I set the model type of the view to be the Product class, I actually want to work with an
IEnumerable, which is what the Product controller obtains from the repository and passes to the view.
In Listing 7-9, you can see that I have edited the @model expression and added some HTML and Razor expressions to
display details of the products.
Listing 7-9. Editing the List.cshtml File
@using SportsStore.Domain.Entities
@model IEnumerable
@{
}
ViewBag.Title = "Products";
@foreach (var p in Model) {
@p.Name
@p.Description
@p.Price.ToString("c")
}
I also changed the title of the page. Notice that I do not need to use the Razor @: expression to display the view data. This is
because each of the content lines in the code body either is a Razor directive or starts with an HTML element.
Tip I converted the Price property to a string using the ToString("c") method, which renders numerical values as
currency according to the culture settings that are in effect on your server. For example, if the server is set up as en-US, then
(1002.3).ToString("c") will return $1,002.30, but if the server is set to en-GB, then the same method will
return £1,002.30. You can change the culture setting for your server by adding a section to the node in
the Web.config file like this: .
172