DropDown in .Net MVC3

Question

I am trying to create a dropdonw in my MVC web application.

Model

namespace projectname.Models 
{
public class DropDownModel
    {
         public int id{get; set;}
          puclic string value {get; set;}
    }
}

Controller

using projectname.Models;
{
public class DropDownController: Controller
    {
         public ActionResult Index()   //where Index is one of the view
         {
               List <SelectListItem> listItem = new List<SelectListItem>();
               DropDownModel drop = new DropDownModel();
                drop.id = 1;
                drop.value  = "First";

                listItem.Add(new SelectListItem() {Value = drop.Value, Text = drop.id.toString()});

                return view(listitem);
         }

    }

}

View

@{
ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

<p>
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.

</p>

However, the drop down is not being displayed on my Index view.

PaulBinder · Accepted Answer · 2014-07-02 14:24:58Z

I would suggest reading more about MVC. You have nothing rendering the dropdown on your view and you have a model that more or less does the same-thing your listitem is doing. This could be handled by one object instead of two. That said :

Controller

  public class HomeController : Controller
    {
        public ActionResult Index()
        {
            List<SelectListItem> listItem = new List<SelectListItem>();
            DropDownModel drop = new DropDownModel();
            drop.id = 1;
            drop.value = "First";

            listItem.Add(new SelectListItem() { Value = drop.id.ToString(), Text = drop.value });


            return View(listItem);
        }

    }

View Note the @Model List at the top of the view. This defines the strongly typed model asigned to the view. This Model is passed from the controller (listitem) to the view.

@model List<SelectListItem>

@{
    ViewBag.Title = "title";
}

@Html.DropDownList("name", Model)

<h2>title</h2>

Win · Accepted Answer · 2014-07-02 15:03:06Z

0

There are a few ways of display DropDownList in MVC. Here is my way.

Note: You need a collection of SelectListItem in model.

Model

public class MyModel
{
    public int SelectedId { get; set; }
    public IList<SelectListItem> AllItems { get; set; }

    public MyModel()
    {
        AllItems = new List<SelectListItem>();
    }
}

Controller

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyModel();
        model.AllItems = new List<SelectListItem>
        {
            new SelectListItem { Text = "One",  Value = "1"},
            new SelectListItem { Text = "Two",  Value = "2"},
            new SelectListItem { Text = "Three",  Value = "3"}
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyModel model)
    {
        // Get the selected value
        int id = model.SelectedId;
        return View();
    }
}

View

@model DemoMvc.Controllers.MyModel
@using (Html.BeginForm("Index", "Home", FormMethod.Post))
{
    @Html.DropDownListFor(x => x.SelectedId, Model.AllItems)
    <input type="submit" value="Submit" />
}

enter image description here

answered Jul 2, 2014 at 15:03

Win

62.4k13 gold badges106 silver badges190 bronze badges

3 Comments

java_doctor_101 Over a year ago

Thank You! Exactly what I wanted. Also, shouldn't it be @model DemoMvc.Models.Mymodel in the view?

PaulBinder Over a year ago

He most lkely has @model DemoMvc.Controllers.MyModel in his view because he declared his model in the controller (to save time for his sample) Yours should be model DemoMvc.Models.Mymodel

Win Over a year ago

@nitinsh99 Yes, MyModel should be inside Models folder.

edhedges · Accepted Answer · 2014-07-02 13:56:13Z

0

You need to give your View the Model which is the listItem.

return View(listItem);

answered Jul 2, 2014 at 13:56

edhedges

2,7282 gold badges31 silver badges63 bronze badges

2 Comments

java_doctor_101 Over a year ago

Hi, I tried it didn't help. Do I need to make any changes in the View itself? and You said model..Did you mean drop instead of listitem?

edhedges Over a year ago

@nitinsh99 Yes you would have to, but check out the answer by PaulBinder. His example looks like it would work.

Collectives™ on Stack Overflow

DropDown in .Net MVC3

3 Answers 3

Comments

Model

Controller

View

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Model

Controller

View

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related