Wie erstelle ich mühelos kaskadierende Dropdown-Listen in ASP.NET MVC 3 mit C#?

Erstellen Sie ganz einfach ein kaskadierendes ASP.NET MVC 3-Dropdown-Menü mit C#

Mit der aktualisierten Technologie ist die Implementierung kaskadierender Dropdown-Menüs in ASP.NET MVC 3 ein Kinderspiel. Dieser Leitfaden führt Sie durch den Prozess und bietet klare Lösungen mit C# und der Razor View Engine.

Kaskadeneffekt erzielen

Um den Kaskadeneffekt zu erzeugen, bauen wir zunächst ein Modell:

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

Als nächstes definieren wir den entsprechenden Controller:

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

Dropdown-Menü füllen

In der Razor-Ansicht verwenden wir den folgenden Code:

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

Das Dropdown-Menü „Jahr“ füllen wir zunächst mit einer vordefinierten Liste, während das Dropdown-Menü „Monat“ derzeit leer bleibt.

Kaskadierendes Verhalten implementieren

JavaScript-Code implementiert Kaskadeneffekt:

<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>

Wenn ein Jahr ausgewählt wird, löst dieses Skript einen AJAX-Aufruf an den Controller aus, ruft den zugehörigen Monat ab und aktualisiert das Dropdown-Menü „Monat“ entsprechend.

Mit dieser Methode können Sie ganz einfach kaskadierende Dropdown-Menüs in ASP.NET MVC 3 erstellen und so für ein reibungsloses Benutzererlebnis sorgen.

Das obige ist der detaillierte Inhalt vonWie erstelle ich mühelos kaskadierende Dropdown-Listen in ASP.NET MVC 3 mit C#?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!