试图在 DropDownList 中显示所有角色？

Question

我试图显示从我的所有可用角色RoleManager中DropDownList，然后选择特定的角色，该用户的成员。对此的要求是用户只能担任一个角色（“用户、管理员或无访问权限”）。

当我获得角色列表并将它们分配给我的 ViewModel 时，当我尝试显示它们时出现错误，我收到一个错误：

无法从“System.Collections.Generic.IEnumberable<SiteName.Models.AppRole>”转换为“Systems.Collections.IEnumerable<System.Web.Mvc.SelectListItem>。

我是否需要创建一个 ViewModel 来获取 RoleName 和 RoleId，然后遍历我从 RoleManger 获得的角色列表并填充该 ViewModel 的列表以传递给我的视图？当我已经有一个继承自 IdentityRole 的类 (AppRole) 时，这似乎是额外的代码，它应该具有 Role.Name 和 Role.Id。

这是我用于编辑/显示用户的 ViewModel：

public class UserEditVM : BaseViewModel
{
    public string Id { get; set; }
    public string UserName { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string Email { get; set; }
    public string UserRole { get; set; }
    public string RoleID { get; set; }
    public IEnumerable<AppRole> AllRoles { get; set; }
    public IEnumerable<SelectListItem> RolesList { get; set; }
    public bool IsActive { get; set; }
}

这是来自我的控制器，我在那里创建了一个 VM 对象。我已经将该列表作为 AppRole 和 SelectListItem 进行了尝试。两者都给了我与上述相同的错误。

private async Task<UserEditVM> createUserVM(AppUser user)
{
    var userRoles = await UserManager.GetRolesAsync(user.Id);

    var allRoles = RoleManager.Roles.ToList();

    string roleName = userRoles.Count() == 0 ? "User" : userRoles[0];

    UserEditVM editUser = new UserEditVM();
    editUser.Id = user.Id;
    editUser.UserName = user.UserName;
    editUser.FirstName = user.FirstName;
    editUser.LastName = user.LastName;
    editUser.Email = user.Email;
    editUser.UserRole = roleName;
    editUser.AllRoles = RoleManager.Roles.ToList();
    editUser.RolesList = new SelectList(RoleManager.Roles.ToList(), "Id", "Name"); ;
    editUser.IsActive = user.IsActive;

    return editUser;
}

这是 AppRole。从 IdentityRole 继承它应该已经有可用的 Role .Name 和 .Id。

public class AppRole : IdentityRole
{
    public AppRole() : base() { }

    public AppRole(string name) : base(name) { }
}

这是我试图在 DDL 中显示它们的视图。

<div class="form-group">
    <label>Role:</label> @Html.DisplayNameFor(model => model.UserRole)

    @Html.DropDownListFor(model => model.Id, Model.AllRoles)
</div>

更新

这是我更新的 VM

public class UserEditVM : BaseViewModel
    {
        public string Id { get; set; }
        public string UserName { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Email { get; set; }
        public string UserRole { get; set; }
        public string RoleID { get; set; }
        public IEnumerable<AppRole> AllRoles { get; set; }
        public IEnumerable<SelectListItem> RolesList { get; set; }
        public string SelectedRoleId { get; set; }
        public bool IsActive { get; set; }

    }

这是我的控制器。我的 AppRole 类是从 IdentityRole 继承的，它具有 .Id 和 .Name 属性。

private async Task<UserEditVM> createUserVM(AppUser user)
        {
            var userRoles = await UserManager.GetRolesAsync(user.Id);

            var allRoles = RoleManager.Roles.ToList();

            string roleName = userRoles.Count() == 0 ? "User" : userRoles[0];

            UserEditVM editUser = new UserEditVM();
            editUser.Id = user.Id;
            editUser.UserName = user.UserName;
            editUser.FirstName = user.FirstName;
            editUser.LastName = user.LastName;
            editUser.Email = user.Email;
            editUser.UserRole = roleName;
            editUser.AllRoles = RoleManager.Roles.Select(r => new AppRole { Id = r.Id, Name = r.Name }).ToList();
            //editUser.RolesList = new SelectList(RoleManager.Roles.ToList(), "Id", "Name"); ;
            editUser.IsActive = user.IsActive;

            return editUser;
        }

这是我在我的视图中尝试过的

<div class="form-group">
        <label>Role:</label> @Html.DisplayNameFor(model => model.UserRole)

        @Html.DropDownListFor(model => model.SelectedRoleId, Model.AllRoles, "Select")
    </div>

在视图中我仍然收到错误 “cannot convert from ‘System.Collections.Generic.IEnumberable<SiteName.Models.AppRole>’ to ‘System.Collections.Generic.IEnumberable<System.Web.Mvc.SelectListItem>’

固定更新

这是最终修复。最终问题出在我的 ViewModel 中的 Using 语句上。当我第一次添加 IEnumberable 时，我使用了 VisualStudio 2015 中的 QuickFix 功能来解析引用。问题在于它建议“使用 System.Web.WebPages.Html”，而我真正需要的是“使用 System.Web.Mvc”。这可以在我得到的最后一个错误中看到。一旦我切换了 using 语句，它就起作用了。

这就是我最终的结果

using System.Collections.Generic;
//using System.Web.WebPages.Html;
using System.Web.Mvc;

namespace SampleMvcSite.Models
{
    public class UserEditVM : BaseViewModel
    {
        public string Id { get; set; }
        public string UserName { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Email { get; set; }
        public string UserRole { get; set; }
        public string RoleID { get; set; }
        public IEnumerable<AppRole> AllRoles { get; set; }
        public IEnumerable<SelectListItem> RolesList { get; set; }
        public string SelectedRoleId { get; set; }
        public bool IsActive { get; set; }

    }
}

控制器

private async Task<UserEditVM> createUserVM(AppUser user)
        {    
            var userRoles = await UserManager.GetRolesAsync(user.Id);
            string roleName = userRoles.Count() == 0 ? "User" : userRoles[0];

            var allRoles = RoleManager.Roles.ToList();

            UserEditVM editUser = new UserEditVM();
            editUser.Id = user.Id;
            editUser.UserName = user.UserName;
            editUser.FirstName = user.FirstName;
            editUser.LastName = user.LastName;
            editUser.Email = user.Email;
            editUser.UserRole = roleName;
            editUser.RolesList = allRoles.Select(s => new SelectListItem
                                {
                                    Value = s.Id.ToString(),
                                    Text = s.Name,
                                    Selected = s.Name == roleName ? true : false
                                });
            editUser.IsActive = user.IsActive;

            return editUser;
        }

看法

<div class="form-group">
        <label>Current Role:</label> 
        @Html.DropDownListFor(model => model.SelectedRoleId, Model.RolesList, "Select Role")
    </div>

Answer 1

对于您的编译错误。

看起来RoleManager.Roles返回的集合类型与您在视图模型 ( IEnumberable<AppRole>) 中声明的类型不同。在这种情况下，您需要将其转换为 AppRole 的集合。

editUser.AllRoles = RoleManager.Roles
         .Select(s=>new AppRole { Id = s.Id, Name = s.Name).toList();

假设 AppRole 类具有要用于显示下拉列表的 Id 和 Name 属性。如果您的属性名称不同，请更改上述代码的投影部分。

但显然，您并没有AllRoles在您的视图中使用该集合。

修复您的 Razor 错误

向您的视图模型再添加一个属性以存储从下拉列表中选择的角色

public class UserEditVM : BaseViewModel
{
  public int SelectedRoleId {set;get;}
  public IEnumerable<SelectListItem> RolesList { get; set; }
   //Other properties as needed.

}

在您的 GET 操作方法中，您获得所有角色（可能是 Role 类的集合或某些自定义类），将其转换为 的集合SelectListItem并将其分配给对象的RolesList属性UserEditVM。

public ActionResult Create()
{
  var vm=new UserEditVM();
  var allRoles= RoleManager.Roles.ToList();
  vm.RolesList = allRoles.Select(s => new SelectListItem
            {
                Value = s.Id.ToString(),
                Text = s.Name
            });

  return View(vm);     
}

并在剃刀视图中，使用RolesList作为集合的属性SelectListItem

  @model YourNameSpace.UserEditVM

  @Html.DropDownListFor(x=> x.SelectedRoleId, Model.RolesList,"Select")

现在，当用户提交表单时，所选角色 ID 将位于SelectedRoleId 已发布模型的属性中。

[HttpPost]
public ActionResult Edit(UserEditVM model)
{
  //check model.SelectedRoleId
 //to do : Save and Redirect
}