将对象列表绑定到 DropdownlistFor 和 Submitform 的多选

Question

我有两节课

class UserRequestModel
{
    public UserRequestModel()
    {
        ProfileRequest = new List<ProfileRequestModel>();
    }

    public int ID { get; set; }
    public List<ProfileRequestModel> ProfileRequest { get; set; }
}

public class ProfileRequestModel
{
    public int ProfileID { get; set; }
    public string ProfileName { get; set; }
}

1. 我想使用 UserRequestModel 作为模型。
2. 如何绑定Dropdownlistfor的多选？
3. 在提交表单上，在控制器中 公共 ActionResult SubmitForm(UserRequestModel obj) obj 应该包含多个选定的值。

Answer 1

您有以下两种选择：

1. 使用@Html.ListBox 将选项呈现为多个值 下拉菜单。

   因此，您视图中的代码如下所示：

   @Html.ListBox(ViewBag.ProfileRequest as SelectList, new { @id = "ProfileRequest" })
   

2. 其他选项是使用jquery.multiSelect.js，可以找到 here.

   所以你的列表框将由这个插件呈现，如下所示：

   <script src="@Url.Content("~/Scripts/jquery.multiSelect.js")" type="text/javascript"></script>
   <script type="text/javascript">
   $(function () {
       $("#SelectedValues").multiSelect();
   });
   </script>
   
   
   @using (Html.BeginForm())
   {
       @Html.ListBoxFor(x => x.SelectedValues, Model.ProfileRequest)
       <button type="submit">OK</button>
   }
   

   接下来您可以发布您的视图模型

   [HttpPost]
   public ActionResult Index(UserRequestModel model)
   {
     return View(model);
   }
   

参考文章 http://www.aspnetmvcninja.com/views/asp-net-mvc-select-list-example