,
界面上允许用户输入的控件,大多是有一定限定的,比如电话号码,只允许11的数字,比如一些算法参数有取值范围限定,比如只允许[1,255]等,这种情况如果等用户输入运行后再在后台验证数据的有效性,不仅低效率而且繁琐,dev有一些控件则支持正则表达式,可以限定用户输入,这样就会很方便,这节就举例讲解两个dev常用且支持正则的控件TextEdit和GridControl。
01
—
TextEdit
TextEdit是dev中常用的文本编辑框
<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,但是这个控件的作用强大的多,这里重点还是举例说明它正则的用法:
<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
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有