Binding multiple select values in a dropdownlist to a string using Select2

Question

I'm using the JQuery Select2 plugin from http://select2.github.io/select2/ and am having a problem binding a model to multiple items.

I know that when using Select2 for multiple items, you can create a separate entity to hold the stored items, but in my case I'd like to use a comma delimited list.

My view code is here:

<div class="col-xs-3">
    @Html.DropDownListFor(
    x => x.Quote.TypeofRoof,
    Model.RoofTypes,
    "", new { @class = "ddl", @multiple = "multiple", @style = "width:100%;height:35px" })
</div>

TypeofRoof is a string in my Quote class:

public string TypeofRoof { get; set; }

My problem is that when I submit my form with multiple items selected, only the first is saved:

enter image description here

What I'm after is to have the model comma separate the values, i.e.:

"Metal, Terracotta"

teo van kot · Accepted Answer · 2015-02-02 20:49:43Z

2

Use a ListBoxFor instead of DropDownListFor. Make you field array type:

public string[] TypeofRoof { get; set; }

And then on View:

@Html.ListBoxFor(
    x => x.Quote.TypeofRoof,
    Model.RoofTypes,
    new { @class = "ddl", multiple = "multiple", @style = "width:100%;height:35px" })

edited Feb 2, 2015 at 20:49

answered Feb 2, 2015 at 20:08

teo van kot

12.5k10 gold badges41 silver badges73 bronze badges

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

4 Comments

Evonet Over a year ago

The only problem with having TypeofRoof as a string[] is that I can't map it directly to an EntityFramework type?

teo van kot Over a year ago

actually it's poor practice map to your DB Layer (EF in your case) right from your View. Better use mapping ViewModel to EF Model in your Controller.

Evonet Over a year ago

I'm getting an error with the ListBoxFor syntax, not sure what the problem is, but it's not syntaxed properly

Evonet Over a year ago

Just FYI, Rooftypes is of type IEnumerable<SelectListItem>

Collectives™ on Stack Overflow

Binding multiple select values in a dropdownlist to a string using Select2

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related