asp.net MVC进阶学习---HtmlHelper控件解析(一)

发布时间:2019-07-19编辑:脚本学堂
在网上看到的一个不错的asp.net MVC学习系列,希望可以帮助那些正在研究MVC的朋友们。asp.net MVC进阶学习---HtmlHelper控件解析(一)

    在网上看到的一个不错的asp.net MVC学习系列,希望可以帮助那些正在研究MVC的朋友们。
    本部分内容:asp.net MVC进阶学习---HtmlHelper控件解析(一)

1.HtmlHelper类
      HtmlHelper类位于System.Web.MVC.Html命名空间下。主要包括FormExtensions,InputExtensions,
LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7个静态内,他们全部是是采用拓展方法来实现的
      在asp.net MVC中ViewPage中使用的属性如下:
     

复制代码 代码如下:
public HtmlHelper Html{get;set;}
      public AjaxHelper Ajax{get;set;}
      public string MasterLocation{get;set;}
      public object Model{get;set;}
      public TempDataDictionary TempData{get;set;}
      public UrlHelpler Url{get;set;}
      public ViewContext ViewContext{get;set;}
      public ViewDataDictionary ViewData{get;set;}
      public HtmlTextWriter Writer{get;set;}

2.FormExtensions类
      该类定了3种类型的扩展方法,它们分别是BeginForm,BeginRouteForm,EndForm
      BeginForm共有13种重载方法,这里参数不一一介绍。
      BeginRouteForm共有12种重载方法,主要表现定义表单的开始部分,其中是以路由的方式设置action的值
      EndForm 主要表现在表单的结尾,生成</form>
      如下表单使用的几种方式:
      方式1:
 

复制代码 代码如下:
<%=Html.BeginForm("Login", "Home", FormMethod.Post, new { id="name"})%>
        姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
        密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br />
        <input type="submit" id="btnSubmit" value="Submit" />
        <%Html.EndForm(); %>
      这里注意<%=Html.BeginForm() %> 和<%Html.EndForm();%>后者有 " ; "
      Login:是指Action,Home是指Conroller,FormMethod.Post是指用Post方式来提交表单
      new{id="name"} 是指表单元素属性。<form id="name" action="Home/Login" method="post"></form>

      方式2:
 

复制代码 代码如下:
<fieldset>
        <%=Html.BeginRouteForm("Start", new { controller = "Home", action = "Login" }, FormMethod.Post)%>
        姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
        密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br />
        <input type="submit" id="Submit1" value="Submit" />
        <%Html.EndForm(); %>
    </fieldset>

      这种方式的表单是以路由的方式设置action 的,"Start" 是路由的名称:
    

复制代码 代码如下:
  routes.MapRoute(
                "Start",
                "{controller}/{action}",
                new { controller="Home",action="Index"}
                );

      方式3:
 

复制代码 代码如下:
<fieldset>
        <%using (Html.BeginForm("Login", "Home", FormMethod.Post, new { id = "name" }))
          {
        %>
        姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
        密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br />
        <input type="submit" id="btnSubmit" value="Submit" />
        <%
            } %>
    </fieldset>

      这种方式不需要<%Html.EndForm();%> 其余的方式基本相同
     
      方式4:
      就是普通的html代码
     

复制代码 代码如下:
<form id="name" method="post" action="Home/Login">
      </form>

      这里不做介绍

      原文作者:情缘 http://www.cnblogs.com/qingyuan