c# - 更改 For 辅助方法创建的名称

Question

我正在使用 MVC 制作表单并使用 [ControlType]For([expression]) 辅助方法 (EG Html.TextBoxFor(...))

要将数据绑定(bind)到我使用以下 ViewModel 的控件:

public class UserViewModel
{
    //The Model that will be used to bind data to the elements
    public UserModel User { get; set; }

    //Used to bind selectable options to DropDownLists
    public SelectList DescentTypes { get; set; }
    public SelectList GenderTypes { get; set; }
}

当使用这个时，控件的名称被设置为 name="Property.SubProperty" (EG name="User.Id") 但我宁愿它在我的 html 表单上显示为 name="Id"。

是否可以在不必编写大量自定义代码的情况下执行此操作，以便框架可以将其转换回 ViewModel (UserViewModel) 或只是模型(User)本身？

Answer 1

我建议保留默认命名，除非您有充分的理由更改它。 ID(您的问题似乎倾向于)更灵活。

更改 ID

ID 不与表单一起提交，因此您可以根据需要设置它们而不会破坏模型绑定(bind)。默认情况下，它们是分层的，但您可以内联覆盖它们:

@Html.TextBoxFor( o => o.UserName, new { id = "foo" } )

当然，这是手工作业。

如果最关心的是外部 JS/CSS，我建议在您的(CSS/jQuery/其他)选择器中使用类名和 data-* 属性，而不是 ID。

@Html.TextBoxFor( o => o.User.UserName, new { data_role="grand-total" } )

它仍然是手动的，但它是描述性的并且独立于 ID。

有时我会在我的 View 中使用一段脚本来初始化一个更大的 JS 类，其中包含最容易在 View 中直接获得的数据。这让大部分脚本驻留在外部文件中，同时允许使用动态值来初始化它。这不仅对 ID 有用。

改变生成的标记和绑定(bind)

作为引用，假设您想更改 ID 和名称。

1. 编写您自己的 HtmlHelper 扩展方法来创建您想要的标记。您可能会包装不采用表达式的现有方法，并将显式值传递给它们以指示您想要的名称。
2. 编写您自己的 ModelBinder 来映射原始表单集合。
3. 确定处理分层对象的策略(这是命名约定首先存在的主要原因)。

第 3 项可以通过装饰属性来解决，以指示应如何执行命名以及应如何映射模型绑定(bind)。这可能会很快变得复杂。

public class UserViewModel
{
    // use this metadata to determine how to handle properties on this member
    [Flatten]
    public UserModel User { get; set; }

    public SelectList DescentTypes { get; set; }
    public SelectList GenderTypes { get; set; }
}

备选方案

1. 通过直接向 View 模型添加User 的属性来展平 View 模型。看起来您正在从域模型中构建 View 模型。这通常不是一个好主意。我建议 reading the pros/cons of binding directly to domain models .

2. 不要管命名。它真的没有伤害任何东西，它让生活变得轻松。通过使用辅助方法，您可以避免在客户端代码中直接使用名称/ID。

例如:

// JavaScript + Razor
var name = "@Html.NameFor( o => o.User.Id )";
alert(name);