Asp.net MVC 3 instance learning ExtShop (5) -- product details page

You need to use the tab control on the product details page. The ui package of jquery already contains the control, so you can add the corresponding file link to the master page.

Open the "ProductController" file and add a Details operation to it. The Code is as follows:

1 public ActionResult Details (int id)
2 {
3 var q = dc. T_Products. Single (m => m. ProductID = id );
4 return View (q );
5}
6

Create a view page and complete the page framework. The Code is as follows:

1 @ model Extshop. Models. T_Products
2
3 @{
4 ViewBag. Title = Model. Title;
5 PageData ["id"] = Model. CategoryID;
6}
7
8 <div class = "nav">
9 <a href = "@ Url. Action (" "," Catalog ")"> product </a>
10 @ {Html. RenderAction ("Navbar", "Catalog", new {id = PageData ["id"]});}
11 @ Html. Raw ("> ")
12 @ Model. Title
13 </div> <br/>
14 <div id = "contentMain" style = "width: 760px;">
15 <span class = "header" style = "width: 750px;" id = "producttitle"> @ Model. Title </span>
16 <div class = "img">
17 <a href = "/images/products/@ Model. largeImageUrl "rel =" lightbox "> </a>
18 </div>
19 <div class = "details">
20 <ul>
21 <li> Market Price: <del> @ Model. MarketPrice. ToString ("C") </del> </li>
22 <li id = unitprice> current price: @ Model. UnitPrice. ToString ("C") </li>
23 <li> <span> User rating: </span>
24 <div class = rating id = rating1>
25 <input name = "@ Model. productID. toString ("Star0") "type =" radio "class =" star "disabled =" disabled "value =" 1 "@ (Model. totalRating = 1? "Checked = checked": "")/>
26 <input name = "@ Model. productID. toString ("Star0") "type =" radio "class =" star "disabled =" disabled "value =" 2 "@ (Model. totalRating = 2? "Checked = checked": "")/>
27 <input name = "@ Model. productID. toString ("Star0") "type =" radio "class =" star "disabled =" disabled "value =" 3 "@ (Model. totalRating = 3? "Checked = checked": "")/>
28 <input name = "@ Model. productID. toString ("Star0") "type =" radio "class =" star "disabled =" disabled "value =" 4 "@ (Model. totalRating = 4? "Checked = checked": "")/>
29 & n