Bagaimana untuk Mengisi DropDownList Razor dengan Senarai dalam MVC?

Mengisi Razor DropDownList dengan Senarai dalam MVC

Dalam senario ini, kami mempunyai model yang mengandungi Senarai, iaitu kaedah DbUserRoles GetRoles() dan Pengawal yang memuatkan paparan sambil menghantar senarai yang diambil sebagai model.

Untuk mengisi senarai lungsur turun, model pandangan (UserRoleViewModel) boleh diperkenalkan untuk memisahkan logik perniagaan dan memudahkan pandangan. Model paparan ini termasuk SelectedUserRoleId untuk pemilihan pengguna dan senarai (UserRoles) untuk item lungsur turun.

Pengawal:

• Ubah senarai DbUserRoles kepada bentuk yang sesuai untuk pembentangan (SelectListItem list) menggunakan LINQ Pilih.

Lihat:

• Gunakan @Html.LabelFor dan @Html.DropDownListFor untuk mengikat sifat viewmodel pada HTML yang sepadan elemen.

Contoh:

Viewmodel:

public class UserRoleViewModel
{
    [Display(Name = "User Role")]
    public int SelectedUserRoleId { get; set; }
    public IEnumerable<SelectListItem> UserRoles { get; set; }
}

Pengawal:

private IEnumerable<SelectListItem> 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);
}

Lihat:

@model UserRoleViewModel

@Html.LabelFor(m => m.SelectedUserRoleId)
@Html.DropDownListFor(m => m.SelectedUserRoleId, Model.UserRoles)

Ini pendekatan menghasilkan senarai lungsur yang diisi dengan nilai daripada senarai DbUserRoles.

Atas ialah kandungan terperinci Bagaimana untuk Mengisi DropDownList Razor dengan Senarai dalam MVC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!