2009-01-16 74 views
2

我想在我的html.dropdownlist上使用常规html选择列表css应用css。谁能告诉我怎么去这样做&我在哪里这个ASP.NET MVC控件和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/

回答

2

你的代码,你用一个匿名对象设置HTML属性,将其更改为这样的部分:

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

@符号允许您使用属性名称作为保留字。你也可以添加style =“”如果你想内联样式(但你可能不)。另外,您不需要新建SelectList,Html.DropDownList()上有一个重载,它允许您传递相同的值。

+0

感谢名单奏效PE rfectly .. – devforall 2009-01-16 21:51:44

1

对我来说,所有你需要的东西都包含在你的网站主人的头上。这两个条目: -

<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"

当然,这里假设您对JS文件使用标准内容文件夹作为css和Scripts文件夹。

我不能真正看到一个特定的MVC问题,除非你使用的是Html.BeginForm。
在这种情况下,你需要: -

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

哎,如果有人需要知道将来参考..这是我做到了..

%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> 
0
@Html.DropDownList("ddl-id", Model.SomeListForDDl, new {@class="className"})