Bagaimana untuk membuat dan mengurus array secara dinamik dalam bentuk MVC ASP.NET menggunakan jQuery?

Gunakan jQuery untuk membuat array secara dinamik dalam asp.net mvc

Dalam pembangunan web, pengguna biasanya perlu membenarkan pengguna menambah atau memadam elemen unit jadual secara dinamik, seperti kotak teks atau senarai drop -down. Ini amat berguna apabila membuat borang untuk struktur data yang kompleks (seperti tatasusunan atau senarai).

Soalan

Apabila menggunakan ASP.NET MVC dengan C#, menggunakan JavaScript untuk membuat medan medan format dinamik boleh membawa cabaran. Secara lalai, parameter FormCollection yang mengikat dalam MVC hanya menyokong hanya mengikat jenis mudah, seperti rentetan atau nombor. Walau bagaimanapun, adalah perlu untuk mengikat array atau senarai, dan model yang menunjukkan koleksi diperlukan.

Penyelesaian: Menghasilkan kawalan bentuk secara dinamik

Untuk mengikat data kumpulan bentuk ke model, sintaks cukur mesti digunakan untuk menghasilkan kawalan bentuk secara dinamik untuk memastikan bahawa mereka mempunyai nama yang sesuai supaya data dapat mengikat dengan betul. Ini melibatkan item dalam penggunaan koleksi lelaran gelung, dan menjana medan input seperti "BatchProducts [0]. Quantity". model kemas kini

Selepas menjana kawalan, langkah seterusnya adalah untuk mengemas kini kaedah operasi untuk menerima model yang sepadan dengan struktur borang. Parameter perlu dikemas kini sebagai objek jenis yang kuat yang mewakili array atau senarai, seperti "ilist

". Menambah dan memadamkan projek secara dinamik

Jika anda ingin mengaktifkan pengguna untuk menambah atau memadam elemen dalam array, anda boleh menggunakan fungsi Auxiliary BeginCollectionItem atau templat HTML. BeginCollectionItem fungsi tambahan membolehkan templat memasukkan pada indeks tertentu dalam set, yang boleh digunakan untuk membentangkan garisan jadual baru. Begitu juga, templat HTML menyediakan kaedah menambah elemen baru untuk menambah elemen baru menggunakan JavaScript.

Contoh menggunakan fungsi Auxiliary BegincollectionItem

Untuk setiap elemen dalam set, gunakan fungsi Auxiliary BeginCollectionItem untuk menghasilkan garis jadual, yang mengandungi medan input setiap atribut. Mengandungi medan input tersembunyi, yang mengandungi indeks elemen yang digunakan untuk memadamkan tujuan.

Contoh menggunakan templat html

Buat templat untuk garisan dalam koleksi dan sembunyikannya pada mulanya. Kemudian, gunakan klon JavaScript dan ubah suai templat, kemas kini nilai indeks, dan tambahkannya ke meja.

Atas ialah kandungan terperinci Bagaimana untuk membuat dan mengurus array secara dinamik dalam bentuk MVC ASP.NET menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!