ASP.NET MVC增加一條記錄同時添加N條集合屬性所對應(yīng)的個體
類別中包含一個產(chǎn)品的集合屬性,如何向數(shù)據(jù)庫添加一條類別記錄的同時,添加任意多個產(chǎn)品。
public class Product {[DisplayName("產(chǎn)品名稱")]public string Name { get; set; } } public class Category {[DisplayName("類別名稱")]public string Name { get; set; }private IList<Product> _products = new List<Product>(); public IList<Product> Products{ get { return _products; } set { _products = value; }} }
思路
控制器方法能接收的格式為:
Category.Name
Category.Products[0].Name
Category.Products[1].Name
...
前臺視圖使用jquery動態(tài)生成input,并把input的name屬性設(shè)置成Category.Products[i].Name格式。
Home/Index.cshtml視圖
@model AddingMultipleNestedData.Models.Category @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml";} @using (Html.BeginForm("Create", "Home", FormMethod.Post, new {id = "addForm"})){ <div>@Html.LabelFor(m => m.Name)@*@Html.EditorFor(m => m.Name)*@@Html.TextBox("Category.Name") </div> <div id="products"></div> <div><input id="btnAddProduct" type="button" value="添加產(chǎn)品"/> </div> <div><input type="submit" value="提交"/> </div>} @section scripts{ <script type="text/javascript">$(function() { var noOfProducts = 0; $("#btnAddProduct").click(function() {var product = getNestedName("Category.Products", noOfProducts);noOfProducts++;$("#products").append("<input type="text" name=""+product+".Name" /><p>"); }); }); function getNestedName(itemName, itemNumber) { return (itemName + "[" + itemNumber + "]");} </script>}
沒有添加產(chǎn)品前:
添加產(chǎn)品集合:
HomeController
public ActionResult Index(){ return View();} [HttpPost]public ActionResult Create(Category category){ return View();}
斷點(diǎn)調(diào)試:
更新
以上做法至少有二個弊端:
1、無法對新添加的集合屬性對應(yīng)的個體進(jìn)行驗(yàn)證。
2、如果破壞集合元素的連續(xù)性,會影響控制器不能完全接收所有集合記錄。
Category.Name
Category.Products[0].Name
Category.Products[3].Name
Category.Products[6].Name
控制器只能接收到集合中的第一條記錄,即Category.Products[0].Name,也就是說,一旦集合元素不是連續(xù)的,控制器將不能接收到全部集合記錄。
把noOfProducts++;改成noOfProducts = noOfProducts + 3;
斷點(diǎn)調(diào)試:
只能接收到一條記錄。
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章:
1. ASP.NET MVC通過勾選checkbox更改select的內(nèi)容2. ASP.NET MVC使用異步Action的方法3. ASP.NET MVC前臺動態(tài)添加文本框并在后臺使用FormCollection接收值4. 使用EF Code First搭建簡易ASP.NET MVC網(wǎng)站并允許數(shù)據(jù)庫遷移5. ASP.NET MVC遍歷驗(yàn)證ModelState的錯誤信息6. ASP.NET MVC使用Identity增刪改查用戶7. ASP.NET MVC實(shí)現(xiàn)區(qū)域或城市選擇8. ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條9. ASP.NET MVC使用Quartz.NET執(zhí)行定時任務(wù)10. ASP.NET MVC視圖頁使用jQuery傳遞異步數(shù)據(jù)的幾種方式詳解
