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>
      这里不做介绍
相关文章
|
XML 监控 网络协议
云深处绝影四足机器人协议学习解析
本文详细介绍并解析了云深处绝影X20四足机器人的通信协议,包括TCP服务端端口号、基于Service的请求/响应通信机制、通信帧结构、消息类型、常见的通信示例如获取状态和导航请求,以及运动控制的参数和命令。文中还提出了对协议中某些未明确说明或可能存在的问题的疑惑。
594 1
云深处绝影四足机器人协议学习解析
|
域名解析 存储 缓存
深入学习 DNS 域名解析
在平时工作中相信大家都离不开 DNS 解析,因为 DNS 解析是互联网访问的第一步,无论是使用笔记本浏览器访问网络还是打开手机APP的时候,访问网络资源的第一步必然要经过DNS解析流程。
1144 31
|
安全 Java 数据库连接
后端框架的学习----mybatis框架(3、配置解析)
这篇文章详细介绍了MyBatis框架的核心配置文件解析,包括环境配置、属性配置、类型别名设置、映射器注册以及SqlSessionFactory和SqlSession的生命周期和作用域管理。
后端框架的学习----mybatis框架(3、配置解析)
|
人工智能 算法
AI 0基础学习,数学名词解析
AI 0基础学习,数学名词解析
221 2
|
网络协议 程序员 定位技术
学习网络的第一步:全面解析OSI与TCP/IP模型
**网络基础知识概览:** 探索网络通信的关键模型——OSI七层模型和TCP/IP五层模型。OSI模型(物理、数据链路、网络、传输、会话、表示、应用层)提供理论框架,而TCP/IP模型(物理、数据链路、网络、传输、应用层)更为实际,合并了会话、表示和应用层。两者帮助理解数据在网络中的传输过程,为网络设计和管理提供理论支持。了解这些模型,如同在复杂的网络世界中持有了地图。
477 2
|
前端开发 开发者
CSS文本样式全面解析:从基础到进阶
CSS文本样式全面解析:从基础到进阶
221 0
|
存储 安全 Java
《ThreadLocal使用与学习总结:》史上最详细由浅入深解析ThreadLocal
《ThreadLocal使用与学习总结:》史上最详细由浅入深解析ThreadLocal
255 0
|
算法 测试技术 C语言
深入理解HTTP/2:nghttp2库源码解析及客户端实现示例
通过解析nghttp2库的源码和实现一个简单的HTTP/2客户端示例,本文详细介绍了HTTP/2的关键特性和nghttp2的核心实现。了解这些内容可以帮助开发者更好地理解HTTP/2协议,提高Web应用的性能和用户体验。对于实际开发中的应用,可以根据需要进一步优化和扩展代码,以满足具体需求。
1175 29
|
前端开发 数据安全/隐私保护 CDN
二次元聚合短视频解析去水印系统源码
二次元聚合短视频解析去水印系统源码
490 4

推荐镜像

更多
  • DNS