ASP.NET MVC中HtmlHelper控件7个大类中各个控件使用详(3)


<a href="https://www.jb51.net/about">关于</a>
<a href="/about?page=1">关于</a>
<a href="/about?page=1">关于</a>


3.Form 2种方法

复制代码 代码如下:


<%using(Html.BeginForm("index","home",FormMethod.Post)){%>
<%} %>

复制代码 代码如下:


<%Html.BeginForm("index", "home", FormMethod.Post);//注意这里没有=输出%>
<%Html.EndForm(); %>

生成结果:

复制代码 代码如下:


<form action="/home/index" method="post"></form>


4.TextBox

复制代码 代码如下:


<%=Html.TextBox("input1") %>
<%=Html.TextBox("input2",Model.CategoryName,new{ @style = "width:300px;" }) %>
<%=Html.TextBox("input3", ViewData["Name"],new{ @style = "width:300px;" }) %>
<%=Html.TextBoxFor(a => a.CategoryName, new { @style = "width:300px;" })%>

生成结果:

复制代码 代码如下:


<input type="text" value="" />
<input type="text" value="Beverages" />
<input type="text" value="" />
<input type="text" value="Beverages" />

5.TextArea

复制代码 代码如下:


<%=Html.TextArea("input5", Model.CategoryName, 3, 9,null)%>
<%=Html.TextAreaFor(a => a.CategoryName, 3, 3, null)%>

生成结果:

复制代码 代码如下:


<textarea cols="9" rows="3">Beverages</textarea>
<textarea cols="3" rows="3">Beverages</textarea>

6.CheckBox

复制代码 代码如下:


<%=Html.CheckBox("chk1",true) %>
<%=Html.CheckBox("chk1", new { @class="checkBox"}) %>
<%=Html.CheckBoxFor(a =>a.IsVaild, new { @class = "checkBox" })%>

生成结果:

复制代码 代码如下:


<input checked="checked" type="checkbox" value="true" /><input type="hidden" value="false" />
<input type="checkbox" value="true" /><input type="hidden" value="false" />
<input checked="checked" type="checkbox" value="true" /><input type="hidden" value="false" />

7.ListBox

复制代码 代码如下:


<%=Html.ListBox("lstBox1",(SelectList)ViewData["Categories"])%>
<%=Html.ListBoxFor(a => a.CategoryName, (SelectList)ViewData["Categories"])%>

生成结果:

复制代码 代码如下:


<select multiple="multiple">
<option value="1">Beverages</option>
<option value="2">Condiments</option>
<option selected="selected" value="3">Confections</option>
<option value="4">Dairy Products</option>
<option value="5">Grains/Cereals</option>
<option value="6">Meat/Poultry</option>
<option value="7">Produce</option>
<option value="8">Seafood</option>
</select>
<select multiple="multiple">
<option value="1">Beverages</option>
<option value="2">Condiments</option>
<option value="3">Confections</option>
<option value="4">Dairy Products</option>
<option value="5">Grains/Cereals</option>
<option value="6">Meat/Poultry</option>
<option value="7">Produce</option>
<option value="8">Seafood</option>
</select>

8.DropDownList

复制代码 代码如下:


<%= Html.DropDownList("ddl1", (SelectList)ViewData["Categories"], "--Select One--")%>
<%=Html.DropDownListFor(a => a.CategoryName, (SelectList)ViewData["Categories"], "--Select One--", new { @class = "dropdownlist" })%>

生成结果:

复制代码 代码如下:


<select>
<option value="">--Select One--</option>
<option value="1">Beverages</option>
<option value="2">Condiments</option>
<option selected="selected" value="3">Confections</option>
<option value="4">Dairy Products</option>
<option value="5">Grains/Cereals</option>
<option value="6">Meat/Poultry</option>
<option value="7">Produce</option>
<option value="8">Seafood</option>
</select>
<select>
<option value="">--Select One--</option>
<option value="1">Beverages</option>
<option value="2">Condiments</option>
<option value="3">Confections</option>
<option value="4">Dairy Products</option>
<option value="5">Grains/Cereals</option>
<option value="6">Meat/Poultry</option>
<option value="7">Produce</option>
<option value="8">Seafood</option>
</select>


9.Partial 视图模板

webform里叫自定义控件。功能都是为了复用。但使用上自定义控件真的很难用好。

复制代码 代码如下:


<% Html.RenderPartial("DinnerForm"); %>

看清楚了没有等号的。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjwdwj.html