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

1.InputExtensions类
      InputExtensions类主要有5种类型的扩展方法,分别用于CheckBox控件,Hidden控件,Pass控件,RadionButton控件,TextBox控件

2.CheckBox控件
      有如下重载方法:
      CheckBox(string name);
      CheckBox(string name,bool isChecked);
      CheckBox(string name,book isChecked,object htmlAttributes);
      CheckBox(string name,object htmlAttributes);
      CheckBox(string name,IDictionary<string ,object> htmlAttributes);
      CheckBox(string name,book isChecked,IDictionary<string ,object> htmlAttributes);
      例子:
      页面代码 

Code
<%=Html.BeginForm("Login","Home",FormMethod.Post) %>
    <fieldset>
        <%=Html.CheckBox("Like1", true, new { id="MyLike1"})%>游泳<br />
        <%=Html.CheckBox("Like2", false, new { id="MyLike2"})%>射击<br />
        <%=Html.CheckBox("Book", false, new { id = "aa"})%>武侠<br/>
        <%=Html.CheckBox("Book", false, new { id = "bb"})%>言情<br/>
        <%=Html.CheckBox("Book", false, new { id = "cc"})%>小说<br/>
        <input type="submit" value="Submit" />
    </fieldset>
    <%Html.EndForm(); %>
    <br />
    <br />
    <%=ViewData["like1"]  %><br />
    <%=ViewData["like2"]  %><br />

      生成页面之后的html代码如下:
      

Code
<input checked="checked" id="MyLike1" name="Like1" type="checkbox" value="true" /><input name="Like1" type="hidden" value="false" />游泳<br />
        <input id="MyLike2" name="Like2" type="checkbox" value="true" /><input name="Like2" type="hidden" value="false" />射击<br />
        <input id="aa" name="Book" type="checkbox" value="true" /><input name="Book" type="hidden" value="false" />武侠<br/>
        <input id="bb" name="Book" type="checkbox" value="true" /><input name="Book" type="hidden" value="false" />言情<br/>
        <input id="cc" name="Book" type="checkbox" value="true" /><input name="Book" type="hidden" value="false" />小说<br/>

      对比上面的代码我们发现,<%=Html.CheckBox()%> 除了生产CheckBox标签之外还生成了一个隐藏的表单域,他和Checkbox具有相同的name。
      
      处理表单的aciton

Code
public ActionResult Login(FormCollection formCollection)
        {
            bool like1 = formCollection[0].Contains("true");
            bool like2 = formCollection["Like2"].Contains("true");
            string str = formCollection["Book"];

            ViewData["like1"] = like1;
            ViewData["like2"] = like2;
            return View("Index");
        }

      通过表单集合FormCollection的索引或键,可以获取复选框的状态字符串,如果选中则得到值为"true,false",
      如果没有选中得到的值为"false",这里得到两个值是因为Checkbox还有一个对应的隐藏控件

3.RadionButton控件
      RadionButton(string name,object value);
      RadionButton(string name,object value,object htmlAttributes);
      RadionButton(string name,object value,IDictionary<string,object> htmlAttributes);
      RadionButton(string name,object value,bool isChecked);
      RadionButton(string name,object value,bool isChecked,object htmlAttributes);
      RadionButton(string name,object value,bool isChecked,IDictionary<string,object> htmlAttributes);
      这里不同Checkbox,不会生成隐藏的表单域,action中得到的值也不是True false,而是设置的值,这里不再详细讲解

Code
<%=Html.RadioButton("Sex", "男", new { id="man"})%>男<br />
        <%=Html.RadioButton("Sex", "女", new { id="woman"})%>女<br />

<input id="man" name="Sex" type="radio" value="男" />男<br />
        <input id="woman" name="Sex" type="radio" value="女" />女<br />

3.Hidden控件
      Hidden(string name);
      Hidden(string name,object value);
      Hidden(string name,object value,object htmlAttrbutes);
      Hidden(string name,object value,IDictionary<string ,object> htmlAttributes);
      该方法生产隐藏表单域
      
4.PassWord控件
      Password(string name);
      Password(string name,object value);
      Password(string name,object value,object htmlAttrbutes);
      Password(string name,object value,IDictionary<string ,object> htmlAttributes);
      该方法生成PassWord输入框

5.TextBox控件
      TextBox(string name);
      TextBox(string name,object value);
      TextBox(string name,object value,object htmlAttrbutes);
      TextBox(string name,object value,IDictionary<string ,object> htmlAttributes);
      该方法生成普通文本输入框

时间: 2024-10-03 16:50:38

MVC进阶学习--HtmlHelper控件解析(二)的相关文章

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

1.RenderPartialExtensions类      RenderPartialExtensions类主要扩展了一个方法 RenderPartial()      RenderPartial(string partialViewName);      RenderPartial(string partialViewName,ViewDataDictionary viewData);      RenderPartial(string partialViewName,object mod

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

1.SelectExtensions 类      SelectExtensions 主要扩展了两种类型的方法 DropDowList和ListBox,这两个方法主要区别是后者添加了一个属性multiple="multiple",设置这个属性主要是为了能够多选 2.DropDowList使用例子代码       Code<tr>            <td width="100" align="right">      

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

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

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

1.LinkExtensions类      该类主要用于生成相关链接,主要扩展了ActionLink和RouteLink方法 2.ActionLink       ActionLink扩展方法主要实现一个连接,共有十个重载方法      ActionLink(string linkText,string actionName);      ActionLink(string linkText,string actionName,object routeValues);      ActionL

MVC进阶学习--HtmlHelper之GridView控件拓展(五)

1.GridView使用Action代码   Code 1 public ActionResult Index() 2         { 3             CommonPage page = TempData["page"] as CommonPage; 4             if (page == null) 5             { 6                 page = new CommonPage(); 7             } 8   

MVC进阶学习--HtmlHelper之GridView控件拓展(一)

      最近用MVC做项目的时候,感觉脱离了原有WebForm的那种编程方式,心中略有想法.在WebForm中由一个很常用的数据绑定控件GridView,我相信用过.net的同仁都会使用这个控件,在开发中的确给我们带来了不少的方便.而现在的MVC改变了原有的那种模式,没有了控件编程,输出表格都用foreach,for 循环之类的,似乎有些麻烦了.于是自己写了一个扩展标签GridView.写完之后感觉还可以,给各位分享一下.       1.功能介绍             (1).该扩展标签

MVC进阶学习--HtmlHelper之GridView控件拓展(二)

1.目录结构图       2.自定义集合类 Codeusing System;using System.Collections.Generic;using System.Linq;using System.Web; namespace MvcTest.Code{    public class PageList<T> : List<T>    {        private CommonPage _page;         public CommonPage Page    

MVC进阶学习--HtmlHelper之GridView控件拓展(三)

1.扩展核心代码 Code  1 using System;  2 using System.Collections.Generic;  3 using System.Linq;  4 using System.Web;  5 using System.Web.Mvc.Html;  6 using System.Web.Mvc;  7 using MvcTest.Code;  8 using System.Web.UI;  9 using System.IO; 10 using System.D

MVC进阶学习--个性化目录结构(二)

(一)  浅谈MVC目录结构 在上一篇(<MVC进阶学习--个性化目录结构(一)>)中了解到了MVC 的基本目录结构,以及各个目录的作用.我们只是说到了表面的目录结构,没有了解到它运行的原理.是不是MVC的目录结构只能有那种固定的模式呢,我们能否根据自己的需要扩展这些目录结构呢.答案是肯定的.因为asp.net MVC中引用了WebFromViewEngine 这个视图引擎 (二) WebFormViewEngine视图引擎 1.IView接口    IView接口是对MVC结构中View对象