WPF GridControl控件的用法举例

用户9127601

发布于 2021-12-29 12:31:00

1.8K0

发布于 2021-12-29 12:31:00

文章被收录于专栏：dotNET编程大全dotNET编程大全

—

前言

WPF中自带的表格控件是DataGrid，但是格式并不是很美观，我们一般用

Dev中类似的控件GridControl来取代，这个控件功能相当强大。

WPF数据网格（GridControl）是一个数据感知控件，用于以不同的布局显示和编辑数据：表格、树状和卡片。GridControl允许用户管理大量数据（排序、分组、筛选等）。

—

示例

 <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)" Binding="{Binding Z}"  Width="80">
                            <dxg:GridColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding RowData.Row.Z}"></TextBlock>
                                </DataTemplate>
                            </dxg:GridColumn.CellTemplate>
                        </dxg:GridColumn>
                    </dxg:GridControl>

运行结果如下：

—

讲解

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>