教程集 > 脚本编程 > Asp.net > 正文 asp.net MVC进阶学习---HtmlHelper控件解析(二)

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

发布时间：2015-10-09 编辑：jiaochengji.com

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

在网上看到的一个不错的asp.net MVC学习系列，希望可以帮助那些正在研究MVC的朋友们。
本部分内容：asp.net 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);
      例子:
      页面代码

复制代码代码如下:

<%=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代码如下:

复制代码代码如下:

<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

复制代码代码如下:

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，而是设置的值，这里不再详细讲解。

复制代码代码如下:

<%=Html.RadioButton("Sex", "男", new { id="man"})%>男<br />
<%=Html.RadioButton("Sex", "女", new { id="woman"})%>女<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);
      该方法生成普通文本输入框

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

上一篇：asp.net MVC进阶学习---HtmlHelper控件解析(一) 下一篇：asp.net MVC进阶学习---HtmlHelper控件解析(三)

[关闭]

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

最近更新

浏览排行