使用数据库中的razor bootstrap选择选项

Question

我想结合这两张代码：

<select class="selectpicker" >
    <option>ouvert</option>
    <option>ferme</option>
    <option>reçu</option>
</select>

而且：

 <div class="editor-label">

     @Html.EditorFor(model => model.etattik)
     @Html.ValidationMessageFor(model => model.etattik)
 </div>

选择字段应显示数据库中的数据。

Answer 1

您需要确保在控制器操作中将YourViewModel.etattik填充到数据库中的值。完成后，使用@Html.DropDownListFor获取select列表，如下所示：

@Html.DropDownListFor(
    m => m.etattik, 
    new SelectList(
              new List<Object>{ 
                   new { value = 0 , text = "text1"  },
                   new { value = 1 , text = "text2" },
                   new { value = 2 , text = "text3"}
                },
              "value",
              "text",
               2
    )
)
@Html.ValidationMessageFor(m => m.etattik)

将您想要的值放在上面创建的列表项的value和text中。

您甚至可以在控制器中创建此列表集合。在这种情况下，您的代码将如下所示：

@Html.DropDownListFor(
    m => m.etattik, 
    new SelectList(
        Model.ListItems,
        "id",
        "name",
        Model.etattik
    )
)

字符串"id"和"name"是列表项的属性。