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

简介: 1.HtmlHelper类      HtmlHelper类位于System.Web.MVC.Html命名空间下。主要包括FormExtensions,InputExtensions,LinkExtensions,SelectExtensions,TextAreaExtensions,Validat...
1.HtmlHelper类
      HtmlHelper类位于System.Web.MVC.Html命名空间下。主要包括FormExtensions,InputExtensions,
LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7个静态内,他们全部是是采用拓展方法来实现的
      在asp.net MVC中ViewPage中使用的属性如下:
      
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
      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: 
      
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
<%=Html.BeginForm("Login""Home", FormMethod.Post, new { id="name"})%>
        姓名
<%=Html.TextBox("name"nullnew { id="name",width="200px"})%><br />
        密码
<%=Html.Password("pass"nullnew { 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:
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
<fieldset>
        
<%=Html.BeginRouteForm("Start"new { controller = "Home", action = "Login" }, FormMethod.Post)%>
        姓名
<%=Html.TextBox("name"nullnew { id="name",width="200px"})%><br />
        密码
<%=Html.Password("pass"nullnew { 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:
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
<fieldset>
        
<%using (Html.BeginForm("Login""Home", FormMethod.Post, new { id = "name" }))
          {
        
%>
        姓名
<%=Html.TextBox("name"nullnew { id="name",width="200px"})%><br />
        密码
<%=Html.Password("pass"nullnew { 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>
      这里不做介绍
相关文章
|
2月前
|
C语言
【进阶C语言】数组笔试题解析
【进阶C语言】数组笔试题解析
21 0
|
20天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
22天前
|
Java Spring
Javaweb之SpringBootWeb案例之事务进阶的详细解析
Javaweb之SpringBootWeb案例之事务进阶的详细解析
14 0
|
29天前
|
机器学习/深度学习
yolov7论文学习——创新点解析、网络结构图
yolov7论文学习——创新点解析、网络结构图
|
2月前
|
机器学习/深度学习 算法 搜索推荐
【高效率学习】探索最适合你的学习之路:从心理学、动机到教育学的深度解析
【高效率学习】探索最适合你的学习之路:从心理学、动机到教育学的深度解析
97 0
【高效率学习】探索最适合你的学习之路:从心理学、动机到教育学的深度解析
|
2月前
|
存储 安全 程序员
【C++ 包装器类 智能指针】完全教程:std::unique_ptr、std::shared_ptr、std::weak_ptr的用法解析与优化 — 初学者至进阶指南
【C++ 包装器类 智能指针】完全教程:std::unique_ptr、std::shared_ptr、std::weak_ptr的用法解析与优化 — 初学者至进阶指南
75 0
|
2月前
|
XML 存储 JavaScript
深入学习 XML 解析器及 DOM 操作技术
所有主要的浏览器都内置了一个XML解析器,用于访问和操作XML XML 解析器 在访问XML文档之前,必须将其加载到XML DOM对象中 所有现代浏览器都有一个内置的XML解析器,可以将文本转换为XML DOM对象
80 0
|
2月前
|
前端开发 Java 数据管理
Spring MVC 工作原理解析
Spring MVC 工作原理解析
26 0
|
2月前
|
安全 Java 数据安全/隐私保护
【Spring底层原理高级进阶】【SpringCloud整合Spring Security OAuth2】深入了解 Spring Security OAuth2:底层解析+使用方法+实战
【Spring底层原理高级进阶】【SpringCloud整合Spring Security OAuth2】深入了解 Spring Security OAuth2:底层解析+使用方法+实战
|
2月前
|
缓存 JavaScript 网络架构
Vue.js 进阶技巧:keep-alive 缓存组件解析
Vue.js 进阶技巧:keep-alive 缓存组件解析

推荐镜像

更多