ASP.NETコアMVCは、動的ドロップダウンリストのタグヘルパーを選択しますか？

ASP.NET Core MVCで、[タグヘルパーを選択]を使用して、ダイナミックドロップダウンリストを作成します。

Select Tag Helperは、かみそりビューでHTML要素をレンダリングする柔軟な方法を提供します。 View Model属性とのデータバインディングをサポートし、オプションを動的に埋めて選択したアイテムを設定できます。

[タグ]ヘルパーの選択

<select>を使用します

タグヘルパーの選択には、次の属性があります

：要素をビューモデルに結合する属性。

• ：表示するオプションリストを要素に指定します。 asp-for <select>
：
• 、、asp-items、などの要素の他のHTML属性。 <select>
• オプションリストにバインドasp-(其他属性) bind要素をオプションリストにbindして、<select>属性を使用してください。この値は、文字列、整数、またはカスタムオブジェクトのコレクションにすることができます。 class たとえば、idmultiple要素は、従業員の姓の名前にバインドする必要があります。

選択オプションの設定

最初の選択オプションを設定するには、Viewモデルに対応する属性の値を設定するだけです。

コントローラーの<select>：asp-items

追加関数<select>

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

SELECTタグヘルパーは、次のような他の機能を提供します。

Multi -Choice ：

group

：各

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

public class Employee
{
    public int Id { get; set; }
    public string FullName { get; set; }
}</code>

オブジェクトの

属性を使用して、オプションをグループ化できます。

<code class="language-csharp">public IActionResult Create()
{
    var vm = new MyViewModel();
    vm.EmployeesList = new List<Employee>
    {
        new Employee { Id = 1, FullName = "Shyju" },
        new Employee { Id = 2, FullName = "Bryan" }
    };
    vm.EmployeeId = 2; // 设置初始选定的员工
    return View(vm);
}</code>

カスタム値と表示属性

：および属性を推測することにより、オプションの値をカスタマイズしてテキストを表示できます。

検証

：タグヘルパーの選択は、非侵襲的検証のための

属性の使用をサポートします。
• これらの関数を使用すると、ASP.NETコアMVCアプリケーションにリッチでダイナミックなドロップダウンリストを作成できます。 multiple

以上がASP.NETコアMVCは、動的ドロップダウンリストのタグヘルパーを選択しますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。