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 代码

ExpandedBlockStart.gif 代码
<% @ 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 >
        
<%  }  %>
    
<%  }  %>
    

<%  }  %>

 

调用表格使用的代码

ExpandedBlockStart.gif 代码
<% @ 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 >
 

 

 

转载于:https://www.cnblogs.com/wangjikun3/archive/2010/07/01/1768850.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值