ASP.NET mvc DropDownListFor pass type to controller

Question

How to pass SelectedItem from DropDownListFor to public ActionResult Index(IndexViewModel indexViewModel). After submit i have emp=null. What i should place instead of "Number" in IndexViewModel.ListOfEmployee = new SelectList(ListOfEmployee, "Number", "Name");

Controller:

public class HomeController : Controller
{
    //
    // GET: /Home/

    public ActionResult Index()
    {
        List<Employee> ListOfEmployee = new List<Employee>();
        ListOfEmployee.Add(new Employee { Name = "Jhon", Number = 1 });
        IndexViewModel IndexViewModel = new IndexViewModel();
        IndexViewModel.ListOfEmployee = new SelectList(ListOfEmployee, "Number", "Name");

        return View(IndexViewModel);
    }
    [HttpPost]
    public ActionResult Index(IndexViewModel indexViewModel)
    {
        return View();
    }

}

View:

@model MvcApplication3.Models.IndexViewModel
@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
@using(@Html.BeginForm())
{ 
@Html.DropDownListFor(model=>model.emp ,Model.ListOfEmployee)

    <input type="submit" />
}

Model:

public class IndexViewModel
{
    public SelectList ListOfEmployee { get; set; }

    public Employee emp { get; set; }
}

Possible duplicate of How to get DropDownList SelectedValue in Controller in MVC4 — Ehsan Sajjad
– Ehsan Sajjad, Commented Apr 11, 2016 at 14:56
You cannot bind a <select> element to a complex obect (typeof Employee). You property emp need to be type int - public int emp { get; set; } — user3559349
– user3559349, Commented Apr 11, 2016 at 22:56

Shyju · Accepted Answer · 2016-04-11 14:48:15Z

2

You should keep a simple value type property to store the selected dropdown option value.

public class IndexViewModel
{
    public SelectList ListOfEmployee { get; set; }    
    public int SelectedEmployeeId { get; set; }
}

and in your view

@Html.DropDownListFor(x=>x.SelectedEmployeeId, Model.ListOfEmployee)

and in your HttpPost action, access this SelectedEmployeeId property which will give you the number corresponding to the selected name. If you want the complete employee object, you should query the db again with the number(id)

[HttpPost]
public ActionResult Index(IndexViewModel model)
{
    var selectedNumber= model.SelectedEmployeeId; 
    return View();
}

answered Apr 11, 2016 at 14:48

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP.NET mvc DropDownListFor pass type to controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related