Как передать список <string>в выпадающий список? - PullRequest
0 голосов
/ 27 февраля 2019

У меня есть следующий список:

List<string>WeekEnding={'10/07/2018','11/11/2018','01/21/2018'};

Я хочу передать его в раскрывающемся списке со значением name = '10 / 07/2018 '=' 10/07/2018 '

мой выпадающий список

  @Html.DropDownList("WeekEnding", null, new { Id = "WeekEnding", style = "width:50px;", @class = "form-control js-select", @size = "2" , required = "required" })  

Ответы [ 2 ]

0 голосов
/ 27 февраля 2019

Я обычно использую view models для заполнения моих выпадающих списков, даже если он имеет базовые значения, такие как даты (как в вашем коде).Работая так, как вы этого хотите, я бы сделал это, как показано ниже.

Предполагая, что вы работаете с Index action method и Index view ..

Индексное действиеметод

public ActionResult Index()
{
    List<string> WeekEnding = new List<string>() { "10/07/2018", "11/11/2018", "01/21/2018" };

    return View(WeekEnding);
}

индексный просмотр

@model List<string>

@Html.DropDownList(
    "WeekEnding",
    new SelectList(
        Model.Select(x => new { Value = x, Text = x }),
        "Value",
        "Text"
    ),
    "-- Select --",
    new { @style = "width: 50px", @class = "form-control js-select", @size = "2", @required = "required" }
)

При просмотре источника HTML после создания страницы будет выглядеть так:

<select class="form-control js-select" id="WeekEnding" name="WeekEnding" required="required" size="2" style="width: 50px">
    <option value="">-- Select --</option>
    <option value="10/07/2018">10/07/2018</option>
    <option value="11/11/2018">11/11/2018</option>
    <option value="01/21/2018">01/21/2018</option>
</select>

Надеюсь, это поможет.

0 голосов
/ 27 февраля 2019

Вы можете использовать как это

@model List<string>
@Html.DropDownList(
    "WeekEnding", 
    new SelectList(
        Model.Select(x => new { Value = x, Text = x }),//you have to pass data as model. If you use another way you must change this line. 
        "Value",
        "Text"
    ),
    new { Id = "WeekEnding", style = "width:50px;", @class = "form-control js-select", @size = "2" , required = "required" }
)
...