Как я могу использовать выпадающие списки и предупреждения начальной загрузки вместо @ Html.DropDownList & alert для моего asp.net MVC

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-dropdown.js & bootstrap-alert.js) с сайта начальной загрузки, , но я не знаю, как я могу изменить приведенный выше кодбыть в состоянии использовать как выпадающий, так и загрузочный оповещения в моем asp.net MVC .? BR

Answer 1

Как вы можете видеть в http://twitter.github.com/bootstrap/components.html#buttonDropdowns, они не предназначены для работы подобно выпадающему списку .net, так как не сохраняют выбранное значение, но вы можете сделать некоторые обходные пути в javascript.Я бы не рекомендовал это ...

Answer 2

Готовая реализация не будет работать с boostrap. Тем не менее, вы можете использовать «помощников» в бритве, чтобы построить дд, как вам нравится. Этот пост от scottgu должен помочь вам:

• ASP.NET MVC 3 и синтаксис @helper в Razor

Answer 3

Вам также нужно будет сослаться на файл начальной загрузки CSS, и вы не сможете использовать Html.DropDownList, вам нужно будет отформатировать 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>