WPF GridControl控件的用法举例
2023-04-18 16:49:22 时间
01
—
前言
WPF中自带的表格控件是DataGrid,但是格式并不是很美观,我们一般用
Dev中类似的控件GridControl来取代,这个控件功能相当强大。
WPF数据网格(GridControl)是一个数据感知控件,用于以不同的布局显示和编辑数据:表格、树状和卡片。GridControl允许用户管理大量数据(排序、分组、筛选等)。
02
—
示例
<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|1d{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)" Binding="{Binding Z}" Width="80">
<dxg:GridColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding RowData.Row.Z}"></TextBlock>
</DataTemplate>
</dxg:GridColumn.CellTemplate>
</dxg:GridColumn>
</dxg:GridControl>
运行结果如下:
03
—
讲解
1. 当GridContol显示时默认有一个拖拽框用以将字段拖入其中进行分组排序,这是一个很强大的功能,如果你不需要这个功能,可以ShowGroupPanel=“false”。
2. AllowMoveColumnToDropArea="False"是不让用户随意拖拽某一列至垃圾区。
3. GridControl通过设置TableView的AutoWidth=“Auto”来使Columns占满整个Grid,如果不设置的话有时候你会发现展现出的Grid会多出一列!
4. dxg:GridColumn不能直接包含FontFamily等在DataGridTextColumn中常见的属性,需要重写Template,重写的时候有两个地方需要绑定,Template绑定的是RowData.Row.XX:
<dxg:GridColumn Header="Z(um)" Binding="{Binding Z}" Width="80">
<dxg:GridColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding RowData.Row.Z}"></TextBlock>
</DataTemplate>
</dxg:GridColumn.CellTemplate>
</dxg:GridColumn>
官方文档: https://docs.devexpress.com/WPF/6084/controls-and-libraries/data-grid 参考链接: https://www.cnblogs.com/lovecsharp094/p/6413724.html
相关文章
- 云原生要素介绍之抽象端点
- 边缘计算如何提高效率,实现 5G
- 你应该使用哪个云数据库?
- 后疫情时代,Oracle用技术创新引领人力资源管理
- 工业4.0和5G将如何改变供应链的可见性
- 边缘人工智能的风险
- 数据库为何走向分布式?又如何走向分布式?
- 终于有人把云计算与数据库的关系讲明白了
- 英特尔为云计算提供基石,助力开发者用技术重构社会
- 运营也用的起来的数据分析工具:Quick BI 即席分析详解
- 为什么不建议你用分布式事务?
- 5个成功案例探讨自然语言处理的商业价值
- 边缘计算将如何改变医疗保健行业
- Rta 广告投放技术实现及 SaaS 化思考
- 边缘计算会成为2021年的新云吗?
- Kafka 三高架构设计剖析
- 五个成功案例探讨自然语言处理的商业价值
- 大咖共探万物智联时代风云!Techo TVP 物联网开发者峰会圆满落幕
- 人工智能无法取代人类工作的六个原因
- 数字自我防御意识觉醒 隐私技术会扼杀人工智能吗?