使用MvcContrib的FormHelper

本文介绍了MvcContrib的FormHelper,包括Html辅助、验证Helper和表格Helper的功能与使用方法。详细展示了如何通过简单的代码实现表单元素绑定、验证规则设置及表格数据展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

 MvcContrib的FormHelper提供了三大Helper

  1. Html辅助 
  2. 验证Helper
  3. Grid表格Helper

 下载

 下载后将MvcContrib.dll与MvcContrib.Samples.FormHelper.dll引用到Asp.net MVC工程

在Web.Config

pages.namespaces加入以下节点


                 < add  namespace ="MvcContrib.UI.Tags" />
                
< add  namespace ="System.Web.Mvc" />
                
< add  namespace ="System.Linq" />
                
< add  namespace ="MvcContrib.UI" />
                
< add  namespace ="MvcContrib.UI.Html" />
                
< add  namespace ="MvcContrib" />

Html辅助Helper

这是一系列方便使用的HtmlHelper解决了一些常用的标签如果通过HtmlHelper生成不方便的问题。

Pv4的ViewData与Html.TextBox的名字对应绑定虽然已经提供了方便,但是比起MonoRail还略显不足,所以在MvcContrib中将这一智能方式又带了回来

如Controller中声明一对象

            Person person  =   new  Person();
            person.Id 
=   1 ;
            person.Name 
=   " Jeremy " ;
            person.RoleId 
=   2 ;
            person.Gender 
=  Gender.Male;

            ViewData["person"= person;

则可以在View中使用以下Helper

<%=  Html.Form().TextField( " person.Name " %>

 这样就是直接绑定到person.Name了

或者

<%=  Html.Form().TextArea( " person.Name " new  Hash(rows  =>   10 , cols  =>   40 ))  %>

 当然,FormHelper提供了更多灵活的方式来设置标签的属性

  1. 可以使用Hash表

    <%= Html.Form().TextField("person.Name"new Hash(@class => "demo1")) %>

  2. 可以使用内置的强类型
    <%=  Html.Form().TextField( new  MvcContrib.UI.Tags.TextBox { Name  =   " person.Name " , Class  =   " demo1 "  })  %>

 当然除了input-text和textarea外,其它标签也可以进行此类绑定

 

Hidden:
<%=  Html.Form().HiddenField( " person.Id " %>

CheckBox:
<%=  Html.Form().CheckBoxField( " person.IsDeveloper " %>
<%=  Html.Form().CheckBoxList( " accessLevel " , ViewData[ " roles " ],  " Name " " Id " %>
<%=  Html.Form().CheckBoxList( " accessLevel2 " , ViewData[ " roles " ],  " Name " " Id " ).ToFormattedString( " {0}<br /> " %> 这种设置输出格式的方法非常方便
甚至可以用迭代器输出
<%   foreach (var checkbox  in  Html.Form().CheckBoxList( " accessLevel3 " , ViewData[ " roles " ],  " Name " " Id " )) {  %>
        
<%   if (checkbox.Value.Equals( " 2 " )) { checkbox.Checked  =   true ; } %>     
        
<%=  checkbox  %>
    
<%  }  %>     

Radio:
<%=  Html.Form().RadioField( " person.IsDeveloper " true new  Hash(label  =>   " " ))  %>
<%=  Html.Form().RadioField( " person.IsDeveloper " false new  Hash(label  =>   " " ))  %>
(设置Label内容也是如此方便)

Select:
<%=  Html.Form().Select( " person.RoleId " , ViewData[ " roles " ],  " Name " " Id " new  Hash(firstOption  =>   " Please select " ))  %>
可以轻松地实现首选项的设置及绑定
更方便的是可以直接绑定一个Enum
<%=  Html.Form().Select < Gender > ( " person.Gender " %>
对于多选也很方便,只是看起来代码有点多
<%=  Html.Form().Select( " listbox1 " , ViewData[ " roles " ],  " Name " " Id " new  Hash(size  =>   5 , multiple  =>   true , selectedValue  =>   new [] {  1 2  } ))  %>

 

 对于Form标签

也可以用方便的打操作来完成标签的闭合及其中 属性的设置,有一点VB中With的味道

 

     <%  Html.Form().For < Person > ((Person)ViewData[ " person " ],  " /home/index " , form  =>  {  %>
        
<%  form.Attributes.Add( " class " " foo " );  %>
        姓名: 
<%=  form.TextField( " Name " %>< br  />
        开发者
? <%=  form.CheckBoxField( " IsDeveloper " %>< br  />< br  />
        
<%=  form.Submit()  %>
    
<% });  %>

 验证Helper

 

一直以来验证控件都是一个比较好用的控件,只是到MVC之后,不能使用控件了,于是大家只好各忙各的JS。

 

MvcContrib中提供了一套基本与WebForm中相同的验证控件,它们的使用方法如下:

  1.  页面的头部先注册脚本
    <% =  Html.Validation().ValidatorRegistrationScripts()  %>
  2. 页面的最后初始化脚本
    <% =  Html.Validation().ValidatorInitializationScripts()  %>
  3. 在Form表中设置表单的验证组
    Code
  4. 写表单项及验证Helper

MvcContrb中提供了以下的验证Helper:

 

  1. 必添验证:
    姓名:  <% =  Html.TextBox( " nameForRequired " %>
    <% =  Html.Validation().RequiredValidator( " nameForRequiredValidator " " nameForRequired " " 姓名必填. " " val1 " %>
  2. 正则验证:
    姓名:  <% =  Html.TextBox( " nameForRegex " %>
    <% =  Html.Validation().RegularExpressionValidator( " nameForRegexValidator " " nameForRegex " " [^/d]* " " 姓名不能包含数字. " " val1 " %>
  3. 范围验证:
    年龄:  <% =  Html.TextBox( " ageForRange " %>
    <% =  Html.Validation().RangeValidator( " ageForRangeValidator " " ageForRange " " 1 " " 120 " , ValidationDataType.Integer,  " 只能是1-120之间. " " val1 " %>
  4. 比较验证:
    密码:  <% =  Html.TextBox( " firstCompare " %>
    确认: 
    <% =  Html.TextBox( " secondCompare " %>
    <% =  Html.Validation().CompareValidator( " compareValidator " " firstCompare " " secondCompare " , ValidationDataType.String, ValidationCompareOperator.NotEqual,  " 两次密码不一致 " " val1 " %>
  5. 自定义验证:
         < script  type ="text/javascript" >
                
    function  ValidateTextEquals(source, args) { 
                    args.IsValid 
    =  (args.Value  ==   ' mvc ' );
                }
            
    </ script >
            
    <% =  Html.TextBox( " textCustom " %>
            
    <% =  Html.Validation().CustomValidator( " textCustomValidator " " textCustom " " ValidateTextEquals " " 文本必须是'mvc'. " " val1 " %>
  6. 最后是触发验证的方法:一个美丽的提交按钮
         <% =  Html.SubmitButton( " submit " " val1 " %>

 ok了这样就实现了表单的验证

 

 表格Helper

 

<%
    Html.Grid
< Person > (
        
" people "
        
new  Hash( empty   =>   " 没有数据 " , style  =>   " width: 100% " ),
        column 
=>  {
            column.For(p 
=>  p.Id,  " ID Number " ); // 设置列名
            column.For(p 
=>  p.Name);
            column.For(p 
=>  p.Gender); // 正常显示
            column.For(p 
=>  p.RoleId).Formatted( " 角色ID: {0} " ); // format格式也很好
            column.For(
" Custom Column " ).Do(p  =>  {  %>
                
< td > 这是For的自定义形式 </ td >     
            
<%  });
        }
    );
%>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值