Question

我想构建一个Bootstrap样式的下拉列表和@ HTML.Helper。我知道有一个Bootstrap.MVC包，但我们不想进入非标准包。

我们首先尝试了以下内容：

@Html.DropDownListFor(model => model.idSelectedEnterprise, Model.Enterprises, new { @class = "dropdown" })

但这并没有给我们一个真正的自助式。另一方面，如果我们使用像bootstrap文档那样的正常引导代码：

<div class="dropdown">
  <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

我们不知道如何插入将从下拉列表返回当前所选项目的@Model助手。

这可能听起来很基本，但我们需要帮助。

Answer 1

不确定为什么坚持“非标准软件包” - Bootstrap是根据社区需要而构建（并且打算）扩展的。

您正在寻找的东西有几个不同的选择;我更喜欢Bootstrap Select：http://silviomoreto.github.io/bootstrap-select/。

它还有一个NuGet包：https://www.nuget.org/packages/bootstrap-select

设置简单：

使用<select>类创建.selectpicker。

@Html.DropDownListFor(m => m.Foo, Model.Foos, htmlAttributes: new { @class="selectpicker" })

然后致电：

$('.selectpicker').selectpicker();

@html.Dropdown和twitter bootstrap

1 个答案: