前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >C# 通过正则表达式来限制控件输入有效性

C# 通过正则表达式来限制控件输入有效性

作者头像
zls365
发布2021-10-14 15:30:19
5430
发布2021-10-14 15:30:19
举报
文章被收录于专栏:CSharp编程大全CSharp编程大全

界面上允许用户输入的控件,大多是有一定限定的,比如电话号码,只允许11的数字,比如一些算法参数有取值范围限定,比如只允许[1,255]等,这种情况如果等用户输入运行后再在后台验证数据的有效性,不仅低效率而且繁琐,dev有一些控件则支持正则表达式,可以限定用户输入,这样就会很方便,这节就举例讲解两个dev常用且支持正则的控件TextEdit和GridControl。

01

TextEdit

TextEdit是dev中常用的文本编辑框

代码语言:javascript
复制
  <dxe:TextEdit
                            Width="150"
                            HorizontalAlignment="Left"
                            Mask="[1-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5]"
                            MaskType="RegEx"
                            Text="{Binding MinGrayContrast, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                            ToolTip="Value must in range [1,255]" />

这里将文本输入的有效值限定到[1,255]

02

GridControl

GridControl类似于wpf默认控件库的datagrid,但是这个控件的作用强大的多,这里重点还是举例说明它正则的用法:

代码语言:javascript
复制
 <dxg:GridControl  Grid.Row="0" Grid.Column="1" MaxHeight="500" 
                    ItemsSource="{Binding PointList, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" FontSize="14" Grid.RowSpan="3"
                     HorizontalAlignment="Left"  VerticalAlignment="Top"  Margin="0" AllowLiveDataShaping="True" >
                        <dxg:GridControl.View>
                            <dxg:TableView ShowTotalSummary="True" AllowMoveColumnToDropArea="False" AllowGrouping="False" AutoExpandOnDrag="False" ShowDragDropHint="False" ShowGroupPanel="False" AllowColumnMoving="False" AllowResizing="False" RowIndicatorContentTemplate="{StaticResource rowIndicatorContentTemplate}" Header="datashow" />
                        </dxg:GridControl.View>
                        <dxg:GridColumn  Header="ID" FieldName="ID"   Width="80"/>
                        <dxg:GridColumn  Header="X(mm)" FieldName="Col"   Width="80">
                            <dxg:GridColumn.EditSettings>
                                <dxe:TextEditSettings MaskType="RegEx" Mask="[1-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5]"/>
                            </dxg:GridColumn.EditSettings>
                        </dxg:GridColumn>
                        <dxg:GridColumn  Header="Y(mm)" FieldName="Row"   Width="80"/>
                        <dxg:GridColumn  Header="Z(um)" FieldName="Z"  Width="80"/>
                    </dxg:GridControl>

03

效果演示

项目百度网盘下载链接:

链接:https://pan.baidu.com/s/1Pk6f8lKJIUu2YhYwat_aFg

提取码:a321

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-10-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 CSharp编程大全 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档