Bind selectedItem in MultiselectDropdown in BootStrap MVC5.

Damini Jain

11y1.4k.NET

I want to bind selected item with all Item in multiple select dropdownList using BootStrap in MVC5,when we open Form in Edit Mode.so multiSelect dropdownList should be bind by model,so Please Give me some solution ,How to bind selected item in Edit mode with all item list in mvc5.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Damini Jain11y ago
Not Working????

ViewBag.BlockId = new SelectList(GetBlockList(), "Value", "Text", _SelectValue());
public List GetBlockList()
{
var list = new List { new SelectListItem { Value = "1", Text = "test1" }, new SelectListItem { Value = "2", Text = "Test2" }, new SelectListItem { Value = "3", Text = "Test3" } };
return list;
}
public List _SelectValue()
{
var list = new List { new SelectListItem { Value = "2", Text = "Test2" }, new SelectListItem { Value = "3", Text = "Test3" } };
return list;
}
//Inside View//

@Html.LabelFor(model => model.BlockId, htmlAttributes: new { @class = "control-label " })
@Html.DropDownListFor(m => m._selectedList, new MultiSelectList(ViewBag.BlockId, "Value", "Text"), new { multiple = "multiple", @class = "multiselect", id = "BlockId" })

Can u send one demo with multiselect dropdown bootstrap in create mode and in edit mode??.

0
Azeem Anzari11y ago
you must be already passing the cities may be without the last parameter called SelectedValue, if you pass that value then it will work
0
Azeem Anzari11y ago
Yes this is what i was talking about, you should pass the id value back to the view in the httpget method of your edit method in the controller. In the code below, the last parameter is selectedvalue(cities.cityId)

ViewBag.cityId= new SelectList(context.Cities, "Id", "CityName", Cities.CityId)
0
Damini Jain11y ago
See my Code below:
//This Is View//

@Html.LabelFor(model => model.DivisionId, htmlAttributes: new { @class = "control-label " })
@Html.DropDownListFor(m => m._selectdivision, new MultiSelectList(Model._divisonList, "Value", "Text", Model._selectdivision), new { multiple = "multiple", @class = "multiselect", id = "DivisionId" })
@Html.ValidationMessageFor(model => model._selectdivision, "", new { @class = "text-danger" })

//this is Model//
public int DivisionId { get; set; }
public List _divisonList { get; set; }
public IEnumerable _selectdivision { get; set; }
//this is controller//
public ActionResult Wizard()
{
WizardViewModel _model = new WizardViewModel();

_model._divisonList = GetDivisionList();

return View(_model);

}
public List GetDivisionList()
{
using (DESEntities context = new DESEntities())
{

var query = context.Divisions.Where(x => x.StateId == 20).ToList();

var list = new List { new SelectListItem { Value = null, Text = "Select Division", Selected = true } };
list.AddRange(query.ToList().Select(C => new SelectListItem
{
Value = C.DivisionId.ToString(),
Text = C.DivisionName_Eng

}));

return list;
}
}

//BootstrapMultiSelectJqueryForDivision//

$('#DivisionId').multiselect({
includeSelectAllOption: true,
enableFiltering: true});

//NowMyQuestion//
I have done whole functionality and get value from multiselect dropdown and save all data in DB on Create Time,But When Edit Form so How Set value in multiselect Dropdown which is selected and non selected ,both.
0
Azeem Anzari11y ago
pass the id of the value to the controller--> edit action and find the record using find method

for ex if you want to bind the cities.

public ActionResult Edit(int id)
{

Customers customer = db.customers.Find(id);
if (customer == null)
{
return HttpNotFound();
}
ViewBag.cityId= new SelectList(context.Cities, "Id", "CityName", Cities.CityId);
return View(customer );

}

bind the drop down with the viewbag.cityId in your edit view.

Hope this helps. Let me know with your code in view and controller incase if you stuck

regards
Azeem
0