ASP.NET MVC элементы управления и CSS

Question

Я пытаюсь применить css к моему html.dropdownlist с помощью обычного html списка выбора css. Может кто-нибудь показать мне, как это сделать, и где я ошибаюсь с этим

это то, что у меня есть сейчас ..

<div id="container">
   Months &nbsp; <%=Html.DropDownList("dllMonths", new SelectList(new List<string>() { "January", 
    "Feburary", "March", "April", "June", "July", "August", "September", "October", "November", "December"}, ViewData["Month"]), new { onchange = "this.form.submit();" })%>

    Events &nbsp;<%=Html.DropDownList("dllEvents", new SelectList(new List<string>() { "Camp Events", 
    "Weekly Events", "All Events"}, ViewData["Event"]), new { onchange = "this.form.submit();" })%>

</div>

и это CSS, который я пытаюсь применить http://www.emblematiq.com/projects/niceforms/demo/

Answer 1

Часть вашего кода, в которой вы используете анонимный объект для установки свойств html, измените его на:

new { onchange = "this.form.submit();", @class="selectlist" }

Символ @ позволяет использовать имя свойства, которое является зарезервированным словом. Вы также можете добавить style = "", если хотите встроенный стиль (но, вероятно, нет).

Кроме того, вам не нужно обновлять SelectList, есть перегруженная функция Html.DropDownList (), которая позволяет передавать те же значения.

Answer 2

Пожалуйста, обратитесь к этой статье, как применить класс CSS к выпадающему списку MVC:

http://www.altafkhatri.com/Technical/Assign_css_class_to_MVC_dropdownlist

Answer 3

эй, если кому-то нужно знать для дальнейшего использования .. вот как я это сделал

%using (Html.BeginForm("Calendar", "Calendar", FormMethod.Post, new { @class = "niceform" }))
  { %>
<div id="container">
   Months &nbsp; <%=Html.DropDownList("dllMonths", new SelectList(new List<string>() { "January", 
    "Feburary", "March", "April", "June", "July", "August", "September", "October", "November", "December"}, ViewData["Month"]), new { onchange = "this.form.submit();", @class = "width_320" })%>

    Events &nbsp;<%=Html.DropDownList("dllEvents", new SelectList(new List<string>() { "Camp Events", 
    "Weekly Events", "All Events"}, ViewData["Event"]), new { onchange = "this.form.submit();", @class = "width_320" })%>
    &nbsp;<%=Html.SubmitImage("SearchAll", "~/imagens/imgsearch.jpg")%>
</div>

Answer 4

Мне кажется, все, что вам нужно, это включить в главу вашего сайта мастера. Эти две записи: -

<script language="javascript" type="text/javascript" src="../../Scripts/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../../Content/niceforms-default.css" />

Затем в элементе формы, в котором находится ваш код, поместите атрибут class="niceform".

Конечно, предполагается, что вы используете стандартную папку содержимого для css и папку Scripts для файлов JS.

Я не вижу здесь конкретной проблемы MVC, кроме случаев, когда вы используете Html.BeginForm.
В каком случае вам нужно: -

Html.BeginForm("action", "controller", FormMethod.Post, new {@class="niceform"})

Answer 5

 @Html.DropDownList("ddl-id", Model.SomeListForDDl, new {@class="className"})