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

简介: 1.InputExtensions类      InputExtensions类主要有5种类型的扩展方法,分别用于CheckBox控件,Hidden控件,Pass控件,RadionButton控件,TextBox控件2.
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);
      例子:
      页面代码 
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif 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代码如下:
      
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif 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
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif 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,而是设置的值,这里不再详细讲解
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif 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);
      该方法生成普通文本输入框
相关文章
|
前端开发 Java 开发者
Spring MVC中的请求映射:@RequestMapping注解深度解析
在Spring MVC框架中,`@RequestMapping`注解是实现请求映射的关键,它将HTTP请求映射到相应的处理器方法上。本文将深入探讨`@RequestMapping`注解的工作原理、使用方法以及最佳实践,为开发者提供一份详尽的技术干货。
1661 2
|
前端开发 Java Spring
探索Spring MVC:@Controller注解的全面解析
在Spring MVC框架中,`@Controller`注解是构建Web应用程序的基石之一。它不仅简化了控制器的定义,还提供了一种优雅的方式来处理HTTP请求。本文将全面解析`@Controller`注解,包括其定义、用法、以及在Spring MVC中的作用。
594 2
|
前端开发 Java 开发者
Spring MVC中的控制器:@Controller注解全解析
在Spring MVC框架中,`@Controller`注解是构建Web应用程序控制层的核心。它不仅简化了控制器的定义,还提供了灵活的请求映射和处理机制。本文将深入探讨`@Controller`注解的用法、特点以及在实际开发中的应用。
1464 0
Python面向对象进阶:深入解析面向对象三要素——封装、继承与多态
Python面向对象进阶:深入解析面向对象三要素——封装、继承与多态
|
设计模式 前端开发 Java
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
762 1
|
C语言
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)(上)
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)
244 0
|
前端开发 开发者
CSS文本样式全面解析:从基础到进阶
CSS文本样式全面解析:从基础到进阶
355 0
|
算法 C语言
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)(下)
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)
236 0
|
C语言
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)(中)
C语言进阶⑫(指针下)(指针和数组笔试题解析)(杨氏矩阵)
225 0
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
391 0

热门文章

最新文章

推荐镜像

更多
  • DNS