Question

我有以下视图，其中包含 @ Html.DropDownList ： -

<fieldset> 
        <legend>Answer here</legend> 
        <div class="editor-label"> 
            @Html.LabelFor(model => model.Description) 
        </div> 
        <div class="editor-field" data-toggle="dropdown"> 
            @Html.EditorFor(model => model.Description) 
            @Html.ValidationMessageFor(model => model.Description) 
        </div> 
        <div class="editor-label"> 
            @Html.LabelFor(model => model.IsRight) 
        </div> 
        <div class="editor-field"> 
             @Html.DropDownList("IsRight", String.Empty) 
            @Html.ValidationMessageFor(model => model.IsRight) 
        </div>  
    </fieldset>

以及显示简单警报消息的以下Java脚本： -

<script type="text/javascript">
    function removePartial2() {z
        alert('Deletion was successful'); 
        $(this).remove();
}
</script>

我从bootstrap网站下载了相关的脚本文件（bootstrap-dropdown.js＆amp; bootstrap-alert.js）但我不知道如何修改上面的代码才能同时使用我的asp.net MVC中的bootstrap下拉和bootstrap警报消息。 BR

Answer 1

正如您在http://twitter.github.com/bootstrap/components.html#buttonDropdowns中看到的那样，它们并不像.net下拉列表那样工作，因为它不保留所选值，但您可以在javascript中执行一些变通办法。我不推荐它......

Answer 2

你也必须引用bootstrap CSS文件，并且你将无法使用Html.DropDownList，你必须根据bootstrap的例子来格式化html，其中包含以下内容：

<ul class="nav pills">
     <li class="dropdown" id="menu1">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
          Dropdown
          <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
    </li>
</ul>

与警报类似：

<div class="alert">
  <a class="close" data-dismiss="alert">×</a>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

Answer 3

开箱即用的实现不适用于boostrap。但是，您可以使用剃刀中的“助手”以您喜欢的方式构建dd。来自scottgu的这篇文章可以帮助你：

ASP.NET MVC 3 and the @helper syntax within Razor

我如何使用引导下拉列表和警报而不是@ Html.DropDownList＆amp;警告我的asp.net MVC

3 个答案: