Wie erstelle ich eine einfache HTML-DropDownListFor in ASP.NET MVC?

Erstellen einer einfachen HTML-DropDownListFor in ASP.NET MVC 2

ASP.NET MVC bietet einen optimierten Ansatz zum Generieren von HTML-Dropdown-Listen mithilfe statischer Optionen. Erstellen wir ein einfaches Dropdown-Menü mit Optionen wie „Rot“, „Grün“ und „Blau“.

1. Definieren des Modells:

Erstellen Sie zunächst ein Plain Old CLR Object (POCO), um Ihre Daten darzustellen. Hier ist eine Beispielklasse Color:

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

2. Ausfüllen der Dropdown-Optionen:

Als nächstes definieren Sie eine statische Liste von Color Objekten, um die Optionen des Dropdowns zu füllen:

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

3. Implementierung in der Ansicht:

Verwenden Sie schließlich den Html.DropDownListFor()-Helfer in Ihrer ASP.NET MVC-Ansicht, um das Dropdown-Menü zu rendern:

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

Dieser Code generiert eine Dropdown-Liste mithilfe der Colors-Liste. Die Eigenschaft ColorId wird als Wert und die Eigenschaft Name als angezeigter Text verwendet. Der ausgewählte Wert ist an die MyColorId-Eigenschaft Ihres Modells gebunden.

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine einfache HTML-DropDownListFor in ASP.NET MVC?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!