Dropdownlist
Simple Dropdownlist
I populate the dropdownlist with the help of SelectListItem.
By using SelectListItem manually to SelectList to use in DropdownlistFor.
Let have a look In example..
1> Create a View model name HomePage and save.
{
public HomePage()
{
AvailbleGender = new List<SelectListItem>();
}
public int Id { get; set; }
public string Name{ get; set; }
public int GenderId { get; set; }
public IList<SelectListItem> AvailbleGender { get; set; }
}
2> add AvailbleGender field to IList<SelectListItem> .and give get set property
and inititiate it using constructure AvailbleGender = new List<SelectListItem>();
3> Add AvailableGender list to store the data in form of Text and Value.
public void PrepareDropdownlist(HomePage model)
{
model.AvailbleGender.Add(new SelectListItem { Text = "Select.....", Value = "0" });
model.AvailbleGender.Add(new SelectListItem { Text = "Male", Value = "1" });
model.AvailbleGender.Add(new SelectListItem { Text = "FeMale", Value = "2" });
model.AvailbleGender.Add(new SelectListItem { Text = "Others", Value = "3" });
}
Call PrepareDropdownlist(HomePage model) method with parameter of same model in action method
public ActionResult Index(HomePage model)
{
PrepareDropdownlist(model);
return View(model);
}
4> Add dropdownlistfor in view
@Html.DropDownListFor(model => model.GenderId, Model.AvailbleGender, new { @class = "form-control" })
_----------------------------------------------------------------------------------------------------------------------
Using Dropdownlist without model
1>Create GenderController
2>Create function name Dropdownlist()
Syntax:-
public void Dropdownlist()
{
IList<SelectListItem> AvailableGender = new List<SelectListItem>();
AvailableGender.Add(new SelectListItem { Text = "Select.....", Value = "0" });
AvailableGender.Add(new SelectListItem { Text = "Male", Value = "1" });
AvailableGender.Add(new SelectListItem { Text = "FeMale", Value = "2" });
AvailableGender.Add(new SelectListItem { Text = "Others", Value = "3" });
//-----Convertion SelectListItem to SelectList
SelectList avgender= new SelectList(AvailableGender, "Value", "Text", "0");
ViewBag.Gender = avgender;
}
Call Dropdwnlist() method to Index Action.
That ViewBag.Gender help the data to Push (access) from controller to View.
Viewbag using in view using SelectList to bind the data.
Run the Code->