Плагин множественного выбора использует нотацию []
для отправки выбранных значений на сервер.Как всегда, мы начинаем с написания модели представления:
public class MyViewModel
{
public IEnumerable<string> SelectedValues { get; set; }
public IEnumerable<SelectListItem> Items
{
get
{
return new[]
{
new SelectListItem { Value = "1", Text = "item 1" },
new SelectListItem { Value = "2", Text = "item 2" },
new SelectListItem { Value = "3", Text = "item 3" },
};
}
}
}
, затем контроллера:
public class HomeController : Controller
{
public ActionResult Index()
{
return View(new MyViewModel());
}
[HttpPost]
public ActionResult Index(MyViewModel model)
{
return View(model);
}
}
соответствующего представления:
@model MyViewModel
<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.Items)
<button type="submit">OK</button>
}
и, наконец, связывателя моделисвязан с типом IEnumerable<string>
и будет работать с нотацией []
, используемой плагином:
public class MultiSelectModelBinder : DefaultModelBinder
{
public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
{
var model = (MyViewModel)base.BindModel(controllerContext, bindingContext);
var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName + "[]");
if (value != null)
{
return value.RawValue;
}
return model;
}
}
Последняя часть состоит в регистрации связывателя модели в Application_Start
:
ModelBinders.Binders.Add(typeof(IEnumerable<string>), new MultiSelectModelBinder());