C# ASP.NET MVC HtmlHelper用法大全 (转)

简介: HTML扩展类的所有方法都有2个参数: 以textbox为例子 public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary htmlAttributes )public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object htmlAttributes ) 这2个参数代表这个html标签的属性集合。
HTML扩展类的所有方法都有2个参数:
以textbox为例子
 
  
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary < string , Object > htmlAttributes )
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object htmlAttributes )
这2个参数代表这个html标签的属性集合。使用方法如下。
ActionLink
 
  
<% = Html.ActionLink( " 这是一个连接 " , " Index " , " Home " ) %>
带有QueryString的写法
<% = Html.ActionLink( " 这是一个连接 " , " Index " , " Home " , new { page = 1 }, null ) %>
<% = Html.ActionLink( " 这是一个连接 " , " Index " , new { page = 1 }) %>
有其它Html属性的写法
<% = Html.ActionLink( " 这是一个连接 " , " Index " , " Home " , new { id = " link1 " }) %>
<% = Html.ActionLink( " 这是一个连接 " , " Index " , null , new { id = " link1 " }) %>
QueryString与Html属性同时存在
<% = Html.ActionLink( " 这是一个连接 " , " Index " , " Home " , new { page = 1 }, new { id = " link1 " }) %>
<% = Html.ActionLink( " 这是一个连接 " , " Index " , new { page = 1 }, new { id = " link1 " }) %>
生成结果为:
< a href ="/" > 这是一个连接 </ a >
带有QueryString的写法
< a href ="/?page=1" > 这是一个连接 </ a >
< a href ="/?page=1" > 这是一个连接 </ a >
有其它Html属性的写法
< a href ="/?Length=4" id ="link1" > 这是一个连接 </ a >
< a href ="/" id ="link1" > 这是一个连接 </ a >
QueryString与Html属性同时存在
< a href ="/?page=1" id ="link1" > 这是一个连接 </ a >
< a href ="/?page=1" id ="link1" > 这是一个连接 </ a >
RouteLink
 
  
跟ActionLink在功能上一样。
<% = Html.RouteLink( " 关于 " , " about " , new { }) %>
带QueryString
<% = Html.RouteLink( " 关于 " , " about " , new { page = 1 }) %>
<% = Html.RouteLink( " 关于 " , " about " , new { page = 1 }, new { id = " link1 " }) %>
生成结果:
< a href ="/about" > 关于 </ a >
< a href ="/about?page=1" > 关于 </ a >
< a href ="/about?page=1" id ="link1" > 关于 </ a >
Form 2种方法
 
  
<% using(Html.BeginForm( " index " , " home " ,FormMethod.Post)){ %>
<% } %>
<% Html.BeginForm( " index " , " home " , FormMethod.Post); // 注意这里没有 = 输出 %>
<% Html.EndForm(); %>
生成结果:
< form action ="/home/index" method ="post" ></ form >
TextBox , Hidden
 
  
<% = 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 id ="input1" name ="input1" type ="text" value ="" />
< input id ="input2" name ="input2" style ="width:300px;" type ="text" value ="Beverages" />
< input id ="input3" name ="input3" style ="width:300px;" type ="text" value ="" />
< input id ="CategoryName" name ="CategoryName" style ="width:300px;" type ="text" value ="Beverages" />
TextArea
 
  
<% = Html.TextArea( " input5 " , Model.CategoryName, 3 , 9 , null ) %>
<% = Html.TextAreaFor(a => a.CategoryName, 3 , 3 , null ) %>
生成结果:
< textarea cols ="9" id ="input5" name ="input5" rows ="3" > Beverages </ textarea >
< textarea cols ="3" id ="CategoryName" name ="CategoryName" rows ="3" > Beverages </ textarea >
CheckBox
 
  
<% = Html.CheckBox( " chk1 " , true ) %>
<% = Html.CheckBox( " chk1 " , new { @class = " checkBox " }) %>
<% = Html.CheckBoxFor(a => a.IsVaild, new { @class = " checkBox " }) %>
生成结果:
< input checked ="checked" id ="chk1" name ="chk1" type ="checkbox" value ="true" />
< input name ="chk1" type ="hidden" value ="false" />
< input class ="checkBox" id ="chk1" name ="chk1" type ="checkbox" value ="true" />
< input name ="chk1" type ="hidden" value ="false" />
< input checked ="checked" class ="checkBox" id ="IsVaild" name ="IsVaild" type ="checkbox" value ="true" />
< input name ="IsVaild" type ="hidden" value ="false" />
ListBox
 
  
<% = Html.ListBox( " lstBox1 " ,(SelectList)ViewData[ " Categories " ]) %>
<% = Html.ListBoxFor(a => a.CategoryName, (SelectList)ViewData[ " Categories " ]) %>
生成结果:
< select id ="lstBox1" multiple ="multiple" name ="lstBox1" >
< 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 id ="CategoryName" multiple ="multiple" name ="CategoryName" >
< option value ="1" > Beverages </ option >
< option value ="2" > Condiments </ option >
< option value ="3" > Confections </ option >
< option value ="4" > Dairy Products </ option >
DropDownList
 
  
<% = Html.DropDownList( " ddl1 " , (SelectList)ViewData[ " Categories " ], " --Select One-- " ) %>
<% = Html.DropDownListFor(a => a.CategoryName, (SelectList)ViewData[ " Categories " ], " --Select One-- " , new { @class = " dropdownlist " }) %>
生成结果:
< select id ="ddl1" name ="ddl1" >
< 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 class ="dropdownlist" id ="CategoryName" name ="CategoryName" >
< 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 >
Partial 视图模板
 
  
webform里叫自定义控件。功能都是为了复用。但使用上自定义控件真的很难用好。
<% Html.RenderPartial( " DinnerForm " ); %>
目录
相关文章
C# Hashtable的用法
哈希表(HashTable)是一种通过键值对直接访问的数据结构。Add 方法用于添加成员,先检查成员是否已存在,若不存在则计算其 ASCII 码值作为散列值并添加到表中。Remove 方法用于移除成员,Size 方法返回集合成员数量。代码实现了这些功能,确保集合操作的高效性。
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
1126 5
|
数据采集 JSON API
.NET 3.5 中 HttpWebRequest 的核心用法及应用
【9月更文挑战第7天】在.NET 3.5环境下,HttpWebRequest 类是处理HTTP请求的一个核心组件,它封装了HTTP协议的细节,使得开发者可以方便地发送HTTP请求并接收响应。本文将详细介绍HttpWebRequest的核心用法及其实战应用。
874 6
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
441 7
|
C#
c#中switch case语句的用法
C#中的 `switch case`语句提供了一种简洁而高效的方式来处理多个条件分支。通过了解其基本语法、注意事项和高级用法,可以在实际开发中灵活运用 `switch case`,提高代码的可读性和维护性。希望本文能帮助你更好地理解和使用C#中的 `switch case`语句。
1486 0
|
开发框架 前端开发 .NET
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019,EXT.NET前端和ASP.NET后端,搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛,包括生产质检(如石化、制药)、环保监测、试验研究等领域。随着技术发展,现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能,以满足复杂多样的实验室管理需求。
367 3
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
|
开发框架 前端开发 .NET
闲话 ASP.NET Core 数据校验(二):FluentValidation 基本用法
闲话 ASP.NET Core 数据校验(二):FluentValidation 基本用法
381 1
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
371 0
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
369 0