我有一个用户列表，如何将其更改为下拉列表（在 MVC 中使用 Razor）？

Question

我使用以下代码获取用户列表：

这是我的视图：

@model System.Web.Security.MembershipUserCollection

@{
    ViewBag.Title = "ManageProfile";
}
<div class ="hero-unit">
<h2>ManageProfile</h2>

<ul>
       @foreach (MembershipUser user in Model)
       {<li>@user.UserName</li>}

</ul>
</div>

这是我的控制器：

    public ActionResult ManageProfile()
    {
        var users = Membership.GetAllUsers();
        return View(users);
    }

我希望能够从下拉列表中选择用户。如何修改我的代码以生成下拉列表？ （我的目标是能够从下拉列表中选择用户并更改该用户个人资料的详细信息）

Answer 1

与往常一样，在 ASP.NET MVC 应用程序中，您可以首先设计一个满足视图要求的视图模型（根据您在问题中所描述的内容，显示包含所有用户的下拉列表）：

public class MyViewModel
{
    [Display(Name = "select user")]
    public string SelectedUser { get; set; }
    public IEnumerable<SelectListItem> Users { get; set; }
}

然后编写一个控制器来查询您的存储库并构造一个将传递给视图的视图模型：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var users = Membership.GetAllUsers();
        var model = new MyViewModel
        {
            Users = users.OfType<MembershipUser>().Select(x => new SelectListItem
            {
                Value = x.UserName,
                Text = x.UserName
            })
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(string selectedUser)
    {
        return Content("Thank you for selecting " + selectedUser);
    }
}

最后编写一个相应的视图：

@model MyViewModel
@using (Html.BeginForm())
{
    @Html.LabelFor(x => x.SelectedUser)
    @Html.DropDownListFor(x => x.SelectedUser, Model.Users)
    <button type="submit">OK</button>
}

Answer 2

您可以在以下帖子中查看我的答案

使用viewbag将数据绑定到MVC3中partialview的下拉列表

我给出了一个示例如何使用IEnumerable作为模型属性并分配控制器中的值并在视图中使用。（视图使用 Aspx 视图引擎）对于 Razor 尝试以下操作

@Html.DropDownListFor(m=>m.SelectedCountry,Model.countriesList)
@Html.DropDownListFor(m=>m.SelectedState,Model.stateList)

Answer 3

操作方法：

public ActionResult ManageProfile()
{
    List<SelectListItem> userNames = new List<SelectListItem>();
    var users = Membership.GetAllUsers();

    foreach (MembershipUser user in users)
        userNames.Add(new SelectListItem() { Text = user.UserName, Value = user.UserName);

    return View(userNames);
}

视图：

@model List<SelectListItem>

@{
    ViewBag.Title = "ManageProfile";
}
<div class ="hero-unit">
<h2>ManageProfile</h2>

@Html.DropDownList("SelectedUser", Model)

</div>

这是一种简单的、不可扩展的方式，展示了如何使用 DropDownList() 的想法（您也可以使用 <代码>DropDownListFor()）。但我建议构建某种 ViewModel 来包含这些数据，然后您将使用强类型视图，并将 ViewModel 作为 @model。