如何使用 ASP.NET MVC 编辑多选列表？

Question

我想编辑一个如下所示的对象。 我希望用 UsersGrossList 中的一个或多个用户填充 UsersSelectedList。

使用 mvc 中的标准编辑视图，我只获得映射的字符串和布尔值（下面未显示）。 我在 google 上找到的许多示例都使用 mvc 框架的早期版本，而我使用官方 1.0 版本。

任何观点的例子都值得赞赏。

public class NewResultsState
{
    public IList<User> UsersGrossList { get; set; }
    public IList<User> UsersSelectedList { get; set; }
}

Answer 1

将 Html.ListBox 与 IEnumerable SelectListItem

视图

         <% using (Html.BeginForm("Category", "Home",
      null,
      FormMethod.Post))
       { %>  
        <%= Html.ListBox("CategoriesSelected",Model.CategoryList )%>

        <input type="submit" value="submit" name="subform" />
        <% }%>

控制器/模型结合使用：

        public List<CategoryInfo> GetCategoryList()
    {
        List<CategoryInfo> categories = new List<CategoryInfo>();
        categories.Add( new CategoryInfo{ Name="Beverages", Key="Beverages"});
        categories.Add( new CategoryInfo{ Name="Food", Key="Food"});
        categories.Add(new CategoryInfo { Name = "Food1", Key = "Food1" });
        categories.Add(new CategoryInfo { Name = "Food2", Key = "Food2" });
        return categories;
    }

    public class ProductViewModel
    {
        public IEnumerable<SelectListItem> CategoryList { get; set; }
        public IEnumerable<string> CategoriesSelected { get; set; }

    }
    public ActionResult Category(ProductViewModel model )
    {
      IEnumerable<SelectListItem> categoryList =
                                from category in GetCategoryList()
                                select new SelectListItem
                                {
                                    Text = category.Name,
                                    Value = category.Key,
                                    Selected = (category.Key.StartsWith("Food"))
                                };
      model.CategoryList = categoryList;

      return View(model);
    }

Answer 2

@eu-ge-ne < 非常感谢您的回答 - 在寻找一种方法来从模型中多重选择值列表和模型中多重选择值列表时遇到了很大的麻烦。
使用您的代码，我在编辑/更新页面中使用了 ListBoxFor Html 控件，并在保存时将整个模型传递回我的控制器（包括多个选定值）。

<%= Html.ListBoxFor(model => model, Model.UsersGrossList.Select( 
x => new SelectListItem { 
    Text = x.Name, 
    Value = x.Id, 
    Selected = Model.UsersSelectedList.Any(y => y.Id == x.Id) 
} 

) %>

Answer 3

假设用户模型具有 Id 和 Name 属性：

<%= Html.ListBox("users", Model.UsersGrossList.Select(
    x => new SelectListItem {
        Text = x.Name,
        Value = x.Id,
        Selected = Model.UsersSelectedList.Any(y => y.Id == x.Id)
    }
) %>

或者使用视图模型

public class ViewModel {
    public Model YourModel;
    public IEnumerable<SelectListItem> Users;
}

控制器：

var usersGrossList = ...
var model = ...

var viewModel = new ViewModel {
    YourModel = model;
    Users = usersGrossList.Select(
        x => new SelectListItem {
            Text = x.Name,
            Value = x.Id,
            Selected = model.UsersSelectedList.Any(y => y.Id == x.Id)
        }
    }

视图：

<%= Html.ListBox("users", Model.Users ) %>