Penyelesaian Masalah Asp.Net MVC Borang Penyerahan Array Dengan JQuery
Artikel ini menangani masalah biasa: Mengemukakan array borang menggunakan ASP.NET MVC dan JQuery, menghasilkan pengecualian rujukan null ketika cuba mengakses data array dalam pengawal. Isu ini biasanya timbul apabila elemen array borang tidak diindeks dengan betul untuk mengikat model yang betul.Senario ini melibatkan menghantar
ke pelayan. Penyelesaian ini memerlukan kawalan bentuk dalam gelung, memastikan setiap elemen dinamakan dengan betul menggunakan pengindeks. Selain itu, harta model sisi pelayan (IEnumerable<BatchProductViewModel>
) harus menjadi BatchProducts
untuk menampung saiz array dinamik. IList<BatchProductViewModel>
@using (Html.BeginForm("Save", "ConnectBatchProduct", FormMethod.Post)) { // ... other form elements ... // Correctly indexed form elements for the array // This loop ensures each element in the array has a unique index // The indexer is crucial for proper model binding for (int i = 0; i < Model.BatchProducts.Count; i++) { @Html.HiddenFor(model => model.BatchProducts[i].ProductId) // Example property @Html.TextBoxFor(model => model.BatchProducts[i].ProductName) // Example property // ... other properties for BatchProductViewModel ... } // ... rest of the form ... <input type="submit" value="Save" /> }
dalam pengawal Save
akan menerima objek ConnectBatchProduct
yang dihuni dengan betul, termasuk senarai ConnectBatchProductViewModel
. BatchProducts
Pengurusan Arus Dinamik (Tambah/Buang)
Untuk penambahan dinamik dan penyingkiran item menggunakan jQuery, pertimbangkan untuk menggunakan penolong BatchProductViewModel
atau membuat templat HTML tersuai untuk menguruskan elemen array dengan cekap. (Butiran lanjut mengenai teknik ini boleh didapati di [sumber/pautan dalam talian yang berkaitan - BeginCollectionItem
Gantikan maklumat kurungan dengan pautan sebenar jika tersedia ].)
Atas ialah kandungan terperinci Bagaimana untuk berjaya menyiarkan array borang dengan ASP.NET MVC dan JQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!