ASP.NET MVC 2 - ViewModel 前缀

Question

我想在我的视图中使用 RenderPartial 两次，并关联不同的模型。问题是两个模型中都存在一些属性（昵称、密码）。它们没有前缀，因此即使是 id 或名称在输出中也是相等的。现在，如果我有昵称或密码的模型错误，这两个字段都会突出显示。

主视图：

<div>
    <% Html.RenderPartial("Register", Model.RegisterModel); %>
</div>
<div>
    <% Html.RenderPartial("Login", Model.LoginModel); %>
</div>

登录部分视图：

<% using (Html.BeginForm("Login", "Member")) { %>
<fieldset>
    <legend>Login</legend>
    <p>
        <%= Html.LabelFor(x => x.Nickname) %>
        <%= Html.TextBoxFor(x => x.Nickname) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.Password) %>
        <%= Html.PasswordFor(x => x.Password) %>
    </p>    
    <input type="submit" value="Login" />
</fieldset>
<% } %>

注册部分视图：

<% using (Html.BeginForm("Register", "Member")) { %>
<fieldset>
    <legend>Register</legend>
    <p>
        <%= Html.LabelFor(x => x.Nickname) %>
        <%= Html.TextBoxFor(x => x.Nickname) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.Email) %>
        <%= Html.TextBoxFor(x => x.Email) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.Password) %>
        <%= Html.PasswordFor(x => x.Password) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.PasswordRepeat) %>
        <%= Html.PasswordFor(x => x.PasswordRepeat) %>
    </p>
    <input type="submit" value="Register" />
</fieldset>
<% } %>

我该如何更改？

Answer 1

如果由于某种原因您不能执行 EditorTemplate，您可以在您的视图中执行此操作：

var dataDict = new ViewDataDictionary();
dataDict.TemplateInfo.HtmlFieldPrefix = "myPrefixHere";
Html.RenderPartial("myPartialViewName", myPartialViewModel, dataDict);

瞧，您的 PartialView 中的所有输入都将带有前缀。

感谢 R0MANARMY 指出这一点。

Answer 2

您可以使用editor templates 来处理前缀，而不是使用Html.RenderPartial。

所以在你的主视图中：

<div>
    <%-- See below what does the second argument mean --%>
    <%= Html.EditorFor(x => x.RegisterModel, "RegisterModel") %>
</div>
<div>
    <%= Html.EditorFor(x => x.LoginModel, "LoginModel") %>
</div>

然后创建一个文件夹Views/Shared/EditorTemplates/RegisterModel.ascx（这个文件的名字用在EditorFor辅助方法中）。还要注意，这个部分应该被强类型化为RegisterModel 属性的类型：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Ns.Models.RegisterModel>" %>

<% using (Html.BeginForm("Register", "Member")) { %>
<fieldset>
    <legend>Register</legend>
    <p>
        <%= Html.LabelFor(x => x.Nickname) %>
        <%= Html.TextBoxFor(x => x.Nickname) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.Email) %>
        <%= Html.TextBoxFor(x => x.Email) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.Password) %>
        <%= Html.PasswordFor(x => x.Password) %>
    </p>
    <p>
        <%= Html.LabelFor(x => x.PasswordRepeat) %>
        <%= Html.PasswordFor(x => x.PasswordRepeat) %>
    </p>
    <input type="submit" value="Register" />
</fieldset>
<% } %>

您可以在Views/Shared/EditorTemplates/LoginModel.ascx 中为登录模型定义不同的部分

Answer 3

看起来TextBoxFor 有一个重载，允许您指定额外的 HTML 属性。这不是一个理想的解决方案，但它应该让您更改呈现的文本框的 id（可能还有名称？）。当然，当您尝试发布表单时，更改名称可能会搞砸。

Answer 4

首先，您可以使用Html.TextBox("input form name", ...) 并将名称设置为您想要的任何名称。还有一个更大的问题是如何在Html.RenderPartial() 级别上提供前缀？您已经在提供模型实例。因此，在不改变他们的视图模型的情况下，只有另一种可能性：为RenderPartial() 编写自己的重载，它会采用前缀并将其传递给其他人。

看看这个。有人写了一大堆支持设置前缀的重载。 TextBoxFor rendering to HTML with prefix on the ID attribute

如果缺少任何内容，您可以查看如何使用您可能需要的其他内容来扩展这些模式。