DEV控件之ASPxTextBox 的使用(验证)

对第三方控件DEV的使用已经有一段时间了，从开始接触到这套控件的喜悦，到控件使用过程中遇到的种种困难，可以说真的是对这套控件又爱又恨，团队在使用这套控件进行项目开发的时候曾经多次想放弃过，不过这主要还是因为网上相关的资料太少太少，很多东西得自己慢慢去摸索，现在项目也进入收尾阶段，得找时间对这套控件的使用做个总结，也把我们的经验分享给大家，欢迎有使用这套控件的朋友在看文章的过程中有什么更好的用法提出来共享下，共同提高！以下所使用的DEV版本均是DXperience-8.1.3.

      先从简单的ASPxTextBox写起，ASPxTextBox与普通的TextBox相比，最大的特点就是对输入格式的验证，只需要对ASPxTextBox的ValidationSettings属性进行配置，通过配置ValidationExpression的正则表达式的值来对输入的值进行验证，通过改变RequiredField的IsRequired属性值来改变ASPxTextBox是否允许为空，具体代码和效果图如下。顺便说下，ASPxTextBox并没有类似于TextBox的TextMode属性，而是有一个单独的ASPxMemo控件可以支持多行的（这个当初也让我在ASPxTextBox的属性上面找了好久，后来在DEV的官方论坛上找到的）。

1. <dxe:ASPxTextBoxID="ASPxTextBox1"runat="server"  
2.             CssFilePath="~/App_Themes/Glass/{0}/styles.css"CssPostfix="Glass"  
3.             Width="170px"> 
4.             <ValidationSettingsErrorDisplayMode="ImageWithTooltip"> 
5.                 <ErrorImageHeight="14px"Url="~/App_Themes/Glass/Editors/edtError.png"/> 
6.                 <ErrorFrameStyleImageSpacing="4px"> 
7.                     <ErrorTextPaddingsPaddingLeft="4px"/> 
8.                 </ErrorFrameStyle> 
9.                 <RegularExpressionErrorText="输入格式错误,请输入正确的url!"  
10.                     ValidationExpression="http(s)?://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?"/> 
11.                 <RequiredFieldErrorText="不能为空!"IsRequired="True"/> 
12.             </ValidationSettings> 
13.         </dxe:ASPxTextBox> 

[xhtml]  view plain copy print ?

1. <dxe:ASPxTextBox ID="ASPxTextBox1" runat="server"   
2.             CssFilePath="~/App_Themes/Glass/{0}/styles.css" CssPostfix="Glass"   
3.             Width="170px">  
4.             <ValidationSettings ErrorDisplayMode="ImageWithTooltip">  
5.                 <ErrorImage Height="14px" Url="~/App_Themes/Glass/Editors/edtError.png" />  
6.                 <ErrorFrameStyle ImageSpacing="4px">  
7.                     <ErrorTextPaddings PaddingLeft="4px" />  
8.                 </ErrorFrameStyle>  
9.                 <RegularExpression ErrorText="输入格式错误,请输入正确的url!"   
10.                     ValidationExpression="http(s)?://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?" />  
11.                 <RequiredField ErrorText="不能为空!" IsRequired="True" />  
12.             </ValidationSettings>  
13.         </dxe:ASPxTextBox>  

效果图：