asp.net MVC Как добавить заполнитель для html.dropdownlist

Question

Я использую ASP.NET MVC 3.

У меня есть этот DropDownList стран, и я хочу, чтобы добавить заполнитель для него. Вот мой код:

@Html.DropDownList("country", 
    new SelectList(ViewBag.countries as System.Collections.IEnumerable, 
    "name", "name"), new { @class="chzn-select", @placeholder="-select-", 
    @style="width:160px;" }) 

Но заполнитель не работает, в то время как стиль работает.

Как установить заполнитель для этого?

PS. Я просто хочу использовать @Html.DropDownList, а не @Html.DropDownListFor

Answer 1

В вашей коллекции ViewBag.Countries просто вставьте фиктивную запись из коллекции из коллекции «-выбрать-». Вы должны быть в состоянии заставить выбранный элемент с альтернативным конструктором, как это:

@Html.DropDownList("country", 
    new SelectList(ViewBag.countries as System.Collections.IEnumerable, 
    "name", "name", "-select-"), new { @class="chzn-select", @style="width:160px;" }) 

Answer 2

Попробуйте

@Html.DropDownListFor(m => m.SelectedProductIDs, Model.AvaliableProducts.ToSelectList("ID","Name"), new { @class = "chzn-select", data-placeholder="Please select a product" }) 

Или

@Html.DropDownListFor(model => model.SelectedItemID, new SelectList(Model.employeeList, "Value", "Text"), new Dictionary<string, object> { { "data-placeholder", "Choose a sandbox..." }, { "class", "chzn-select" }, { "style", "width:200px;" } }) 

Answer 3

@Html.DropDownListFor(m => m.SelectedProductIDs, 
Model.AvaliableProducts.ToSelectList("ID","Name"), 
         new { @class = "chzn-select", 
          data_placeholder="Please select a product" })... 

Пожалуйста, смотрите более подробно: http://code.stylenet.ca/mvc3-data-placeholder-html5-attribute/

Answer 4

Я вижу, что нет простого ответа. Я разработал простое решение, но это дает некоторую работу. Это будет работать для DropDownList и DropDownListFor

Первых создать расширение класс, где когда-либо вы хотите. (Должен быть Статическая со статическими методами) А затем добавьте следующий метод расширения

public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper,string name, IEnumerable<SelectListItem> selectList, string optionLabel, bool disableLabel) 
{ 
    MvcHtmlString mvc = htmlHelper.DropDownList(name, selectList, optionLabel); 
    if (disableLabel) 
    { 
     string disabledOption = mvc.ToHtmlString(); 
     int index = disabledOption.IndexOf(optionLabel); 
     disabledOption = disabledOption.Insert(index - 1, " disabled"); 

     return new MvcHtmlString(disabledOption); 
    } 
    else 
    { 
     return mvc; 
    } 
} 

Теперь обратите внимание на это расширение только добавить новый атрибут, то disableLabel Это будет проверять, если вы хотите отключить или нет метка.

Теперь вы давайте идти в сторону view's первый заявить, что вы хотите использовать класс расширения вы создали Ex: @using WF.Infrastructure.Extension;

Теперь вы используете, как это: @Html.DropDownList("Unidade", lstUnidade, "Text of Option Disabled",true)

Примечание: Если вы хотите, чтобы он работал с DropDownListFor, просто добавьте еще один метод расширения для вашего класса расширения с этой подписью:

public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, string optionLabel,bool disableLabel)

PS: Если вы объявляете свои методы расширения в отдельном проекте, как я, вам нужно будет добавить сборки (System.Web.Mvc, система.Web) и в своем классе Extension вам нужно будет объявить:

using System.Web.Mvc; 
using System.Web.Mvc.Html; 

Answer 5

Вы можете попробовать это:

@Html.DropDownList("country", new SelectList(ViewBag.countries), "-select- ", new { @class="chzn-select", @style="width:160px;" }) 

Answer 6

Лучший способ

@Html.DropDownListFor(m => m.SelectedProductIDs, 
         Model.AvaliableProducts.ToSelectList("ID","Name"), 
         "Please select a product", 
         new { @class = "chzn-select"})