Asp.net MVC 中使用Repeater的6种解决方案

最新推荐文章于 2021-05-28 17:23:56 发布

田猿笔记

最新推荐文章于 2021-05-28 17:23:56 发布

阅读量1.9k

点赞数

分类专栏： ASP.NET MVC 文章标签： asp.net mvc server features assembly 框架

ASP.NET MVC 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

请先阅读这里:

ASP.NET Framework Features That Are Compatible with MVC

它可能出现的Web窗体和MVC有很大的不同技术。但是，这两种技术是建立在ASP.NET的框架。因此，大多数ASP.NET框架的功能，您有用于创建应用程序都是基于Web的形式也可以提供给您作为发展中国家的MVC应用。这包括的功能，如成员资格，认证，角色和配置，它以同样的方式工作中的MVC应用因为它们在Web窗体应用程序。最ASP.NET命名空间，类和接口，可用于在ASP.NET MVC模式的应用。

ASP.NET Framework Features That Are Incompatible with MVC

由于ASP.NET的MVC不保留状态信息通过使用视图状态，你必须寻找其他的方式来管理状态信息，如果您需要它。此外，服务器控件依赖于视图状态和传将无法正常工作设计在ASP.NET MVC模式的应用。因此，你不应该使用的控制，如GridView ，直放站和DataList控件。

源文档 <http://msdn.microsoft.com/en-us/library/dd381619.aspx>

准备工作:

// 一个Student类:
public class Student
    {
         public int Number { get ; set ; }
         public string Name { get ; set ; }
    }
// Dummy Data构造的绑定数据如下:
  List < Student > students = new List < Student > ();
students.Add( new Student { Name = " lee " , Number = 123 });
students.Add( new Student { Name = " Zen " , Number = 234 });
students.Add( new Student { Name = " angle " , Number = 101 });
ViewData[ " Students " ] = students;

问题是什么?

在View中使用Repeater的问题其实就是绑定事件的执行,明确了这一点其实问题就很简单了.

方案一:页面级解决

我们设计一个View的基类,该基类在页面Load的时候完成DataBind,这样不管页面中有没有需要绑定的控件,需要绑定的控件是什么,这个方法执行完之后就会完成绑定.首先验证我们的想法:

// View基类
public class AutoBindViewPage : ViewPage
{
     protected override void OnLoad(EventArgs e)
    {
       this .DataBind();
       base .OnLoad(e);
    }
}

页面代码片段:

<% @ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="AutoBindViewPage" %>

< asp:Content ID ="Content1" ContentPlaceHolderID ="TitleContent" runat ="server" >
    Helloworld
</ asp:Content >
< asp:Content ID ="Content2" ContentPlaceHolderID ="MainContent" runat ="server" >
     < h2 >
        Repeater Test </ h2 >
     <% = Html.Encode(ViewData[ " Students " ]) %> < br />
     < asp:Repeater ID ="Repeater1" DataSource ='<%#ViewData["Students"]% > ' runat="server">
         < ItemTemplate >
            Name: <% #Eval("Name") %> < br />
         </ ItemTemplate >
     </ asp:Repeater >

</ asp:Content >

注意:Inherits="AutoBindViewPage"

跑一下程序,成功.

原理:

我们看一下继承关系:AutoBindViewPage-->ViewPage-->Page-->TemplateControl-->Control

考察一下Control类的DataBind事件:

protected virtual void DataBind( bool raiseOnDataBinding)
{
    bool flag = false;
    if (this.IsBindingContainer)
    {
        bool flag2;
        object dataItem = DataBinder.GetDataItem(this, out flag2);
        if (flag2 && (this.Page != null))
        {
            this.Page.PushDataBindingContext(dataItem);
            flag = true;
        }
    }
    try
    {
        if (raiseOnDataBinding)
        {
            this.OnDataBinding(EventArgs.Empty);
        }
        this.DataBindChildren();
    }
    finally
    {
        if (flag)
        {
            this.Page.PopDataBindingContext();
        }
    }
}

关键就在这里:this.DataBindChildren();

方案二:AutoBindRepeater

扩展ViewPage不是什么好主意,把"Repeater绑定"看做一个职责,那么这个职责应该属于Repeater自己的.想到这里也就简单了,删除掉刚刚扩展的类,实现一个AutoBindRepeater:

namespace TestControls
{
    {
         protected override void OnLoad(EventArgs e)
        {
             this .DataBind();
                  base .OnLoad(e);
        }
    }
}

页面代码片段:

<% @ Page Language = " C# " MasterPageFile = " ~/Views/Shared/Site.Master " Inherits = " System.Web.Mvc.ViewPage " %>

<% @ Register Namespace = " TestControls " Assembly = " ZenMvc " TagPrefix = " My " %>
… …
< My:AutoBindRepeater DataSource ='<%#ViewData["Students"]% > ' runat="server">
         < ItemTemplate >
            Name: <% # Eval ( " Name " ) %> < br />
         </ ItemTemplate >
     </ My:AutoBindRepeater >

跑一下,通过.

方案三:AutoBindRepeaterUseDataKey

方案三其实是做一点简单的改造,可以看到DataSource='<%#ViewData["Students"]%>'在每一个Repeater中都是重复的,改造的目的就是为了简化这一语句.方法也很简单:添加对数据源的解析就可以.

public class AutoBindRepeaterUseDataKey : System.Web.UI.WebControls.Repeater
    {
         private string _dataKey;
         public string DataKey
        {
             get { return _dataKey; }
             set { _dataKey = value; }
        }
         protected override void OnLoad(EventArgs e)
        {
            ViewPage viewPage = (System.Web.Mvc.ViewPage)Page;
             this .DataSource = viewPage.ViewData[DataKey];
             this .DataBind();
                   base .OnLoad(e);
        }
    }

页面代码片段:

< My:AutoBindRepeaterUseDataKey DataKey ="Students"   runat ="server" >
         < ItemTemplate >
            Name: <% # Eval ( " Name " ) %>   
            Number: <% # Eval ( " Number " ) %> < br />
         </ ItemTemplate >
</ My:AutoBindRepeaterUseDataKey >

调试,通过.

方案四:MVCRepeater

细心地你一定发现了,在上面的改造中,我们已经在标准的Repeater实现中引入了MVC框架的内容.在MvcFutures项目中的Microsoft.Web.Mvc.Controls里面,我们找到了一个MVCRepeater的实现:

<% @ Register Assembly = " Microsoft.Web.Mvc " Namespace = " Microsoft.Web.Mvc.Controls " TagPrefix = " MVC "    %>
< MVC:Repeater   Name ="Students" runat ="server" >
     < ItemTemplate >
     Name: <% # Eval ( " Name " ) %> < br />
     </ ItemTemplate >
     </ MVC:Repeater >

MVCRepeater的实现略.

方案五:foreach语句

继续追究为什么要使用Repeater,是因为我们要展示一组数据,走到这里我们的调整一下目标,不再是在MVC使用Repeater控件,而是实现在asp.net MVC 中展示一组数据.

foreach语句具有相当好的表现力:

<% foreach (var item in (List < Student > )ViewData[ " Students " ]){ %>
[Name]: <% = item.Name %> < br />
<% } %>

方案六:MvcContrib Grid & SparkViewEngine

全面考虑, MvcContrib Grid和SparkViewEngine也是具有技术可行性.但是是否要引入到项目中要谨慎考虑.

<% = Html.Grid(Model.People).Columns(column => {
             column.For(x => x.Id).Named( " Person ID " );
             column.For(x => x.Name);
             column.For(x => x.DateOfBirth).Format( " {0:d} " );
         })
        .Attributes(style => " width:100% " )
         .Empty( " There are no people. " )
         .RowStart(row => " <tr foo='bar'> " ) %>

源文档 <http://www.jeremyskinner.co.uk/2009/02/22/rewriting-the-mvccontrib-grid-part-2-new-syntax/>

< viewdata products ="IEnumerable[[Product]]" />
< ul if ="products.Any()" >
< li each ="var p in products" > ${p.Name} </ li >
</ ul >
< else >
< p > No products available </ p >
</ else >