重新排列WPF数据网格列

Question

我希望为用户提供一种设置，使他可以重新排列datagrid的列。我知道可以使用DisplayIndex来实现这一点，但我的问题是如何保存每列的顺序，如何知道哪个列被移动到了第一个位置等等？

我想使用列标题来解决这个问题，但我不知道这是否是最佳解决方案。

下面是我使用的datagrid：

<DataGrid GridLinesVisibility="All" VerticalGridLinesBrush="#FFE5E2DB" IsReadOnly="true" AutoGenerateColumns="False" VerticalContentAlignment="Center" 
                      ItemsSource="{Binding DisplayIndexes, UpdateSourceTrigger=PropertyChanged}" CanUserSortColumns="True" SelectionUnit="FullRow" 
                      HorizontalAlignment="Stretch" Margin="5,5,5,0" Name="dgDisplayIndexes"  
                      TabIndex="1" RowHeight="30" 
                      CanUserAddRows="False" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" ColumnWidth="Auto" CanUserReorderColumns="True" 
                      CanUserResizeColumns="False" CanUserResizeRows="False" VerticalAlignment="Top" Height="150">
                <DataGrid.RowStyle>
                    <Style TargetType="{x:Type DataGridRow}">
                        <Setter Property="Padding" Value="0"/>
                        <Setter Property="Margin" Value="0"/>
                        <Setter Property="VerticalAlignment" Value="Center"/>
                    </Style>
                </DataGrid.RowStyle>
                <DataGrid.Columns>
                    <DataGridTextColumn Header="ID" Binding="{Binding ID}" DisplayIndex="0" Visibility="Hidden" />
                    <DataGridTemplateColumn SortMemberPath="status"  
                                        Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_STATUS.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                                        DisplayIndex="1" >
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Image Height="16" Width="16" Stretch="Fill" Source="{Binding status, Converter={StaticResource getIconForStatus}}" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn 
                    Header="#" 
                    Binding="{Binding bonnummer}"  
                    DisplayIndex="2" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_NAAM.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding achternaam}" 
                    DisplayIndex="3" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_ADRES.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding Adres}" 
                    DisplayIndex="4" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_PC.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding Postcode}" 
                    DisplayIndex="5" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_PLAATS.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding plaats}" 
                    DisplayIndex="6"/>
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_TELEFOON.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding telefoonnummer}" 
                    DisplayIndex="7" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_AANTALBESTELLINGEN.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding AantalBestellingen}" 
                    DisplayIndex="8" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_KAARTCOORDINATEN.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding Coordinaten}" 
                    DisplayIndex="9" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_GEBIED.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding bezorggebied}" 
                    DisplayIndex="10" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_KM.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding afstand, StringFormat='{}{0:N2}'}" 
                    DisplayIndex="11" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_REISTIJD.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding reistijd}" 
                    DisplayIndex="12" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_TIJD.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding tijd, StringFormat={}{0:HH:mm}}" 
                    DisplayIndex="13" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_OUD.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding oud}" 
                    DisplayIndex="14" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_BEZORGTIJD.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding gereed_om, StringFormat={}{0:HH:mm}}" 
                    DisplayIndex="15" />
                    <DataGridTextColumn     
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_BEZORGER.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding bezorger}" 
                    DisplayIndex="16" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_VERTROKKEN.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding bezorger_vertrokken_om, StringFormat={}{0:HH:mm}}" 
                    DisplayIndex="17" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_OVER.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding bezorgerterugover}" 
                    DisplayIndex="18" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_TERUG.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding bezorgerterug, StringFormat={}{0:HH:mm}}" 
                    DisplayIndex="19" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_KEUKEN.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding keuken}" 
                    DisplayIndex="20" />
                    <DataGridTextColumn 
                    Header="{Binding Vertaling.DELIVERY_BEZORGORDER_LOPENDEORDERSTAB_DG_TELAATBERICHTUITOM.Vertaling, Source={x:Static Application.Current}, NotifyOnSourceUpdated=True}" 
                    Binding="{Binding TeLaatBerichtTijd, StringFormat={}{0:HH:mm}}" 
                    DisplayIndex="21" />
                </DataGrid.Columns>
            </DataGrid>

- Rui

Answer 1

您可以将DataGrid的DisplayIndex属性绑定到ViewModel中的属性：

...
<DataGridTextColumn 
                    Header="#" 
                    Binding="{Binding bonnummer}"  
                    DisplayIndex="{Binding BonnummerIndex, Mode=TwoWay, FallbackValue=2}" ... />
...

BonnummerIndex 是您的ViewModel属性，用于存储列显示位置。您也可以绑定到数组元素，例如：DisplayIndex="{Binding ColumnsOrder[2], Mode=TwoWay, FallbackValue=2}"。FallbackValue 设置为默认列位置。这是为了避免DisplayIndex的默认值(-1)，进而抛出范围异常。需要使用双向绑定以反映用户在ViewModel中的更改。

稍后，您可以将类序列化/反序列化以保留用户设置。

您只需小心，因为更改一个列的DisplayIndex可能会更改其他列的DisplayIndex。

- Zilog

---

谢谢您的回复，但我已经知道如何做了，将displayIndex绑定到我的视图模型上的属性并设置Fallback值以防止异常。我的问题更多地涉及设置方面，即让用户更改列的位置，因此当他使用该数据网格加载用户控件时，列将保持在他设置的位置上。我的疑问是如何跟踪哪个列位于位置0，哪个列位于位置2，例如。我希望您现在能理解我的问题。 - Rui

如果您将DisplayIndex绑定到ViewModel上的属性，那么当用户重新排序列（拖放列）时，绑定将自动更新ViewMonel。要持久化数据，您可以将存储DisplayIndexes的对象序列化到磁盘上，并在应用程序/控件加载时从磁盘反序列化。 - Zilog

谢谢，我已经通过创建一个新类并保存每列的索引来解决了这个问题，然后在包含DataGrid的用户控件中调用它。 - Rui