asp.net mvc 2 DisplayTemplates 的使用

asp.net mvc 2 官方给的例子有些简单，主要介绍了新的功能。下面主要介绍下DisplayTemplates 给我们带来的实用的功能，可以自定义字段显示的方式，按类型分：String、Boolean、Decimal。按显示的方式：EmailAddress、Html、Url、HiddenInput。还可以自定义字段的显示 如：DropDownList。可以扩充类型的显示 如：DateTime，只要和字段的类型相同都可以直接使用，而不用绑定。下班一个简单的MetaData的例子。它可以扩充数据模型，定义一些自定义的内容。

 

 1  [MetadataType(typeof(Article_MetaData))]
 2     partial class Article
 3     {
 4 
 5     }
 6     public class Article_MetaData
 7     {
 8        
 9         [ScaffoldColumn(false)]
10         public int Id { get; set;}
11         [DisplayName("标题")]
12         [Required]
13         [SearchFilter]
14         public string title { get; set; }
15 
16         [Display( Name="",Order=12)]
17         [Required]
18         [SearchFilter]
19         [DisplayName("栏目")]
20         [DropDownList("Category", "Id", "Name")]
21         public int Cid { get; set; }
22         [DisplayName("模型")]
23         [ScaffoldColumn(false)]
24         public int ModeId { get; set; }
25         [DisplayName("排序")]
26         [Required]
27         public int OrderID { get; set; }
28         [DisplayName("时间")]
29         [Required]
30         public DateTime CreateTime { get; set; }
31 
32         [DisplayName("内容")]
33         [DataType(DataType.Html)]
34         public string Cont { get; set; }
35     }

 

关于MetaData的详细内容可以参考msdn上的介绍。mvc 对MetaData内的部分内容支持不是太完善，有些内容还需要自己来扩展。如[Display()]就不能使用，如果使用的话，你必须自定义 ModelMetadataProviders。通过它，你可以实现很多功能。

 DisplayTemplates 文件夹内的自定义控件只针对html.display() 使用。下边说下，我使用的自定义表格，先将表格用分头部，和主体内容两部分，分别是 header、Rows。

header.ascx代码

 1 <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
 2 <script runat="server">
 3     bool ShouldShow(ModelMetadata metadata) {
 4         return metadata.ShowForDisplay
 5             && metadata.ModelType != typeof(System.Data.EntityState)
 6             && !metadata.IsComplexType
 7             && !ViewData.TemplateInfo.Visited(metadata);
 8     }
 9 </script>
10 <% if (Model == null) { %>
11     <%= ViewData.ModelMetadata.NullDisplayText %>
12 <% } else if (ViewData.TemplateInfo.TemplateDepth > 1) { %>
13     <%= ViewData.ModelMetadata.SimpleDisplayText %>
14 <% } else { %>
15 
16     <% foreach (var prop in ViewData.ModelMetadata.Properties.Where(pm => ShouldShow(pm))) { %>
17         <% if (prop.HideSurroundingHtml) { %>
18             <%= Html.Display(prop.PropertyName) %>
19         <% }
20            else if (prop.DataTypeName != "Html" && prop.DataTypeName != "MultilineText" && prop.DataTypeName != "Text")
21            { %>
22             <% if (!String.IsNullOrEmpty(prop.GetDisplayName())) { %>
23                 <th><%= prop.GetDisplayName() %></th>
24             <% } %>
25              
26         <% } %>
27     <% } %>
28   
29 
30 <% } %>

 

rows.ascx 代码

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<script runat="server">
    bool ShouldShow(ModelMetadata metadata)
    {
        return metadata.ShowForDisplay
            && metadata.ModelType != typeof(System.Data.EntityState)
            && !metadata.IsComplexType
            && !ViewData.TemplateInfo.Visited(metadata);
    }
</script>
<% if (Model == null) { %>
    <%= ViewData.ModelMetadata.NullDisplayText %>
<% } else if (ViewData.TemplateInfo.TemplateDepth > 1) { %>
    <%= ViewData.ModelMetadata.SimpleDisplayText %>
<% } else { %>

    <% foreach (var prop in ViewData.ModelMetadata.Properties.Where(pm => ShouldShow(pm))) {
        %>
        <% if (prop.HideSurroundingHtml) { %>
            <%= Html.Display(prop.PropertyName) %>
        <% } else if(prop.DataTypeName!="Html"&&prop.DataTypeName!="MultilineText"&&prop.DataTypeName!="Text") { %>
           
            <td><%= Html.Display(prop.PropertyName) %></td>
        <% } %>
    <% } %>
    

<% } %>

 

调用表格使用的代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Admin.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="mvc.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 <div id="headImg">
        <img src="/content/adminimages/01.gif" alt="" /><%:ViewData["NavTitle"]%>
        </div>
        <div id="cont2">
        <div class="form clearfix">
   
    <form id="form1" method="get">
    <div id="Search" class="clearfix">
    <%=Html.DisplayFor(m => ViewData["searchModel"], "tool","")%>   

   <li class="add">
        <%: Html.ActionLink("添加", "Add") %>
    </li>
    </div>
    </form>
   <table class="tb">
    <% int i = 0; foreach (var art in Model)
       {
           i++;
           if (i == 1)
           {  
           %>
  <tr  class="tbhead">
  <%=Html.DisplayFor(m => art, "header", "di")%>
  
    <th>操作</th>
  </tr>
  <%} %>
  <tr>
  <%=Html.DisplayFor(m => art, "rows", "di")%>
  <td style="width:60px">
   <%: Html.ActionLink("编辑", "Edit", new { id = art.Id })%>  <%: Html.ActionLink("删除", "Delete", new { id = art.Id }, new { onclick = "return confirm('你确定要删除吗?')" })%>
  </td>
  </tr>
  <%} %>
  </table>
    
    <div class="page">
     <%=ViewData["page"] %>
    </div>
    </div>
    </div>
</asp:Content>