Question

I am getting a list of my users using the below code:

Here is my view:

@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>

Here is my controller:

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

I would prefer that I be able to select the user from a dropdown list. How do I modify my code to yield a dropdown list? (my goal is to be able to select the user from the dropdown list and change details of that user’s profile)

Answer 1

As always in ASP.NET MVC application you could start by designing a view model that will meet the requirements of your view (which from what you described in your question is displaying a dropdownlist with all users):

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

then you write a controller that will query your repositories and construct a view model that will be passed to the view:

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);
    }
}

and finally you write a corresponding view:

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