SelectList with multiple values using C#

Question

I need to build a select list with to values like this:

<ul id="sch-brand-dropdown">
    <li data-id="1" data-id2="11">text1</li>
    <li data-id="2" data-id2="12">text2</li>
    <li data-id="3" data-id2="13">text3</li>
</ul>

For one value I use the following method:

public static IEnumerable<SelectListItem> DropDownList()
{
    var brandServices = new BrandService();

    var brandsDTO = brandServices.GetAll().OrderBy(b => b.Name);

    var brandsList = brandsDTO.Select(brand =>
        new SelectListItem
        {
            Value = brand.Id.ToString(),
            Text = brand.Name
        });

    return brandsList;
}

Based on the Brand Model:

[Table("Brands")]
public class Brand
{
    [Key]
    public int Id { get; set; }
    public string Name { get; set; }
}

That I present in the view like this:

<ul id="sch-brand-dropdown">
    @foreach (var brand in Model.BrandList)
    {
        <li data-id="@brand.Value">@brand.Text</li>
    }
</ul>

Hi, the question is how can I build a select list with 2 values and 1 text — Patrick
– Patrick, Commented Oct 23, 2015 at 12:09
Dont use IEnumerable<SelectListItem> (thats for use by the @Html.DropDownListFor() method) Just create your own class with 3 properties for ID1, ID2 and Text — user3559349
– user3559349, Commented Oct 23, 2015 at 12:12
@StephenMuecke Hi, thanks! can you just give me a simple example? — Patrick
– Patrick, Commented Oct 23, 2015 at 12:15
@Patrick, The answers by Mikhail Neofitov and Júlio Murta should be helpful — user3559349
– user3559349, Commented Oct 23, 2015 at 12:19

Mikhail Tulubaev · Accepted Answer · 2015-10-23 12:13:49Z

3

Modify your model like

[Table("Brands")]
public class Brand
{
    [Key]
    public int Id { get; set; }
    public string Name { get; set; }
    public int Value1 { get; set; }
    public int Value2 { get; set; }
}

and use

<ul id="sch-brand-dropdown">
    @foreach (var brand in Model.BrandList)
    {
        <li data-id="@brand.Value1" data-id2="@brand.Value2">@brand.Text</li>
    }
</ul>

answered Oct 23, 2015 at 12:13

Mikhail Tulubaev

4,28122 silver badges31 bronze badges

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

1 Comment

Patrick Over a year ago

Hi Mikhail! Thanks, don't get me wrong, I have set Júlio's answer as correct because it was the fastest and most complete one.

Júlio Murta · Accepted Answer · 2015-10-23 12:18:38Z

1

Maybe changing the return type of DropDownlist method:

public static IEnumerable<MultValoredItem> DropDownList()
{
    var brandServices = new BrandService();

    var brandsDTO = brandServices.GetAll().OrderBy(b => b.Name);

    var brandsList = brandsDTO.Select(brand =>
    new MultValoredItem
    {
        Value1 = brand.Id.ToString(),
        Value2 =  //Another value here
        Text = brand.Name
    });

    return brandsList;
}

public class MultValoredItem
{
    public int Value1 { get; set; }
    public int Value2 { get; set; }
    public string Text { get; set; }
}

<ul id="sch-brand-dropdown">
  @foreach (var brand in Model.BrandList)
  {
    <li data-id1="@brand.Value1" data-id2="@brand.Value2">@brand.Text</li>
  }
</ul>

edited Oct 23, 2015 at 12:18

answered Oct 23, 2015 at 12:12

Júlio Murta

5452 silver badges15 bronze badges

2 Comments

Patrick Over a year ago

Hi, thanks! Can I ask you please to put in your example the way I can apply it in the View?

Patrick Over a year ago

Thanks again Júlio, I have set your answer as correct because it was the fastest and most complete one :)

Pavel Kučera · Accepted Answer · 2015-10-23 12:14:28Z

-1

Perhaps it is not the best option but you can use either a repeater. Or instead use the literal directly with HTML code.

class :

public class Brand
{
    [Key]
    public int Id { get; set; }
    public int IdCATEGORY { get; set; }
    public string Name { get; set; }
}

repeater :

<asp:Repeater ID="Repeater" runat="server" >
  <ItemTemplate>
    <li data-id="<%# Eval("id")  %>" data-id2="<%# Eval("idCATEGORY")  %>"><%# Eval("text")  %></li>
</ItemTemplate>
</asp:Repeater>

use repeater in page_load:

 Repeater.DataSource = data_Brand;
 Repeater.DataBind();

Or literal -> then in c# create full string of <ul><li> by for? foreach? while? and sen to literal inside page.

answered Oct 23, 2015 at 12:14

Pavel Kučera

11710 bronze badges

1 Comment

Patrick Over a year ago

Hi, thank you for your help but I prefer Júlio's answer becaus it's MVC based and more close to my code.

Collectives™ on Stack Overflow

SelectList with multiple values using C#

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related