c# - ASP.NET MVC 3 中复杂类型列表的最佳实践

Question

这是我的第一个 SO 问题，与其说是“我该怎么做”，不如说是“最干净的方法是什么”，因为我看到了几种方法，但没有一种看起来非常对我很有吸引力。

这个问题描述起来有点复杂。本质上，我有一个添加/编辑 View ，允许用户编辑某些对象的字段。这个对象非常复杂:它有一些字段，还有一个复杂对象的子列表。每个复杂对象大约有 40 个字段(主要是复选框、单选按钮和日期/时间)。我将其表示为一个选择列表:

_{(来源:fortheloot.com)}

添加 按钮会生成包含各个字段的对话框。

问题来了。当用户接受对话框并关闭对话框时，我现在必须将这些数据存储在某个地方，以便用户可以在实际提交表单之前进一步编辑它或添加其他子项。

最明显的方法是为每个子对象创建一组隐藏字段。因此，添加一个子项会向 <form> 添加 40 多个隐藏元素。元素。添加 10 个子项，您就有 400 个隐藏字段。这会很好地工作，如果字段命名正确，它将绑定(bind)到这个模型:

public class AddEditModel
{
  [Display(Name = "ID")]
  public int? Id { get; set; }

  [Display(Name = "Name")]
  [Required]
  [StringLength(100)]
  public string Name { get; set; }

  public IList<EntryModel> Entries { get; set; }
  public class EntryModel { /* fields */ }
}

在模型绑定(bind)方面，这看起来不错，但从客户端来看，我必须跟踪数百个 DOM 元素，这对我来说似乎很麻烦。从 40 个其他元素加载和卸载对话框的各种表单元素似乎......它可能会更好。

理想情况下，我希望能够将数据作为 javascript 对象存储在 <option> 上元素使用 data- HTML 5 属性或 jQuery 的 data()功能，它们实际上是一样的。这将使 javascript 方面的事情变得更加清晰，但它不会在回发时自动绑定(bind)到模型。

如果有一种方法可以两全其美——将单个 JS 对象存储在 <option> 上元素，甚至是单个 <input type="hidden" />元素(每个子项)——在回发时仍会正确绑定(bind)到模型，我觉得这个问题已解决。

Answer 1

您仍然需要一个 html 字段 (type=hidden) 以便将此数据发布回服务器。 (您可以使用 ajax 帖子，但这可能不是一个好主意)

我建议设计一个合理的对象模型来包含这些数据结构，并在每次使用 stringify 将其更改为 json 时序列化对象模型。

然后当你回发表单时，json 将被发送到服务器，你可以使用 JavaScriptSerializer 将整个对象模型反序列化为一组用 c# 编写的类(它可以模仿你在 javascript 中的对象模型)类

编辑:

要反序列化一个json字符串，可以使用下面的代码:

JavaScriptSerializer js = new JavaScriptSerializer(); 
var c = js.Deserialize<MyClass>(json);
return View(c);

如果您将 json 作为发布消息正文回发(例如 $.ajax 或 $.post 方法)，则绑定(bind)将自动与 MVC3 发生，您只需指定正确的内容类型:application/json邮政;请点击我下面评论中的链接，了解有关其工作原理的更多详细信息。

马丁