MVC で Razor ドロップダウンリストにリストを追加するにはどうすればよいですか?

Razor DropDownList にリストを設定 MVC 内

このシナリオでは、List 、つまり DbUserRoles GetRoles() メソッドを含むモデルと、取得したリストをモデルとして渡しながらビューをロードするコントローラーがあります。

ドロップダウンリストにデータを入力するには、ビューモデル (UserRoleViewModel) を導入してビジネス ロジックを分離し、ビューを簡素化します。このビューモデルには、ユーザー選択用の SelectedUserRoleId とドロップダウン項目用のリスト (UserRoles) が含まれています。

Controller:

DbUserRoles リストをプレゼンテーションに適した形式に変換します。 LINQ を使用した (SelectListItem リスト) View:

@Html.LabelFor と @Html.DropDownListFor を使用して、ビューモデルのプロパティを対応する HTML にバインドします。要素。 例:

ビューモデル:

public class UserRoleViewModel { [Display(Name = "User Role")] public int SelectedUserRoleId { get; set; } public IEnumerable UserRoles { get; set; } } ログイン後にコピー コントローラー:

private IEnumerable GetRoles() { var dbUserRoles = new DbUserRoles(); var roles = dbUserRoles .GetRoles() .Select(x => new SelectListItem { Value = x.UserRoleId.ToString(), Text = x.UserRole });

return new SelectList(roles, "Value", "Text"); }

public ActionResult AddNewUser() { var model = new UserRoleViewModel { UserRoles = GetRoles() }; return View(model); } ログイン後にコピー ビュー:

@model UserRoleViewModel

@Html.LabelFor(m => m.SelectedUserRoleId) @Html.DropDownListFor(m => m.SelectedUserRoleId, Model.UserRoles) ログイン後にコピー これこのアプローチでは、DbUserRoles リストの値が入力されたドロップダウンリストが生成されます。