2

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

要将数据绑定到我使用以下 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"），但我希望它显示name="Id"在我的 html 表单上。

是否可以在不必编写大量自定义代码的情况下做到这一点，以便框架可以将其转换回 ViewModel (UserViewModel) 或只是 Model (User) 本身？

4

1 回答 1

1

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

更改 ID

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

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

当然，这是手工作业。

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

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

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

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

更改生成的标记和绑定

作为参考，假设您想更改 ID和名称。

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

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

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. User通过直接向其添加属性来展平您的视图模型。看起来您正在从域模型组成您的视图模型。这通常不是一个好主意。我建议阅读直接绑定到域模型的优缺点。

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

例如：

// JavaScript + Razor
var name = "@Html.NameFor( o => o.User.Id )";
alert(name);
于 2013-09-04T20:21:44.803 回答