使用Razor DropDownList启动

Question

我需要将Bootstrap样式应用于Razor @ Html.DropDownList。

我已将form-control类应用于控件：

@Html.DropDownList("FacilityID", null, string.Empty, new { @class = "form-control" })

使用Bootstrap样式正确显示选择列表。问题是列表中可选择的子项没有设置样式。

在查看生成的HTML源代码时，呈现的选项是未设置样式的：

<option value="1">Some Option</option>

有没有让Bootstrap在ASP.Net MVC5 Razor视图中正确设置整个下拉列表的样式？

Answer 1

如果它对任何人有帮助......我最终选择了bootstrap-select组件。

Razor语法是：

@Html.DropDownList("FacilityID", null, string.Empty, new { @class = "selectpicker" })

我不喜欢Bootstrap应用于此组件生成的button元素的默认渐变，因此我在CSS中对其进行了修改，使其看起来像常规的Bootstrap form-control样式元素：

.bootstrap-select > .btn {
  background-image: none;
}

Answer 2

只需将以下内容添加到剃刀public Set<SampleId> getRevisionIDs(long clientRevision) { return sampleRevisionMap.entrySet().stream() .filter(k -> k.getKey() > clientRevision) .map(entry -> entry.getValue()) .collect(Collectors.toSet()); } 的末尾即可：

DropDown