使用MvcContrib的FormHelper

简介: MvcContrib的FormHelper提供了三大Helper Html辅助  验证Helper Grid表格Helper  下载  下载后将MvcContrib.dll与MvcContrib.

 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表中设置表单的验证组
    img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
    <% using (Html.Form("Home""ValidationHelper", FormMethod.Post, Html.Validation().FormValidation("val1"))) { %>
    .
    <%}%>
  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 >     
            
<%  });
        }
    );
%>

 

 

目录
相关文章
|
5天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
9天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
589 212
|
4天前
|
编解码 Linux 数据安全/隐私保护
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
234 138
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
828 60
|
7天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1207 157
|
6天前
|
存储 安全 固态存储
四款WIN PE工具,都可以实现U盘安装教程
Windows PE是基于NT内核的轻量系统,用于系统安装、分区管理及故障修复。本文推荐多款PE制作工具,支持U盘启动,兼容UEFI/Legacy模式,具备备份还原、驱动识别等功能,操作简便,适合新旧电脑维护使用。
505 109