Wie kann ich den Select -Tag -Helfer in ASP.NET Core MVC verwenden, um Dropdown -Listen zu erstellen?

ASP.NET CORE MVCs Select Tag Helfer: Erstellen Sie einfach eine Drop -Down -Liste

Übersicht

SELECT TAG HELPER SELECT HELPER bietet eine einfache Möglichkeit, Elemente (Drop -Down -Liste) in der ASP.NET -Kern -MVC -Ansicht mithilfe von Modelldaten zu erstellen.

zu der Option Set <select>

Angenommen, das Ansichtsmodell enthält ein -Merkmals und eine Liste von Mitarbeitern, die in Attributen gespeichert sind:

EmployeeId In der Ansicht können Sie SELECT -Tag -Helfer verwenden, um die Optionen an EmployeesList Sammlung zu binden:

<code class="language-csharp">public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> EmployeesList { get; set; }
}</code>

Die Optionsliste wird in der Drop -Down -Liste des Attributs angezeigt. EmployeesList Die Methode wird verwendet, um die Liste nach dem Attribut zu sortieren.

<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select></code>

Legen Sie den Auswahlwert

asp-items fest OrderBy Die Attributspezifikation wird aus der Drop -Down -Liste in die Attribute im Ansichtsmodell ausgewählt. In diesem Beispiel ist es <:>: FullName

Beim Senden des Formulars wird der ausgewählte Wert automatisch an die Eigenschaft des Ansichtsmodells gebunden. Verwenden

Wenn Ihr Ansichtsmodell

Attribute enthält, können Sie es direkt zum asp-for -Merkmal verwenden: EmployeeId

<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select></code>

Weitere Optionen EmployeeId

Multi -Koice: verwendet den Array -Typ für das Attribut

, um mehrere Auswahlmöglichkeiten zu aktivieren.

List Gruppierung: asp-items Geben Sie das Attribut

jedes

<code class="language-csharp">public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> Employees { get; set; }
}</code>

an, um die Optionen in der Drop -Down -Liste zu gruppieren.

<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.Employees"></select></code>

Viewbag: Sie können verwenden, um die Optionsliste dynamisch an die Ansicht zu übergeben:

Das obige ist der detaillierte Inhalt vonWie kann ich den Select -Tag -Helfer in ASP.NET Core MVC verwenden, um Dropdown -Listen zu erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!