`
baobeituping
  • 浏览: 1064776 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

C# ASP.NET MVC HtmlHelper用法大全

    博客分类:
  • .NET
阅读更多

C# ASP.NET MVC HtmlHelper用法大全

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("
分享到:
评论

相关推荐

    ASP.NET MVC 项目集合.zip

    在ASP.NET MVC中,模型通常由C#类组成,这些类可以映射到数据库表,也可以包含验证规则。 2. **视图(View)**: 视图是用户界面,负责呈现数据。它通常由Razor视图引擎生成的HTML代码组成。开发者可以通过`@model`...

    ASP.NET MVC4 教程(完整版)

    ASP.NET MVC4使用路由系统来解析URL,并将其映射到相应的控制器和动作。开发者可以自定义路由规则,以实现灵活的URL配置。 4. **控制器(Controllers)** 控制器是MVC架构的核心组件,负责处理HTTP请求,调用模型...

    Pro ASP.NET MVC 5 epub

    ASP.NET MVC 5 contains a number of advances over previous versions, including the ability to define routes using C# attributes and the ability to override filters. The user experience of building MVC ...

    Asp.net MVC示例源码

    MVC框架提供了丰富的辅助方法,如`HtmlHelper`,帮助开发者在视图中生成HTML元素,如表单、链接等。此外,`UrlHelper`用于生成URL,`DisplayFor`和`EditorFor`用于显示和编辑模型属性。 7. **过滤器(Filters)**: ...

    asp.net mvc4源码

    ASP.NET MVC4是一种基于模型-...通过研究这个酒吧管理系统的ASP.NET MVC4源码,开发者不仅可以深入理解MVC模式,还能学习到如何使用ASP.NET MVC4框架进行实际项目的开发,包括数据访问、用户认证、错误处理等多个方面。

    Asp.net Mvc Framework 系列 (PDF下载)

    3. **创建项目**:打开Visual Studio 2008,选择“文件 &gt; 新建 &gt; 项目”,在“项目类型”中选择“C# &gt; Web”,在“框架”选项中选择“.NET Framework 3.5”,然后在右侧找到“ASP.NET MVC Web Application”选项并...

    asp.net mvc2

    在ASP.NET MVC2中,视图使用Razor语法,这是一种轻量级的模板引擎,使得在C#代码中嵌入HTML变得简洁易读。视图通过视图数据或视图模型从控制器接收数据,并渲染出用户界面。 **控制器(Controller)** 控制器处理...

    ASP.NET MVC4 Web 编程 源代码

    在"CodeExamples-master"这个压缩包中,我们可以期待找到一系列按照章节或主题组织的代码示例,这些示例会涵盖ASP.NET MVC4的各种特性和用法,包括控制器的创建、视图的渲染、模型的定义、路由的配置、验证的实现、...

    asp.net mvc 1.0 安装包

    ASP.NET MVC中的视图使用Razor语法,允许开发者用C#代码嵌入HTML中,简化视图的创建和数据绑定。 3. **控制器(Controller)**:控制器是模型和视图之间的桥梁,处理用户请求,调用模型进行业务处理,并决定返回哪个...

    asp.net mvc 4.0 框架揭秘书和源码

    ASP.NET MVC使用Razor视图引擎,允许开发者用C#语法嵌入HTML代码,以创建动态页面。 3. **控制器(Controller)**:控制器处理用户的请求,调用模型进行业务处理,并决定返回哪个视图。控制器是连接模型和视图的...

    ASP.NET MVC @Helper帮助方法和@functons自定义函数的用法方法_.docx

    ### ASP.NET MVC中@Helper帮助方法与@functions自定义函数详解 #### 一、引言 在ASP.NET MVC框架中,视图层的编写是非常重要的一环。为了提高开发效率和代码可维护性,框架提供了多种工具和技术。其中,`@Helper` ...

    《Asp.net MVC2 开发实战》图书全套源码

    8. **辅助方法(Helper Methods)**:MVC2提供了一系列辅助方法,如HtmlHelper,帮助开发者在视图中轻松地生成HTML元素,提高代码的可读性和可维护性。 9. **过滤器(Filters)**:过滤器是一种全局或控制器级别的...

    MVC.rar_ASP.NET MVC_asp.net C#_mvc_项目MVc

    ASP.NET MVC是一个基于模型-视图-控制器(MVC)设计模式的开源Web应用程序框架,由微软开发。这个框架提供了一种分离关注点的方式,使开发者可以更清晰地组织代码,提高可测试性和可维护性。在“MVC.rar”这个压缩包...

    asp.net mvc3 第一个demo

    **辅助方法(Helper Methods)**:ASP.NET MVC3提供了一些内置的HTML辅助方法,如`Html.ActionLink()`,用于生成链接;`Html.DropDownList()`,用于创建下拉列表等,它们使得生成HTML更加简洁安全。 **验证...

    asp.net MVC基础教学

    ASP.NET MVC提供了一系列内置的帮助器,如HtmlHelper和UrlHelper,它们可以帮助生成HTML元素和URL,使视图更简洁。 **10. 数据绑定和模型状态(Model Binding and Model State)** 数据绑定允许自动将HTTP请求参数...

    ASP.NET MVC框架学习

    12. **Razor视图引擎**:Razor视图引擎是ASP.NET MVC用于创建视图的默认工具,它使用一种简洁的语法,将C#代码嵌入到HTML中,提高了开发效率。 通过以上对ASP.NET MVC框架基础概念的了解,开发者可以开始构建高效、...

    ASP.NET MVC3学习案例

    7. **辅助方法(Assistants)**:ASP.NET MVC3提供了一系列辅助方法,如HtmlHelper、UrlHelper等,帮助开发者更方便地生成HTML元素和URL。 8. **jQuery和AJAX**:为了增强用户体验,ASP.NET MVC3案例中往往结合jQuery...

    Pro ASP.NET MVC 5.mobi

    ASP.NET MVC 5 contains a number of advances over previous versions, including the ability to define routes using C# attributes and the ability to override filters. The user experience of building MVC ...

    Asp.net mvc blog 小程序源码

    Asp.NET MVC是一种基于Microsoft .NET Framework的开源应用程序框架,用于构建动态、数据驱动的Web应用程序。这个"MvcBlog"小程序源码展示了如何利用Asp.NET MVC架构来创建一个简单的博客平台。在这个项目中,我们...

Global site tag (gtag.js) - Google Analytics