使用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 >     
            
<%  });
        }
    );
%>

 

 

目录
打赏
0
0
0
0
1
分享
相关文章
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
140668 12
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
仅用3分钟,百炼调用满血版Deepseek-r1 API,享受百万免费Token。阿里云提供零门槛、快速部署的解决方案,支持云控制台和Cloud Shell两种方式,操作简便。Deepseek-r1满血版在推理能力上表现出色,尤其擅长数学、代码和自然语言处理任务,使用过程中无卡顿,体验丝滑。结合Chatbox工具,用户可轻松掌控模型,提升工作效率。阿里云大模型服务平台百炼不仅速度快,还确保数据安全,值得信赖。
357483 51
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
快速使用 DeepSeek-R1 满血版
DeepSeek是一款基于Transformer架构的先进大语言模型,以其强大的自然语言处理能力和高效的推理速度著称。近年来,DeepSeek不断迭代,从DeepSeek-V2到参数达6710亿的DeepSeek-V3,再到性能比肩GPT-4的DeepSeek-R1,每次都带来重大技术突破。其开源策略降低了AI应用门槛,推动了AI普惠化。通过阿里云百炼调用满血版API,用户可以快速部署DeepSeek,享受高效、低成本的云端服务,最快10分钟完成部署,且提供免费token,极大简化了开发流程。
63042 14
快速使用 DeepSeek-R1 满血版
基于阿里百炼的DeepSeek-R1满血版模型调用【零门槛保姆级2084小游戏开发实战】
本文介绍基于阿里百炼的DeepSeek-R1满血版模型调用,提供零门槛保姆级2048小游戏开发实战。文章分为三部分:定位与核心优势、实战部署操作指南、辅助实战开发。通过详细步骤和案例展示,帮助开发者高效利用DeepSeek-R1的强大推理能力,优化游戏逻辑与视觉效果,解决官网响应延迟问题,提升开发效率和用户体验。适合企业开发者、教育行业及多模态探索者使用。
31189 15
DeepSeek加持的通义灵码2.0 AI程序员实战案例:助力嵌入式开发中的算法生成革新
本文介绍了通义灵码2.0 AI程序员在嵌入式开发中的实战应用。通过安装VS Code插件并登录阿里云账号,用户可切换至DeepSeek V3模型,利用其强大的代码生成能力。实战案例中,AI程序员根据自然语言描述快速生成了C语言的base64编解码算法,包括源代码、头文件、测试代码和CMake编译脚本。即使在编译错误和需求迭代的情况下,AI程序员也能迅速分析问题并修复代码,最终成功实现功能。作者认为,通义灵码2.0显著提升了开发效率,打破了编程语言限制,是AI编程从辅助工具向工程级协同开发转变的重要标志,值得开发者广泛使用。
6811 65
DeepSeek加持的通义灵码2.0 AI程序员实战案例:助力嵌入式开发中的算法生成革新
用DeepSeek,就在阿里云!四种方式助您快速使用 DeepSeek-R1 满血版!更有内部实战指导!
DeepSeek自发布以来,凭借卓越的技术性能和开源策略迅速吸引了全球关注。DeepSeek-R1作为系列中的佼佼者,在多个基准测试中超越现有顶尖模型,展现了强大的推理能力。然而,由于其爆火及受到黑客攻击,官网使用受限,影响用户体验。为解决这一问题,阿里云提供了多种解决方案。
34697 42
快来零门槛、即刻拥有 DeepSeek-R1 满血版
随着人工智能技术的发展,DeepSeek作为一款新兴推理模型,凭借强大的技术实力和广泛的应用场景崭露头角。本文基于阿里云提供的零门槛解决方案,评测DeepSeek的部署与使用。该方案支持多模态任务,涵盖文本生成、代码补全等,融合NLP、IR和ML技术,提供快速实现AI应用的便利。用户无需编码,最快5分钟、最低0元即可部署DeepSeek模型。阿里云还提供100万免费Token,适合预算有限的个人或小型团队试用。通过Chatbox客户端配置API,用户可轻松体验智能交互功能,如数学提问和代码书写等。
13929 4
零门槛、百万token免费用,即刻拥有DeepSeek-R1满血版,还有实践落地调用场景等你来看
DeepSeek 是热门的推理模型,能在少量标注数据下显著提升推理能力,尤其擅长数学、代码和自然语言等复杂任务。本文涵盖四种部署方案,可以让你快速体验云上调用 DeepSeek-R1 满血版的 API 及部署各尺寸模型的方式,无需编码,最快 5 分钟、最低 0 元即可实现
What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
拥有DeepSeek-R1满血版实践教程及评测报告
1859 9
全程不用写代码,我用AI程序员写了一个飞机大战
本文介绍了如何利用通义灵码插件在PyCharm中快速开发一款简单的飞机大战游戏。
760 5