在asp.net MVC中的多個下拉列表到actionresult

Question

我正在使用jquery選擇多個dropdownlist。

我從選定的下拉列表中有多個值。

HTML：

    @using (Html.BeginForm()) {
    <div class="editor-field" style="width:150px;">

    @Html.DropDownList("UserRole", null, new { @class = "chosen-select",@multiple="multiple",@placeholder="Lütfen Rol Seçiniz",@style="width:250px;"})

    </div>

    <input type="submit" value="Create" />
}

當我單擊創建按鈕時，按鈕將提交給以下動作結果

[HttpPost]
public ActionResult AddUser(List<UserRole> UserRole) 
{
return view();
}

當我發布UserRole時，它始終為null

下面的UserRole類屬性

public int UserRoleID { get; set; }
public Nullable<int> FirmUserID { get; set; }
public Nullable<int> RoleID { get; set; }

我在哪里想念如何在多個dropdownlist中選擇所有值？

任何幫助將不勝感激。

謝謝。

Answer 1

在您的方案中，像這樣添加列表框@Html.ListBox("UserRole", null, new { @class = "chosen-select",@multiple="multiple",@placeholder="Lütfen Rol Seçiniz",@style="width:250px;"})以便您找到結果。

Answer 2

您需要使用ListBox來獲得所需的行為，而不是下拉列表。 ListBox可以接受一系列選定角色，以及一個MultiSelectList來顯示選定項。

我還建議使用視圖模型，而不是依賴ViewBag來處理視圖狀態。 有關擴展方法，請參見CloneMatching 。

    @model UserRoleViewModel
    ...
    <div>
        <div class="editor-label">
            User Roles<br />(Ctrl-click for multiple)
        </div>
        <div class="editor-field">
            @Html.ListBoxFor(model => model.SelectedRoles,new MultiSelectList(model.AvailableRoles,"Id","Description",Model.SelectedRoles))
        </div>        
    </div>

UserRoleViewModel：

 public class UserRoleViewModel {
     public User { get; set; }

     public List<int> SelectedRoles { get; set; }
     public List<Role> AvailableRoles { get; set; }
 }

UserRoleController：

 public ActionResult Edit(int id) {
     var user = MyDbContext.Users.Find(id);
     var model = new Model {
         User = user;
         SelectedRoles = user.UserRoles.Select(userRole => userRole.Role.Id).ToList();
         AvailableRoles = MyDb.Context.Roles.ToList();
     };
     return View(model);
 }

 [HttpPost]
 public ActionResult Edit(UserRoleViewModel model) {
     if (ModelState.IsValid) {
         var user = MyDbContext.Users.Find(id).CloneMatching(model.User);
         user.UserRoles.Clear();
         MyDbContext.SaveChanges();

         foreach( var roleId in model.SelectedRoles) {
             users.UserRoles.Add(new UserRole {
                 UserId = user.Id,
                 RoleId = roleId
             });
         }
         MyDbContext.SaveChanges();
         return RedirectToAction("Index");
     }        
     return View(model);
 }