[MVC HtmlHelper简单了解]

HtmlHelper用来在视图中显示Html控件,简化代码,使用方便!,降低了View视图中的代码复杂度!可以更快速的完成工作!

以下是一些常用的html标签辅助方法

使用HTML辅助方法输出 kBeginForm　　

//视图代码

@using (Html.BeginForm("search", "home", FormMethod.Get),new { target="_black",@class="form1" })

{

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

}

//生成的HTML代码

<form action="/home/search" class="form1" method="get" target="_black">

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

</form>

使用HTML辅助方法输出超链接 ActionLink RouteLink

1.@Html.ActionLink("链接文字")

<a href="/">这是一个连接</a>

2.@Html.ActionLink("链接文字","ActionName")

<a href="ControllerName/ActionName">这是一个连接</a> //当前页的控制器所在页

3. @Html.ActionLink("链接文字","ActionName","ControllerName")

4. @Html.ActionLink("链接文字", "ActionName","ControllerName" new { page=1 })

5.@Html.ActionLink("连接文字", "ActionName", "ControllerName", new { page = 1 }, new { id = "linkID" })

提示: RouteLink 跟 ActionLink 在功能上一样。所以不一一概况

　　使用HTML辅助方法输出文本框 TextBox

1.@Html.TextBox("文本名称")

<input id="文本名称" name="文本名称" type="text" value="" />

2.@Html.TextBox("input2",Model.CategoryName,new{ @style = "width:300px;" })

<input id="文本名称" name="文本名称" style="width:300px;"  type="text" value="@Model.CategoryName" />

3.@Html.TextBox("文本名称", ViewData["Name"],new{ @style = "width:300px;" })

<input id="input3" name="input3" style="width:300px;" type="text" value="@ViewData["Name"]" />

　　使用HTML辅助方法输出文本域 TextArea

@Html.TextArea("文本名称", Model.CategoryName, , ,null)

<textarea  id="文本名称" name="文本名称" rows="" cols="" >@Model.CategoryName</textarea>

　　使用HTML辅助方法输出多选按钮 Checkbox

1.@Html.CheckBox("名称",true)

 <input checked="checked" id="名称" name="名称" type="checkbox" value="true" /><input name="名称" type="hidden" value="false" />

2.@Html.CheckBox("名称", new { @class="checkBox"})

<input class="checkBox" id="名称" name="名称" type="checkbox" value="true" /><input name="名称" type="hidden" value="false" />

使用HTML辅助方法输出单选按钮 RadioButton

1. @Html.RadioButton("名称", "男",false )

 <input id="名称" name="名称" type="radio" value="男"/>

2.@Html.RadioButton("名称", "男",true)

<input id="名称" name="名称" type="radio" value="男"checked="checked" />

使用HTML辅助方法输出隐藏按钮 Hidden

@Html.Hidden("名称","文本",new{}); 

<input id="名称" name="名称" type="hidden" value="文本" />;

　使用HTML辅助方法输出多选按钮 Password　　

@Html.Password("名称", 文本, new { @class="class1" })

<input class="class1" id="名称" name="名称" type="password" value="文本" /

　使用HTML辅助方法输出　label

@Html.Label("label1","你好")

<label for="label1">你好</label>

　使用HTML辅助方法输出　DropDownList　　

//视图代码

  @{

        List<SelectListItem> list = new List<SelectListItem> {

            new SelectListItem { Text = "启用", Value = "",Selected = true},

            new SelectListItem { Text = "禁用", Value = "" }

        };

 }

 @Html.DropDownList("state",list,null,new{})

　　//生成的Html代码

　　<select id="state" name="state">

　　　　<option selected="selected" value="">启用</option>

　　　　<option value="">禁用</option>

　　</select>

巴特西

[MVC HtmlHelper简单了解]

最新文章

热门文章