forum

home / developersection / forums / how to create optgroup in dropdownlist .net mvc 4‎?

Ask Question

How to create Optgroup In Dropdownlist .Net MVC 4‎?

Anonymous User 4041 11-Feb-2015
How to create Optgroup In Dropdownlist .Net MVC 4‎?
.net .net  mvc4 
Updated on 11-Feb-2015
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Tom Cruser

Tom Cruser

11-Feb-2015
First need to create database context.

MvcApplication1.Models.Database1Context db = new MvcApplication1.Models.Database1Context();
    var data = db.locations.ToList().Select(t => new GroupedSelectListItem
    {
        GroupKey = t.location_group_id.ToString(),
        GroupName = t.location_group.name,
        Text = t.name,
        Value = t.id.ToString()
    });

Razor View:
@Html.DropDownGroupListFor(m => m.location_id, data, "-- Select --", new { 
            @data_val = "true",  // for Required Validation
            @data_val_required = "The Name field is required." // for Required Validation
        })


Fill static data:
IEnumerable<GroupedSelectListItem> item;
    item = new List<GroupedSelectListItem> { 
        new GroupedSelectListItem() { Value="volvo", Text="Volvo", GroupName="Swedish Cars", GroupKey="1", Disabled=true },
        new GroupedSelectListItem() { Value="saab", Text="Saab",GroupName="Swedish Cars", GroupKey="1" }, 
        new GroupedSelectListItem() { Value="mercedes", Text="Mercedes", GroupName="German Cars", GroupKey="2" },
        new GroupedSelectListItem() { Value="audi", Text="Audi", GroupName="German Cars", GroupKey="2",Selected=true }};
Razor View:
@using (Ajax.BeginForm("Index", null, new AjaxOptions { HttpMethod = "post" }, new { id = "frm" }))
    {
        @Html.DropDownGroupList("Cars", item, "-- Select Car --", 
            new Dictionary<string, object>() { 
                { "data-val", "true" }, 
                { "data-val-required", "The Car field is required." } 
            })
        <input type="submit" name="name" value="Send" />
    }


Output:

How to create Optgroup In Dropdownlist .Net MVC 4‎?

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy