Додавання css-класу для вибору за допомогою @ Html.DropDownList ()

Я будую свою першу програму MVC після багатьох років створення веб-форм, і з якихось причин я не можу зробити цю роботу:

@Html.DropDownList("PriorityID", String.Empty, new {@class="textbox"} )

Повідомлення про помилку:

System.Web.Mvc.HtmlHelper<SPDR.Models.Bug>'не містить визначення, DropDownListа найкраще перевантаження методу розширення System.Web.Mvc.Html.SelectExtensions.DropDownList(System.Web.Mvc.HtmlHelper, string, System.Collections.Generic.IEnumerable<System.Web.Mvc.SelectListItem>, object)містить деякі недійсні аргументи

Будь-яка допомога дуже вдячна!

Подивившись на контролер і дізнавшись трохи більше про те, як насправді працює MVC, я зміг зрозуміти це.

Мій погляд був одним із автоматично згенерованих і містив такий рядок коду:

@Html.DropDownList("PriorityID", string.Empty)

Щоб додати атрибути html, мені потрібно було зробити щось подібне:

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID, new { @class="dropdown" })

Ще раз дякую @Laurent за вашу допомогу, я розумію, що питання було не таким зрозумілим, як могло бути ...

ОНОВЛЕННЯ:

Кращим способом зробити це буде використання DropDownList, де, де це можливо, таким чином ви не покладаєтеся на магічний рядок для атрибута name

@Html.DropDownListFor(x => x.PriorityID, (IEnumerable<SelectListItem>)ViewBag.PriorityID, new { @class = "dropdown" })

Як випливає з підпису повідомлення про помилку, другий аргумент повинен бути IEnumerable, точніше, IEnumerable SelectListItem. Це перелік варіантів вибору. Ви можете використовувати тип SelectList, який є IEnumerable з SelectListItem. Для списку без вибору:

@Html.DropDownList("PriorityID", new List<SelectListItem>(), new {@class="textbox"} )

Для списку з декількома варіантами:

@Html.DropDownList(
    "PriorityID", 
    new List<SelectListItem> 
    { 
        new SelectListItem { Text = "High", Value = 1 }, 
        new SelectListItem { Text = "Low",  Value = 0 },
    }, 
    new {@class="textbox"})

Можливо, цей підручник може допомогти: Як створити DropDownList за допомогою ASP.NET MVC

Якщо ви додаєте більше, ніж аргумент, випадаючий список у Asp.Net MVC. Коли ви редагуєте запис або передаєте значення у зоні перегляду.

Використовуйте це, це буде працювати: -

@Html.DropDownList("CurrencyID",null,String.Empty, new { @class = "form-control-mandatory" })

Є кілька варіантів у конструкторах, якщо у вас немає dropdownList, і ви хочете вставити клас CSS, ви можете використовувати як

@Html.DropDownList("Country", null, "Choose-Category", new {@class="form-control"})

у цьому випадку Country - це назва вашого випадаючого списку, значення null означає, що ви не передаєте жодного загального списку з вашого контролера "Виберіть категорію", вибраний елемент і останній у класі CSS, якщо ви не хочете вибрати будь-який параметр за замовчуванням, тому просто замінити "Вибрати категорію" на ""

Ви можете зробити це за допомогою jQuery

  $("select").addClass("form-control")

тут, виберіть тег is- html, контроль форми - назва класу

 @Html.DropDownList("SupplierId", "Select Supplier")

і тут постачальник - це ViewBagList, вибір постачальника - відображуване ім’я

Просто спробуйте це

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID,  new { @class="dropdown" })

Але якщо ви хочете значення за замовчуванням або відсутнє значення опції, вам доведеться спробувати це, оскільки String.Emptyбуде обрано те значення, яке не буде для вас, яке буде працювати як -select-параметр за замовчуванням

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID, String.Empty, new { @class="dropdown" })

Спробуйте нижче код:

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

Спробуйте це:

@Html.DropDownList(
    "country", 
    new[] {
        new SelectListItem() { Value = "IN", Text = "India" },
        new SelectListItem() { Value = "US", Text = "United States" }
    }, 
    "Country",
    new { @class = "form-control",@selected = Model.Country}
)

Ви можете просто зробити це:

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

Спробуйте це

 @Html.DropDownList("Id", null, new { @class = "ct-js-select ct-select-lg" })