Bagaimana untuk Mencipta Dropdown Bertingkat dalam ASP.NET MVC 3 dengan C#?

Membina Dropdown Lata dalam ASP.NET MVC 3 menggunakan C#

Membangunkan aplikasi web selalunya memerlukan pelaksanaan senarai lungsur turun, di mana pilihan dalam satu lungsur bergantung pada pilihan yang lain. Tutorial ini menunjukkan cara untuk mencapai fungsi ini menggunakan ASP.NET MVC 3 dan C#.

Model Data:

Mulakan dengan menentukan model untuk mewakili data anda, merangkumi tahun dan bulan.

<code class="language-csharp">public class MyViewModel
{
    public int? Year { get; set; }
    public int? Month { get; set; }
    // ... other properties
}</code>

Tindakan Pengawal:

Pengawal menguruskan pengambilan data dan penghantaran ke paparan.

<code class="language-csharp">public class HomeController : Controller
{
    // ... other actions

    public ActionResult Months(int year)
    {
        // ... logic to retrieve months based on the selected year
    }
}</code>

Lihat Pelaksanaan:

Paparan Razor menggunakan kaedah pembantu untuk menjana senarai lungsur turun dan menggabungkan JavaScript untuk kemas kini dinamik.

<code class="language-html">@Html.DropDownListFor(
    model => model.Year, 
    new SelectList(Model.Years, "Value", "Text"), 
    "-- Select Year --"
)

@Html.DropDownListFor(
    model => model.Month, 
    Enumerable.Empty<SelectListItem>(), 
    "-- Select Month --"
)

<script>
    $('#Year').change(function () {
        // ... AJAX call to update the month dropdown
    });
</script></code>

JavaScript Bahagian Pelanggan:

jQuery digunakan untuk mengendalikan permintaan AJAX yang dicetuskan oleh peristiwa perubahan lungsur tahun. Permintaan mengambil bulan yang sesuai daripada tindakan Months pengawal dan mengisi lungsur bulan dengan sewajarnya.

Pendekatan ini membolehkan penciptaan lancar jatuh turun bertingkat dalam ASP.NET MVC 3, meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Dropdown Bertingkat dalam ASP.NET MVC 3 dengan C#?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!