MVC中的HtmlHelper

authour: chenboyi
updatetime: 2015-04-27 21:57:17
friendly link:  


目录:

1,思维导图

2,CodeSimple



1.思维导图:

2,CodeSimple:

//HtmlHelperController.cs 1 using MVC知识点.Models;
 2 using System;
 3 using System.Collections.Generic;
 4 using System.Linq;
 5 using System.Web;
 6 using System.Web.Mvc;
 7
 8 namespace MVC知识点.Controllers
 9 {
10     /// <summary>
11     /// 负责演示@Html 中的扩展方法,具体请看 Index.cshtml视图
12     /// </summary>
13     public class C03HtmlHelperController : Controller
14     {
15         //
16         // GET: /C03HtmlHelper/
17         public ActionResult Edit()
18         {
19             Dog dog = new Dog()
20             {
21                 Name = "小黄"
22                 ,
23                 Age = 2,
24                 Gender = false, TypeID=2
25             };
26
27             List<Types> tlist = new List<Types>() {
28             new  Types(){ TName="类型1", Tid=1},
29             new  Types(){ TName="类型2", Tid=2}
30             };
31             /*
32              * SelectList:作用配合@Html.DropDownlist() @Html.DropDownlistFor()  两个使用的
33              * 第1个参数:List集合
34              * 第2个参数:生成到option中的value中的属性名称
35              * 第3个参数:生成到option中的text中的属性名称
36              * 第4个参数:指定要从绑定后的所有option中选择的对象项,和option中的value值进行比对
37              */
38             //SelectList list = new SelectList(tlist, "Tid", "TName", 2); 配合@Html.DropDownlist()  方法的默认选择值
39             SelectList list = new SelectList(tlist, "Tid", "TName");
40
41             //将list传入视图edit.cshtml
42             ViewBag.tlist = list;
43
44             return View(dog);
45         }
46     }
47
48     public class Types
49     {
50         public int Tid { get; set; }
51         public string TName { get; set; }
52     }
53
54 }
<!--  edit.cshtml  --> 1 @{
 2     Layout = null;
 3 }
 4 @model MVC知识点.Models.Dog
 5
 6 <!DOCTYPE html>
 7
 8 <html>
 9 <head>
10     <meta name="viewport" content="width=device-width" />
11     <title>Edit</title>
12 </head>
13 <body>
14     <div>
15         //1.0 输出form表单的方式1 (html中的弱类型方法)
16         @*   <form action="" method="">*@
17         @{Html.BeginForm("Edit", "C03HtmlHelper", FormMethod.Post);}
18
19         @Html.TextBox("Name", Model.Name) @* <input type="text" name="Name" id="Name" value="小黄" />*@
20         @Html.Password("Name1", Model.Name)<br />
21         @Html.CheckBox("Gender", Model.Gender)<br />
22         @Html.RadioButton("Gender", true, Model.Gender)
23         @Html.RadioButton("Gender", false, !Model.Gender)<br />
24         @Html.DropDownList("Type", ViewBag.tlist as SelectList)<br />
25         @Html.ActionLink("跳转", "Index", "C03HtmlHelper")   负责生成a标签
26
27         @{Html.EndForm();}
28
29         <br />
30         //2.0 输出form表单的方式2 (强类型方法的演示,后面的编辑和新增都使用强类型方法来进行操作)
31         @using (Html.BeginForm("Edit", "C03HtmlHelper", FormMethod.Post))
32         {
33             @Html.TextBoxFor(c => c.Name, new { style="color:yellow", @class="co" }) <br />
34             @Html.PasswordFor(c => c.Name)<br />
35             @Html.CheckBoxFor(c => c.Gender) <br />
36             @Html.RadioButtonFor(c => c.Gender, true)
37             @Html.RadioButtonFor(c => c.Gender, false)
38
39             @Html.DropDownListFor(c=>c.TypeID,ViewBag.tlist as SelectList)
40             @Html.ValidationMessageFor(c=>c.TypeID)
41         }
42     </div>
43 </body>
44 </html>
时间: 2024-10-21 03:24:51

MVC中的HtmlHelper的相关文章

MVC中使用HTML Helper类扩展HTML控件

文章摘自:http://www.cnblogs.com/zhangziqiu/archive/2009/03/18/1415005.html MVC在view页面,经常需要用到很多封装好的HTML控件,这篇文章主要讲述,怎么自己扩展和定制自己需要的控件. ---------------------------------------------------------- HTML Helper类是ASP.NET MVC框架中提供的生成HTML控件代码的类. 本质上与第一种方式一样, 只是我们可以

MVC中HtmlHelper用法大全参考

解析MVC中HtmlHelper控件7个大类中各个控件的主要使用方法(1) 2012-02-27 16:25 HtmlHelper类在命令System.Web.Mvc.Html之中,主要由7个静态类组成,它们分别是FormExtensions类,InputExtensions类,LinkExtensions类,SelectExtensions类,TextExtensions类,ValidationExtensions类,RenderPartialExtensions类. 为了方便开发者使用Htm

在ASP.NET MVC中使用DropDownList

在ASP.NET MVC中,尽管我们可以直接在页面中编写HTML控件,并绑定控件的属性,但更方便的办法还是使用HtmlHelper中的辅助方法.在View中,包含一个类型为HtmlHelper的属性Html,它为我们呈现控件提供了捷径. 我们今天主要来讨论Html.DropDownList的用法,首先从Html.TextBox开始. Html.TextBox有一个重载方法形式如下: public static string TextBox(this HtmlHelper htmlHelper,

MVC学习之HtmlHelper

1.为什么要使用HtmlHelper? 1.首先HtmlHelper是一个类型,MVC中的ViewPage<TModel>中的一个属性Html属性,这个属性的类型就是HtmlHelper<TModel>类型的,这样封装后最后产生的代码和我们手写的html代码是完全一样的,没有任何冗余,同时可以使得我们直接"点"出来想要的标签,方便开发. 2.可是只是可以"点"出来这点优势,好像没有什么说服力,因为这些HtmlHelper代码需要后台处理后才能

在 ASP.NET MVC 中使用 HTML Helpers 的那些事

在 ASP.NET MVC 中使用 HTML Helpers 方法,可以返回得到标准的 HTML 标签,就像 <input>.<button> 或者 <img> 等等. 同样,你也可以创建自己的 HTML Helpers 方法,生成更加复杂的 HTML 内容. 几种不同类型的 HTML Helpers 从以下三种类型去考察 HTML Helpers 的创建和使用 01 在 View 中创建并重复使用 1 @helper ListingItems(string[] ite

[转] ASP.NET MVC 中你必须知道的 13 个扩展点

ScottGu 在其 最新的博文 中推荐了 Simone Chiaretta 的文章 13 ASP.NET MVC extensibility points you have to know,该文章为我们简单介绍了  ASP.NET MVC  中的 13 个扩展点.Keyvan Nayyeri(与Simone合著了 Beginning ASP.NET MVC 1.0 一书)又陆续发表了一些文章,对这13个扩展点分别进行深入的讨论.我将在以后的随笔中对这些文章逐一进行翻译,希望能对大家有所帮助.

在 ASP.NET MVC 中使用 HTTPS (SSL/TLS)

某些安全性较高的网页,如网上支付或用户登陆页面,可能会使用到https(SSL/TLS)来提高安全性.本文介绍了如何在ASP.NET MVC中强制某action使用https和如何进行向https页面的跳转.我们先实现强制一个action使用https.这里写了一个RequireHttpsAttribute,它的作用是将非https连接转换成https连接,这样所有使用了RequireHttps这个filter的controller都会强制使用https连接. 1 using System.We

ASP.NET MVC中商品模块小样

在前面的几篇文章中,已经在控制台和界面实现了属性值的笛卡尔乘积,这是商品模块中的一个难点.本篇就来实现在ASP.NET MVC4下商品模块的一个小样.与本篇相关的文章包括: 1.ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积01, 在控制台实现  2.ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积02, 在界面实现   3.再议ASP.NET MVC中CheckBoxList的验证   4.ASP.NET MVC在服务端把异步上传的图片裁剪成不同尺寸分别保存,并设置上

MVC中你必须知道的13个扩展点

MVC中你必须知道的13个扩展点 pasting 转:http://www.cnblogs.com/kirinboy/archive/2009/06/01/13-asp-net-mvc-extensibility-points-you-have-to-know.html ScottGu在其最新的博文中推荐了Simone Chiaretta的文章13 ASP.NET MVC extensibility points you have to know,该文章为我们简单介绍了ASP.NET MVC中的