在ASP.NET MVC5视图中提交多个列表项,可以通过以下步骤实现:
<form>
标签来创建表单。<input>
、<select>
、<textarea>
等标签来创建表单字段。Html.BeginForm()
方法来生成表单的起始标签,并指定表单的提交目标(Action)和提交方法(POST或GET)。以下是一个示例代码:
在视图中的代码(例如Index.cshtml):
@model List<ItemModel>
@using (Html.BeginForm("SubmitItems", "Home", FormMethod.Post))
{
for (int i = 0; i < Model.Count; i++)
{
<div>
<label>Item Name:</label>
@Html.TextBoxFor(m => m[i].Name)
</div>
<div>
<label>Item Quantity:</label>
@Html.TextBoxFor(m => m[i].Quantity)
</div>
<hr />
}
<input type="submit" value="Submit" />
}
在控制器中的代码(例如HomeController.cs):
public class HomeController : Controller
{
public ActionResult Index()
{
List<ItemModel> items = new List<ItemModel>
{
new ItemModel { Name = "Item 1", Quantity = 1 },
new ItemModel { Name = "Item 2", Quantity = 2 },
new ItemModel { Name = "Item 3", Quantity = 3 }
};
return View(items);
}
[HttpPost]
public ActionResult SubmitItems(List<ItemModel> items)
{
// 处理提交的列表项数据,例如保存到数据库
return RedirectToAction("Index");
}
}
在模型中的代码(例如ItemModel.cs):
public class ItemModel
{
public string Name { get; set; }
public int Quantity { get; set; }
}
这样,当用户在视图中填写多个列表项的属性值并提交表单时,控制器的SubmitItems方法将会接收到一个包含所有列表项的List<ItemModel>对象,你可以在该方法中对这些列表项进行处理。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云