Bagaimana Mudah Mencipta Dropdown Lata dalam ASP.NET MVC 3 dengan C#?

Cipta menu lungsur turun ASP.NET MVC 3 dengan mudah menggunakan C#

Dengan teknologi yang dikemas kini, melaksanakan menu lungsur turun berlatarkan dalam ASP.NET MVC 3 adalah sesuatu yang menarik. Panduan ini akan memandu anda melalui proses, menyediakan penyelesaian yang jelas menggunakan C# dan Enjin Pandangan Razor.

Mencapai kesan melata

Untuk mencipta kesan melata, kami mula-mula membina model:

<code>public class MyViewModel
{
    public int? Year { get; set; }
    public int? Month { get; set; }
    // ...
}</code>

Seterusnya, kami mentakrifkan pengawal yang sepadan:

<code>public class HomeController : Controller
{
    // ...
    public ActionResult Months(int year)
    {
        // 根据所选年份填充月份的逻辑
        // ...
    }
}</code>

Isi menu lungsur turun

Dalam paparan Razor kami menggunakan kod berikut:

<code>@Html.DropDownListFor(x => x.Year, new SelectList(Model.Years, "Value", "Text"), "-- 选择年份 --")
@Html.DropDownListFor(x => x.Month, Enumerable.Empty(), "-- 选择月份 --")</code>

Kami pada mulanya mengisi menu lungsur "Tahun" dengan senarai yang dipratentukan, manakala menu lungsur "Bulan" pada masa ini kekal kosong.

Laksanakan tingkah laku melata

Kod JavaScript melaksanakan kesan lata:

<code>$('#Year').change(function () {
    var year = $(this).val();
    if (year) {
        // AJAX请求，根据所选年份获取月份
        $.getJSON('@Url.Action("Months")', { year: year }, function (months) {
            $('#Month').empty();
            $.each(months, function (index, month) {
                // 使用获取的数据填充“月份”下拉菜单
            });
        });
    }
});</code>

Apabila tahun dipilih, skrip ini akan mencetuskan panggilan AJAX kepada pengawal, mendapatkan semula bulan yang berkaitan dan mengemas kini menu lungsur Bulan dengan sewajarnya.

Dengan kaedah ini, anda boleh membuat menu lungsur turun berlatarkan dengan mudah dalam ASP.NET MVC 3, memberikan pengalaman pengguna yang lancar.

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