创建一个输入，允许用户在 ASP.NET 视图中输入对象的变量列表 [重复]

Question

花了一些时间想出一个合适的标题，我不确定我的措辞是否正确。对于我的示例，我将使用 Person 对象，但我的实际应用程序使用的是更特定于域的东西：

public class Person {
    public string Name { get; set;}
    public string Gender { get; set; }
    public string HairColor{ get; set; }
}

基本上，我的要求是允许用户输入 0 - 10 个 Person 对象，这些对象将映射到模型中的 List<Person> People 属性。

我正在考虑这样做的方式是有一个与单个人相关的输入块：

<div>
  <label for="name">Name</label>
  <input type="text" name="name">
</div>

<div>
  <label for="gender">Gender</label>
  <input type="radio" name="gender" value="male"> Male
  <input type="radio" name="gender" value="female"> Female
</div>

<div>
  <label for="hairColor">Hair Color</label>
  <input type="radio" name="hairColor" value="black"> Black
  <input type="radio" name="hairColor" value="brown"> Brown
  <input type="radio" name="hairColor" value="blonde"> Blonde
  <input type="radio" name="hairColor" value="red"> Red
</div>

底部有一个“添加另一个”按钮，它将使用 JQuery 附加这些输入的附加块。

我的问题是，如何在 html 输入标签中生成name 属性以正确绑定到List<Person>？ <input type="text" name="People[0].Name"> 会工作吗？

Answer 1

将您的页面拆分为 2 个部分视图。第一个部分视图将返回已保存人员的列表。第二个部分视图将是您添加新人的视图。

所以第一次加载您的页面时，您只是向您显示带有“添加另一个”按钮的列表。单击“添加另一个”将使用 jquery 调用 AddPerson 部分视图 getter，并将 div 替换为您刚刚调用的部分视图。

在 AddPerson 部分视图中单击保存，然后将发布新人员并刷新列表。

Answer 2

我不确定您打算如何从页面获取数据并在 asp.net 端访问它。通常，您需要 runat="server" 标记用于服务器将访问的内容。

您指定希望在单击按钮时生成该块的副本，但通过 JQuery。如果你想这样做，你需要为你试图复制的 HTML 块创建一个字符串变量。使用一些基本的字符串连接和循环，您可以在输入中包含name=name0、name=gender0、...等。当您按“添加另一个”时，将 +1 添加到附加到字符串中名称的增量中，以便它们是 name=name1、name=gender1 等。