车辆检查记录表:Asp.net MVC 3实例学习之ExtShop（二）创建母版页_ASP.NET_开发学...

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 00:16:56

      最后在Site.css加入以下的css代码：

view plaincopy to clipboardprint?.wrap {width:980px;margin:10px auto 10px auto;}  .wrap .clear{clear:both;}  .left {float:left;width:160px;margin-right:10px;border:1px solid #d3d3d3;padding:1px;}  .left .header{background:url(/images/leftHeader.jpg) repeat-x;height:28px;line-height:28px;width:150px;display:block;color:#fff;font-size:14px;margin:0px;}  .left span{width:140px;display:block;height:20px;line-height:20px;padding-left:10px;background:transparent url(/images/point02.jpg) no-repeat scroll 0 10px;margin-left:5px;}  .left a{color:#000;}  .left a:hover{text-decoration:underline;}  #main {float:right;width:800px}  #footer {height:30px;width:980px;display:block;text-align:center;margin:auto;line-height:30px;border-top:1px solid #d2d2be}        整个页面的框架基本就完成了。不过要测试框架，还需要做点事情。选择“Controllers”目录，然后添加一个“CatalogControl”的控制器。然后在控制器里添加一个LeftList操作，代码如下：

view plaincopy to clipboardprint?
[ChildActionOnly]  
public ActionResult LeftList(string id)  
{  
    string condition = "";  
    if (id.Length > 0)  
    {  
        condition = "CategoryID.Substring(0,@1)==@0 && CategoryID.Length>@1";  
    }  
    else  
    {  
        condition = "CategoryID.Length<7";  
    }  
    ViewData["id"] = id;  
    ExtShopDataContext dc = new ExtShopDataContext();  
    var q = dc.T_Categories.Where(condition, id,id.Length).OrderBy(m => m.CategoryID);  
    return PartialView(q);  
}  

 
      代码中，“ChildActionOnly”属性的目的是让这个操作不能通过浏览器直接访问，只能通过RenderAction调用。因为需要将id传递给视图，所以要讲id值保存在“ViewData["id"]”中，以方便视图调用。代码最后一句返回的不是“View”，而是“PartialView”，类似于返回用户自定义控件。

      要使代码能正常运行，还需要在引用中加入以下语句：

view plaincopy to clipboardprint?
using Extshop.Models;  
using System.Linq.Dynamic;  

      代码第二句需要引用Linq的动态库，所以需要在项目中增加一个“App_LocalResources”目录，将“DynamicLibrary.cs”文件添加到该目录。

      现在要为操作添加一个视图，在“LeftList”上单击鼠标右键，在菜单中选择“Add View”，将看到如图2所示的结果。

图2

      勾上“Create a strongly-typed view”，接着在“Model class”中选择“Extshop.Models.T_Categories”，然后勾上“Create as a partial view”，单击“Add”按钮完成操作。在“LeftList.cshtml”文件中加入以下代码：

view plaincopy to clipboardprint?
@model IEnumerable  
  
@foreach (var c in Model)  
{  
      
          
    if (c.CategoryID.Length == (((string)ViewData["id"]).Length+3))  
    {  
        @c.Titel  
    }  
    else  
    {  
        @c.Titel  
    }  
}  

      代码中，Model表示从控制器传入的数据。Url.Action方法的作用是构造一个链接，第1个参数代表要执行的操作，第2个参数表示使用那个控制器，第3个参数表示要传递的参数。

       现在为项目增加一个“HomeController.cs”，然后为Index操作增加一个视图。最后修改“Index.cshtml”文件代码如下：

view plaincopy to clipboardprint?@{      ViewBag.Title = "Index";      PageData["id"] = "";  }   

      最后选中“Extshop”，在右键菜单“调试”的子菜单中选择“启用新实例”，即可在浏览器中看到如图1
 
本篇文章来源于：开发学院 http://edu.codepub.com   原文链接：http://edu.codepub.com/2011/0124/29038.php