Rumah > pembangunan bahagian belakang > C++ > Bagaimana untuk Membuat DropDownListFor HTML Mudah dalam ASP.NET MVC?

Bagaimana untuk Membuat DropDownListFor HTML Mudah dalam ASP.NET MVC?

Mary-Kate Olsen
Lepaskan: 2025-01-19 06:50:10
asal
116 orang telah melayarinya

How to Create a Simple HTML DropDownListFor in ASP.NET MVC?

Membina DropDownListFor HTML Asas dalam ASP.NET MVC 2

ASP.NET MVC menawarkan pendekatan yang diperkemas untuk menjana senarai lungsur turun HTML menggunakan pilihan statik. Mari buat menu lungsur mudah dengan pilihan seperti "Merah," "Hijau" dan "Biru."

1. Mentakrifkan Model:

Mula-mula, buat Objek CLR Lama Biasa (POCO) untuk mewakili data anda. Berikut ialah contoh kelas Color:

<code class="language-csharp">public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}</code>
Salin selepas log masuk

2. Mengisi Pilihan Jatuh Turun:

Seterusnya, tentukan senarai statik Color objek untuk mengisi pilihan lungsur turun:

<code class="language-csharp">public static IEnumerable<Color> Colors = new List<Color> {
    new Color { ColorId = 1, Name = "Red" },
    new Color { ColorId = 2, Name = "Green" },
    new Color { ColorId = 3, Name = "Blue" }
};</code>
Salin selepas log masuk

3. Melaksanakan dalam Pandangan:

Akhir sekali, gunakan pembantu Html.DropDownListFor() dalam paparan ASP.NET MVC anda untuk memaparkan lungsur turun:

<code class="language-html">@Html.DropDownListFor(model => model.MyColorId, new SelectList(Color.Colors, "ColorId", "Name"))</code>
Salin selepas log masuk

Kod ini menjana senarai lungsur menggunakan senarai Colors. Sifat ColorId digunakan sebagai nilai, dan sifat Name sebagai teks yang dipaparkan. Nilai yang dipilih terikat pada sifat MyColorId model anda.

Atas ialah kandungan terperinci Bagaimana untuk Membuat DropDownListFor HTML Mudah dalam ASP.NET MVC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan