zoukankan      html  css  js  c++  java
  • HTML辅助方法

    一、表单的使用:

      

       1、action和method属性:

          (1)action 表示路径、路由地址的意思;

          (2)method 表示表单传值方式 get/post;

          (3)enctype   一般需要设置这个属性来允许表单 提交多媒体类型

        

     二、HTML辅助方法

        1、HTML属性的类型是System.Wbb.Mvc.HtmlHelp<dynamic>,除了系统自带的辅助方法,我们还可以自定义辅助方法

        2、添加输入元素

        (1)Html.TextBox和Html.TextArea

       

          

        (2)Html.Label

          

              (3)Html.DropDownList和Html.ListBox

           这两个都是返回<select/>元素,DropDownList允许单项选择,ListBox多项选择。

            通常情况下,select元素有两个作用

              1)展示可选择的列表

              2)展现字段的当前值

           下拉列表需要一个包含所有可选项的SelectListItem对象集合,其中每一个SelectListItem对象中又包含有Text、Value和Selected三个属性。

            

         

             技术分享图片

             技术分享图片

        (4)Html.ValidationMessage

           当ModelState字典中的某一特定字段出错时,可以使用 ValidationMessage辅助方法来显示相应的错误提示消息。

                              技术分享图片

            

           (5)辅助方法、模型和视图数据

                匹配数据

               使用ViewBag中的值来为TextBox辅助方法命名

                

                  

                对象属性

               

                 技术分享图片

                 技术分享图片

                技术分享图片

              技术分享图片

            强类型:

              技术分享图片

              技术分享图片

              技术分享图片

               技术分享图片

            如果我们想避免上面的自动查找数据,我们可以提供一个显示的值。

                技术分享图片

                技术分享图片

                技术分享图片

           6、强类型辅助方法

              强类型我们可以传一个lambda表达式来显示,我们的辅助方法都多个“For”

                

                  技术分享图片

                  技术分享图片

                  技术分享图片

          7、辅助方法和模型元数据      数据注解来改变显示

              

              技术分享图片

              技术分享图片

              技术分享图片

          8、模板辅助方法

              

    8.模板辅助方法

     技术分享图片

    技术分享图片

    技术分享图片

    一般使用Editor代替TextBox

     9.辅助方法和ModelState

     ModelState存储模型绑定期间检测到的所有验证错误,以及用户提交用来跟新模型的原始值。

    辅助方法使用名称表达式作为键,在ModelState字典中进行查找。如果查找的值已在ModelState中,辅助方法就用ModelState中的值替换视图数据中的当前值。,模型绑定失败就会显示错误。

    10.其他输入辅助方法

     技术分享图片

    技术分享图片

    技术分享图片

     11.渲染辅助方法

      Html.ActionLink()和Html.RouteLink()

    技术分享图片

    技术分享图片

     12.URL辅助方法

     ①Action  ②Content   ③RouteUrl

     技术分享图片

    13.部分视图辅助方法

    使用部分视图有以下优点:   1. 可以简写代码。 2. 页面代码更加清晰、更好维护。

    在视图里有多种方法可以 加载部分视图,包括: Partial() 、RenderPartial() 、 Action() 、RenderAction() 、 RenderPage() 方法

    partial 与 RenderPartial 方法

    Razor 语法: @Html.Partial() 与 @{Html.RenderPartial();}

    区别:Partial 可以直接输出内容,它内部是 将 html 内容转换为 string 字符(MVCHtmlString),然后缓存起来,最后在一次性输出到页面。显然,这个转换的过程,会降低效率,所以通常使用 RenderPartial 代替。    指示抓取页面类容,不能抓方法

    技术分享图片

    技术分享图片

    在Partial的Action中传递一些数据,并在Partial的部分视图中调用。

    技术分享图片

    技术分享图片

    在Index视图中加载Partial视图。下面两种方式都可以加载成功,但第二种效率更高,所以我们使用Html.RenderPartial加载视图

    技术分享图片

    技术分享图片

    运行以后页面内容加载过来了,但并没有加载到Action内部的ViewBag变量。

     技术分享图片

    RenderAction 与 Action 

    Razor 语法:

    @{Html.RenderAction();}与@Html.Action();

    区别:Action 也是直接输出,和 Partial 一样,也存在一个转换的过程。不如 RenderAction 直接输出到当前 HttpContext 的效率高。 

    除此之外,Action与Partial相比,Action访问了控制器中的Action,执行了Action内部的业务。

     技术分享图片

    运行之后,ViewBag对象中的值也获取到了

     技术分享图片

    RenderPage 与 RenderPartial

    Razor 语法:

    @{Html.RenderPartial();}  与 @RenderPage()

    区别:也可以使用 RenderPage 来呈现部分,但它不能使用 原来视图的 Model 和 ViewData ,只能通过参数来传递。而 RenderPartial 可以使用原来视图的 Model 和 ViewData。

    添加代码并运行,@RenderPage也并没有执行Action。

    技术分享图片

     技术分享图片

    14.Encode与Raw

    Html.Encode用于编码页面上的特殊字符。 (不会弹对话框,进行了编码)  

    标准写法: <%= Html.Encode(ViewData["script"]) %>

    简单写法: <%: ViewData["script"] %> (主)

    Html.Raw将字符串按原样输出在页面上。(会在页面上弹对话框)

    标准写法: <%= Html.Raw(ViewData["script"]) %>

    简单写法: <%= ViewData["script"] %>   (主)

    <%:   %> 会对字符串进行编码

    <%=  %> 把字符串完整的输出在页面上,不编码

    除了自带的这些赋值方法,我们也可以自定义,这个后面介绍。

  • 相关阅读:
    循环队列
    快速排序
    单链表
    数学之美总结
    我要的生活...
    北京,我来了
    冷暖自知 by 张楚
    瞎掰,关于网站的推广和如何摧毁贴吧<上>
    Adobe 拟发布WEB PS
    Web阅读摘录[持续更新]
  • 原文地址:https://www.cnblogs.com/xuan666/p/11498264.html
Copyright © 2011-2022 走看看