Razor view dropdown list for a model class in MVC3

Question

I have two model class in MVC3 one for Services which have those properties

public int ID { get; set; }
public string Name { get; set; }
public string Description { get; set; }
public string Image { get; set; }
public int ChildOf { get; set; }

It also have a DB table by Entityframework

Another model is Quata which have those properties

public int ID { get; set; }
public string Sender_Name { get; set; }
public string Description { get; set; }
.....
......
public Services Service_ID { get; set; }

It also have a DB table by Entityframework

I want to create a Razor(C#) view (for Quata) where user can send a quata by fill a html form but where i wanna show a dropdown list with Services ID as dropdown value and Services Name as dropdown text which is also come dynamically from the Services DB table .

My question is how i should create that dynamic dropdown list by @Html.DropDownListFor ? and send the selected data from that dropdown list to a Controller ?

Pablo Claus · Accepted Answer · 2012-07-11 22:09:22Z

2

Try this

Controller:

 public ActionResult Create()
    {
        var Services = new Services();

        Services.Load(); //load services..

        ViewBag.ID = new SelectList(Services.ToList(), "Id", "Name");


        return View();
    }

[HttpPost]
public ActionResult Create(Quata Quata)
    {
        //save the data 
    }

A strong Typed View: (Using Razor)

@model Quata

@using (Html.BeginForm()) {
<fieldset>
    <legend>Quata</legend>

    <div>
        @Html.LabelFor(model => model.Service_ID.ID, "Service")
    </div>
    <div>
        @Html.DropDownList("ID", String.Empty)
    </div>


    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
}

answered Jul 11, 2012 at 22:09

Pablo Claus

5,9163 gold badges31 silver badges40 bronze badges

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

3 Comments

Pablo Claus Over a year ago

Great! There is an option without using ViewBag, but you need to change your model.

zxprince Over a year ago

Really ! what is it ? can u give me that idea ?

Pablo Claus Over a year ago

ViewModel pattern, which allows a Controller to package up all the information needed to generate the appropriate HTML response. See this: msdn.microsoft.com/en-us/…

dreamerkumar · Accepted Answer · 2012-07-11 20:42:03Z

0

take a look at @Html.DropDownListFor

answered Jul 11, 2012 at 20:42

dreamerkumar

1,5501 gold badge18 silver badges28 bronze badges

Comments

Saedeas · Accepted Answer · 2012-07-11 22:12:45Z

So say your viewmodel has a list of said Services.

Something that may work for you is the following (you may not need a for loop here, editor is supposed to eliminate that, but I had some weird binding issues).

In your top level view which points at your viewmodel (@model Quata, assuming Quata is your viewmodel) have this code :

@For i = 0 To Model.DropdownListInput.Count - 1
                Dim iterator = i
                @Html.EditorFor(Function(x) x.DropdownListInput(iterator), "EnumInput")
        Next

In your Editor Template (create a subfolder under the view folder this dropdownlist will be in called editor templates and name the template whatever you desire, mine was EnumInput).

In your editor template, which should point at your model for Services (@model Services) have something like the following code (with substitutions for your appropriate variable names):

@<div class="editor-label">
    @Html.LabelFor(Function(v) v.value, Model.DisplayName)
</div>
@<div class="editor-field">
    @Html.DropDownListFor(Function(v) v.value, New SelectList(Model.ParamEnums, "ValueForScript", "EnumValue"), "--Please Select A Value--")
    @Html.ValidationMessageFor(Function(v) v.value)
</div>

Replace the list with your list and the lambda values with yours (@Html.DropDownListFor(x => x.id, New SelectList(x.ServiceList, "ID", "Name"), "--Please Select A Value--") or something like that.

Note that this code is in VB, but it should provide a rough guide.

Collectives™ on Stack Overflow

Razor view dropdown list for a model class in MVC3

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related