如何创建 MVC 用户控件

Question

我正在尝试在 ASP.NET MVC 项目中创建用户控件。我基本上有一些我想放在中继器中的格式化数据。在标准的 ASP.NET 中，我会像这样填充控件：

 <asp:Repeater ID="MyRepeater" runat="server" 
               DataSourceID="SQLDataSource" DataMember="DefaultView">
     <ItemTemplate>                             
          <uc1:Control ID = "MyControl" runat="server" 
                       Field1='<%#Eval("[\"Field1\"]") %>' Field2='<%#Eval("[\"Field2\"]") %>' />                            
     </ItemTemplate>
 </asp:Repeater>

并且该控件将在代码文件中具有相应的属性。但是，在 MVC 中，我没有标准的代码文件。我发现this 问题描述了如何添加一个，但后来想知道在 MVC 中是否有更好的方法来做到这一点（我找不到任何说推荐方法的像样的文章）。

Answer 1

您不需要代码隐藏文件。为您的 PartialView (ViewUserControl) 创建一个模型并将其绑定到您的控件。

MVC 的重点是让控件远离 View，这应该是愚蠢的......或者至少不聪明。您的 Controller 应该将一个对象推送到包含一个 Model 对象，该对象已经拥有 View 所需的一切。

声明你的模型

public class MyModel
{
    public IList<MyPartialView> Controls { get; set; }
}

public class MyPartialView
{
    public string Field1 { get; set; }
    public string Field2 { get; set; }
}

在控制器中创建您的操作传递一个MyModel 对象

public ActionResult Index()
{
    MyModel model = new MyModel();
    model.Controls.Add(new MyPartialView() { Field1 = "a", Field2 = "b" };
    model.Controls.Add(new MyPartialView() { Field1 = "x", Field2 = "y" };
    model.Controls.Add(new MyPartialView() { Field1 = "m", Field2 = "n" };

    return View(model);
}

创建您的视图强类型为MyModel

<%@ Page Language="C#" Inherits="ViewPage<MyModel>" %>

<% foreach(MyOtherPartialView partial in Model.Controls) { %>
<%=Html.RenderPartial("MyPartialView", partial) %>
<% } %>

创建您的局部视图仅输入MyPartialView

<%@ Control Language="C#" Inherits="ViewUserControl<MyPartialView>" %>

<div>
    <%=Model.Field1 %> - <%=Model.Field2 %>
</div>