Fill Select2 dropdown box from database in MVC 4

Question

I need help writing the jquery/ajax to fill a Select2 dropdown box.

For those who don\'t know what Select2 is, it is a javascript extension to provide Twitter Bo

Answer 1

Select 2 seems to be a standard select with jquery attached so this should work:

Model:

  public class vmDropDown
  {
    public IEnumerable DeviceList { get; set; }
    [Required(ErrorMessage = "Please select at least one item")]
    public IEnumerable SelectedItems { get; set; }
  }

Controller:

 [HttpGet]
    public ActionResult Assign(int id)
    {
      return View(CreateUnassignedModel(id));
    }

[HttpPost]
public ActionResult Assign(vmDeviceAssign model)
{
  if (ModelState.IsValid)
  {
    _deviceLogic.Assign(model.GroupId, model.SelectedItems);
    return View("ConfirmDevice");
  }
  else // Validation error, so redisplay data entry form
  {
    return View(CreateUnassignedModel(model.GroupId));
  }
}

private vmDeviceAssign CreateUnassignedModel(int id)
{
  return new vmDeviceAssign
  {
    DeviceList = _deviceLogic.GetUnassigned(),
    SelectedItems = null
  };
}

View:

    @Html.ListBoxFor(model => model.SelectedItems, new SelectList(Model.DeviceList, "Value", "Text"))
    @Html.ValidationMessageFor(model => model.SelectedItems)

Cant give explanation as am at work but if you leave a message ill pick it up tonight