文章詳情頁
ASP.NET MVC增加一條記錄同時添加N條集合屬性所對應的個體
瀏覽:98日期:2022-06-08 13:44:44
類別中包含一個產品的集合屬性,如何向數據庫添加一條類別記錄的同時,添加任意多個產品。
public class Product {[DisplayName("產品名稱")]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動態生成input,并把input的name屬性設置成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="添加產品"/> </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>}
沒有添加產品前:
添加產品集合:
HomeController
public ActionResult Index(){ return View();} [HttpPost]public ActionResult Create(Category category){ return View();}
斷點調試:
更新
以上做法至少有二個弊端:
1、無法對新添加的集合屬性對應的個體進行驗證。
2、如果破壞集合元素的連續性,會影響控制器不能完全接收所有集合記錄。
Category.Name
Category.Products[0].Name
Category.Products[3].Name
Category.Products[6].Name
控制器只能接收到集合中的第一條記錄,即Category.Products[0].Name,也就是說,一旦集合元素不是連續的,控制器將不能接收到全部集合記錄。
把noOfProducts++;改成noOfProducts = noOfProducts + 3;
斷點調試:
只能接收到一條記錄。
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對的支持。如果你想了解更多相關內容請查看下面相關鏈接
標簽:
ASP.NET
相關文章:
1. ASP.NET MVC視圖頁使用jQuery傳遞異步數據的幾種方式詳解2. ASP.NET MVC使用Boostrap實現產品展示、查詢、排序、分頁3. ASP.NET MVC實現城市或車型三級聯動4. ASP.NET MVC實現單個圖片上傳、限制圖片格式與大小并在服務端裁剪圖片5. ASP.NET MVC實現橫向展示購物車6. 使用EF Code First搭建簡易ASP.NET MVC網站并允許數據庫遷移7. ASP.NET MVC解決上傳圖片臟數據的方法8. ASP.NET MVC實現區域或城市選擇9. ASP.NET MVC遍歷驗證ModelState的錯誤信息10. ASP.NET MVC把數據庫中枚舉項的數字轉換成文字
排行榜
