(asp.net MVC学习)System.Web.Mvc.HtmlHelper学习及使用

在ASP.NET MVC框架中没有了自己的控件,页面显示完全就回到了写html代码的年代。还好在asp.net
mvc框架中也有自带的HtmlHelper和UrlHelper两个帮助类。另外在MvcContrib扩展项目中也有扩展一些帮助类,这样我们就不光
只能使用完整的html来编写了需要显示的页面了,就可以使用这些帮助类来完成,但最后运行时都还是要生成html代码的。

先来看看HtmlHelper能帮我们生成一些什么样的html呢。直接看效果吧。

<div>

         1.使用HtmlHelper生成超链接:

        <%=Html.ActionLink("我是超链接","") %>

        <br />

         2.使用HtmlHelper生成表单:

        <% Html.BeginForm("Index", "Simple", FormMethod.Post, new { id = "myForm" }); %>

        <% Html.EndForm();%>

        <br />

         3.使用HtmlHelper根据路由规则生成表单:

        <% Html.BeginRouteForm(new { controller = "Simple", action = "Demo" }); %>

        <%Html.EndForm(); %>

        <br />

         4.使用HtmlHelper生成一个复选框:

        <%= Html.CheckBox("checkBox",new { id="myCheckBox" })%>复选框

        <br />

         5.使用HtmlHelper生成上拉列表框:

        <% var dropList = new List<SelectListItem>();

           for (int i = 0; i < 5; i++)

            {

                var dropItem = new SelectListItem();

                dropItem.Value = i.ToString();

                dropItem.Text = i.ToString();

                dropList.Add(dropItem);

            }

        %>

        <%=Html.DropDownList("myList", dropList, new { style = "width:100px;" })%>

        <br />

         6.使用HtmlHelper生成隐藏域:

        <%=Html.Hidden("hidden") %>

        <br />

         7.使用HtmlHelper生成列表框:

        <%var list = new List<SelectListItem>();

          for (var i = 0; i < 5; i++)

           {

               var item = new SelectListItem();

               item.Value = i.ToString();

               item.Text = i.ToString();

               list.Add(item); 

           }  

             %>

        <%=Html.ListBox("listBox", list, new {style="width:100px;" })%>        

        <br />       

         8.使用HtmlHelper生成密码输入框:

        <%=Html.Password("password","longgel") %>

        <br />

         9.使用HtmlHelper生成单选框:

        <%=Html.RadioButton("radio","boy",true) %>男

        <%=Html.RadioButton("radio","girl",false) %>女

        <br />

         10.使用HtmlHelper生成部分视图(用户控件):

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

        <br />

         11.使用HtmlHelper根据路由规则生成超链接:

        <%= Html.RouteLink("我是由路由生成的超链接",new {controller="Simple",action="Index"}) %>

        <br />

         12.使用HtmlHelper生成富文本框:

        <%=Html.TextArea("myTxtArea",new{style="width:300px; height:100px;"}) %>

        <br />

         13.使用HtmlHelper生成文本框:

        <%=Html.TextBox("myTxtBox","我是文本框")%>
    </div>

其实大家可能注意到了,当我们在使用<%%>中有同样都是使用的HtmlHelper中的方法,为什么有的需要加上等号,有的不需要,
其实在HtmlHelper中的方法中,只要是返回的是MvcHtmlString类型的方法都需要使用等号将值输出。在来看看生成的结果吧。

<div>

         1.使用HtmlHelper生成超链接:

        <a href="/">我是超链接</a>

        <br />

         2.使用HtmlHelper生成表单:

        <form action="/" id="myForm" method="post"></form>

        <br />

         3.使用HtmlHelper根据路由规则生成表单:

        <form action="/Simple/Demo" method="post"></form>

        <br />

         4.使用HtmlHelper生成一个复选框:

        <input id="myCheckBox" name="checkBox" type="checkbox" value="true" /><input name="checkBox" type="hidden" value="false" />复选框

        <br />

         5.使用HtmlHelper生成上拉列表框:

        <select id="myList" name="myList" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

        <br />

         6.使用HtmlHelper生成隐藏域:

        <input id="hidden" name="hidden" type="hidden" value="" />

        <br />

         7.使用HtmlHelper生成列表框:

        <select id="listBox" multiple="multiple" name="listBox" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>        

        <br />       

         8.使用HtmlHelper生成密码输入框:

        <input id="password" name="password" type="password" value="longgel" />

        <br />

         9.使用HtmlHelper生成单选框:

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

        <input id="radio" name="radio" type="radio" value="girl" />女

        <br />

         10.使用HtmlHelper生成部分视图(用户控件):

        
 
<span style="background-color:Red">Hi,我是部分视图(用户控件)</span>

        <br />

         11.使用HtmlHelper根据路由规则生成超链接:

        <a href="/">我是由路由生成的超链接</a>

        <br />

         12.使用HtmlHelper生成富文本框:

        <textarea cols="20" id="myTxtArea" name="myTxtArea" rows="2" style="width:300px; height:100px;">
</textarea>

        <br />

         13.使用HtmlHelper生成文本框:

        <input id="myTxtBox" name="myTxtBox" type="text" value="我是文本框" />
    </div>

另外HtmlHelper中还有ValidationMessage()和
ValidationSummary()等方法,下次学到验证的时候一起写出来。^_^

在ASP.NET MVC框架中没有了自己的控件,页面显示完全就回到了写html代码的年代。还好在asp.net
mvc框架中也有自带的HtmlHelper和UrlHelper两个帮助类。另外在MvcContrib扩展项目中也有扩展一些帮助类,这样我们就不光
只能使用完整的html来编写了需要显示的页面了,就可以使用这些帮助类来完成,但最后运行时都还是要生成html代码的。

先来看看HtmlHelper能帮我们生成一些什么样的html呢。直接看效果吧。

<div>

         1.使用HtmlHelper生成超链接:

        <%=Html.ActionLink("我是超链接","") %>

        <br />

         2.使用HtmlHelper生成表单:

        <% Html.BeginForm("Index", "Simple", FormMethod.Post, new { id = "myForm" }); %>

        <% Html.EndForm();%>

        <br />

         3.使用HtmlHelper根据路由规则生成表单:

        <% Html.BeginRouteForm(new { controller = "Simple", action = "Demo" }); %>

        <%Html.EndForm(); %>

        <br />

         4.使用HtmlHelper生成一个复选框:

        <%= Html.CheckBox("checkBox",new { id="myCheckBox" })%>复选框

        <br />

         5.使用HtmlHelper生成上拉列表框:

        <% var dropList = new List<SelectListItem>();

           for (int i = 0; i < 5; i++)

            {

                var dropItem = new SelectListItem();

                dropItem.Value = i.ToString();

                dropItem.Text = i.ToString();

                dropList.Add(dropItem);

            }

        %>

        <%=Html.DropDownList("myList", dropList, new { style = "width:100px;" })%>

        <br />

         6.使用HtmlHelper生成隐藏域:

        <%=Html.Hidden("hidden") %>

        <br />

         7.使用HtmlHelper生成列表框:

        <%var list = new List<SelectListItem>();

          for (var i = 0; i < 5; i++)

           {

               var item = new SelectListItem();

               item.Value = i.ToString();

               item.Text = i.ToString();

               list.Add(item); 

           }  

             %>

        <%=Html.ListBox("listBox", list, new {style="width:100px;" })%>        

        <br />       

         8.使用HtmlHelper生成密码输入框:

        <%=Html.Password("password","longgel") %>

        <br />

         9.使用HtmlHelper生成单选框:

        <%=Html.RadioButton("radio","boy",true) %>男

        <%=Html.RadioButton("radio","girl",false) %>女

        <br />

         10.使用HtmlHelper生成部分视图(用户控件):

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

        <br />

         11.使用HtmlHelper根据路由规则生成超链接:

        <%= Html.RouteLink("我是由路由生成的超链接",new {controller="Simple",action="Index"}) %>

        <br />

         12.使用HtmlHelper生成富文本框:

        <%=Html.TextArea("myTxtArea",new{style="width:300px; height:100px;"}) %>

        <br />

         13.使用HtmlHelper生成文本框:

        <%=Html.TextBox("myTxtBox","我是文本框")%>
    </div>

其实大家可能注意到了,当我们在使用<%%>中有同样都是使用的HtmlHelper中的方法,为什么有的需要加上等号,有的不需要,
其实在HtmlHelper中的方法中,只要是返回的是MvcHtmlString类型的方法都需要使用等号将值输出。在来看看生成的结果吧。

<div>

         1.使用HtmlHelper生成超链接:

        <a href="/">我是超链接</a>

        <br />

         2.使用HtmlHelper生成表单:

        <form action="/" id="myForm" method="post"></form>

        <br />

         3.使用HtmlHelper根据路由规则生成表单:

        <form action="/Simple/Demo" method="post"></form>

        <br />

         4.使用HtmlHelper生成一个复选框:

        <input id="myCheckBox" name="checkBox" type="checkbox" value="true" /><input name="checkBox" type="hidden" value="false" />复选框

        <br />

         5.使用HtmlHelper生成上拉列表框:

        <select id="myList" name="myList" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

        <br />

         6.使用HtmlHelper生成隐藏域:

        <input id="hidden" name="hidden" type="hidden" value="" />

        <br />

         7.使用HtmlHelper生成列表框:

        <select id="listBox" multiple="multiple" name="listBox" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>        

        <br />       

         8.使用HtmlHelper生成密码输入框:

        <input id="password" name="password" type="password" value="longgel" />

        <br />

         9.使用HtmlHelper生成单选框:

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

        <input id="radio" name="radio" type="radio" value="girl" />女

        <br />

         10.使用HtmlHelper生成部分视图(用户控件):

        
 
<span style="background-color:Red">Hi,我是部分视图(用户控件)</span>

        <br />

         11.使用HtmlHelper根据路由规则生成超链接:

        <a href="/">我是由路由生成的超链接</a>

        <br />

         12.使用HtmlHelper生成富文本框:

        <textarea cols="20" id="myTxtArea" name="myTxtArea" rows="2" style="width:300px; height:100px;">
</textarea>

        <br />

         13.使用HtmlHelper生成文本框:

        <input id="myTxtBox" name="myTxtBox" type="text" value="我是文本框" />
    </div>

另外HtmlHelper中还有ValidationMessage()和
ValidationSummary()等方法,下次学到验证的时候一起写出来。^_^

原文:http://www.cnblogs.com/longgel/archive/2010/02/03/1662894.html

(asp.net MVC学习)System.Web.Mvc.HtmlHelper学习及使用,布布扣,bubuko.com

时间: 2024-10-10 15:03:38

(asp.net MVC学习)System.Web.Mvc.HtmlHelper学习及使用的相关文章

MVC的System.Web.Mvc.ViewPage小结

Inherits="System.Web.Mvc.ViewPage<dynamic>这一句最好是自己手动修改,如果是维护用户数据,用户对象名是User,改成Inherits="System.Web.Mvc.ViewPage<User>这样一来,视图里面调用Model属性的时候就是指向控制器(reutnr View(model))传过来的User对象,Controller代码部分 public virtual ActionResult Edit(string id

(asp.net MVC学习)System.Web.Mvc.UrlHelper的学习与使用

上一次学习了HtmlHelper帮助类,这次我们学习一下UrlHelper帮 助类,看类名也都知道这个类是用来帮我们生成URL在ASP.NET MVC应用程序中.让我们来看看该类给我们带来了哪些方便的方法和属性,UrlHelper提供了四个非常常用的四个方法, 1.Action方法通过提供Controller,Action和各种参数生成一个URL, 2.Content方法是将一个虚拟的,相对的路径转换到应用程序的绝对路径, 3.Encode方法是对URL地址进行加密,与Server.Encode

Could not load type &#39;System.Web.Mvc.ViewPage&lt;dynamic&gt;&#39; in asp.net mvc2 after publishing the website

在WebConfig里 找到 <pages></pages> <pages pageParserFilterType="System.Web.Mvc.ViewTypeParserFilter, System.Web.Mvc, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" pageBaseType="System.Web.Mvc.ViewPage, System

Asp.net Mvc 未能加载类型“System.Web.Mvc.ViewPage 的解決方法

解决办法是在web.config 的节点pages 中加入一段validateRequest="false"         pageParserFilterType="System.Web.Mvc.ViewTypeParserFilter, System.Web.Mvc, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"         pageBaseType="Sys

修改System.Web.Mvc.WebViewPage创建自己的pageBase

<system.web.webPages.razor> <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" /> <pages pageBaseType="MvcApplication1.PageBase"&g

(转)System.Web.Mvc.UrlHelper的学习与使用

转载自http://www.cnblogs.com/longgel/archive/2010/02/06/1664884.html 上一次学习了HtmlHelper帮助类,这次我们学习一下UrlHelper帮助类,看类名也都知道这个类是用来帮我们生成URL在ASP.NET MVC应用程序中.让我们来看看该类给我们带来了哪些方便的方法和属性,UrlHelper提供了四个非常常用的四个方法, 1.Action方法通过提供Controller,Action和各种参数生成一个URL, 2.Content

System.Web.Mvc 3.0.0.1 和 3.0.0.0 有什么区别?被 Microsoft ASP.NET MVC 的一次安全更新害惨了!!!

今天更新站点时,发现网站竟然报错 ... uses 'System.Web.Mvc, Version=3.0.0.1, Culture=neutral, PublicKeyToken=31bf3856ad364e35' which has a higher version than referenced assembly 'System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' 最终发现

MVC 5.0 之奇葩错误-&lt;类型“ASP._Page__ViewStart_cshtml”不从“System.Web.WebPages.StartPage”继承&gt;

在实际项目中,我们通常添加MVC项目会先添加一个MVC Empty 的项目,然后需要什么在往里面添加. 但是Empty项目里面只有一个路由注册,而且没有_ViewStart.cshtml文件需要自己添加,好了博主按照以前的经验兴冲冲的往里面添加一个_ViewStart.cshtml视图文件,然后继续添加_Layout.cshtml文件及Shared文件夹,并将_ViewStart.cshtml的Layout指定到Shared文件夹下面的_Layout文件,好了编译启动,然后就出现以下错误! 类型

vs2012运行项目报未能加载文件或程序集“System.Web.Mvc, Version=4.0.0.1,Culture=neutral”问题和解决方法

原先本地项目版本(4.0.0.1)高于服务器版本(4.0.0.0),本地项目改成服务器版本4.0.0.0时,发布后的项目报这个错误 出现的问题:原先项目编译后可运行,发布在IIS后就报这个错误 分析问题: 1)mvc运行环境问题(首先本地项目版本跟服务器所用的版本不一致,所以先确定环境一致) 注:项目是使用mvc4框架的,所以确定asp.net.mvc版本跟服务器版本是否一样, 原先mvc4的环境版本是4.040804.0,先卸载后安装4.0.20714.0版本 2)引用dll包的版本问题(比如