我有一个 Person 类和一个 Contact 类。一个人可以有很多联系人。
public class Person
{
[Required]
public string FirstName { get; set; }
public string LastName { get; set; }
public string Notes { get; set; }
[Required]
public List<Contact> Contacts { get; set; }
public Person()
{
Contacts = new List<Contact>();
}
}
public class Contact
{
[Required]
public string Title { get; set; }
[Required]
public string Value { get; set; }
public Contact() { Title = ""; Value = ""; }
public Contact(string title, string value)
{
Title = title;
Value = value;
}
}
控制器:
public class PersonController : Controller
{
public ActionResult Create()
{
return View(new PersonCreateModel());
}
// POST: /Person/Create
[HttpPost]
public ActionResult Create(string btnSubmit, PersonCreateModel personModel)
{
try
{
switch (btnSubmit)
{
case "AddContact":
personModel.Person.Contacts.Add(new Contact(personModel.NewContact_Title, personModel.NewContact_Value));
personModel.NewContact_Title = personModel.NewContact_Value = "";
return View(personModel);
case "CreatePerson"://Add To Database
//blabla
break;
}
return RedirectToAction("Index");
}
catch
{
return View(personModel);
}
}
}
个人创建模型:
public class PersonCreateModel
{
public Person Person { get; set; }
public string NewContact_Title { get; set; }
public string NewContact_Value { get; set; }
public PersonCreateModel()
{
Person = new Person();
}
}
查看:
@model MvcApplication1.Models.PersonCreateModel
@{
ViewBag.Title = "Create";
var contactsGrid = new WebGrid(Model.Person.Contacts);
}
<h2>Create</h2>
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset>
<legend>Person</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Person.FirstName)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Person.FirstName)
@Html.ValidationMessageFor(model => model.Person.FirstName)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Person.LastName)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Person.LastName)
@Html.ValidationMessageFor(model => model.Person.LastName)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Person.Notes)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Person.Notes)
@Html.ValidationMessageFor(model => model.Person.Notes)
</div>
<br />
<div>
<h4>Contacts:</h4>
<table>
<tr>
<td>Title: @Html.EditorFor(model => model.NewContact_Title)</td>
<td>Value: @Html.EditorFor(model => model.NewContact_Value)</td>
<td>
<input type="submit" name="btnSubmit" value="AddContact" /></td>
</tr>
</table>
<div>
@contactsGrid.GetHtml()
</div>
</div>
<p>
<input type="submit" name="btnSubmit" value="CreatePerson" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
我想要完成的是用户可以在最终单击创建之前向 Person 添加多个联系人。
我有两个问题:
1-这是最好的方法吗?难道没有更简单/更短的方法,比如使用 javascript 或 jquery?
2-当我第一次单击 AddContact 时效果很好,第二次 Person.Contacts 为空,而且我无法清除 AddContact 文本框。
我在网上和 Stackoverflow 上都搜索过,但没有找到任何答案,这里有一个未回答的问题
PS:我是 MVC 的新手,来自 ASP.NET Webforms。