本記事の概要
この記事では、DataGrid の列のドラッグ入れ替えを許可する方法について説明します。
※データ表示方法については過去記事「データグリッドにデータを表示する方法」を参照してください。
公式サイト情報はコチラを参照してください。
列の入れ替えを許可する
WPF の DataGrid は、列をマウスのドラッグで入れ替えることができます。
列のドラッグ入れ替えを許するには、CanUserReorderColumns プロパティで制御することができます。true をセットすると列の入れ替えを許可し、false をセットすると、列の入れ替えをできなくします。
以下の例では 、チェックボックスがチェックされたときに CanUserReorderColumns プロパティ に true をセットして列の入れ替えを許可し、チェックを外したときは CanUserReorderColumns プロパティ に false をセットして、列の入れ替えをできなくします。
XAML の例
<Window x:Class="WpfSample.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfSample" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="25"/> <RowDefinition /> </Grid.RowDefinitions> <CheckBox Content="CanUserReorderColumns" Checked="ReorderRows_Checked" Unchecked="ReorderRows_Unchecked" Grid.Row="0"/> <DataGrid x:Name="dataGrid" AutoGenerateColumns="False" Grid.Row="1"> <DataGrid.Columns> <DataGridTextColumn Header="Id" Binding="{Binding Id}"/> <DataGridTextColumn Header="氏名" Binding="{Binding Name}"/> <DataGridTextColumn Header="年齢" Binding="{Binding Age}"/> <DataGridTextColumn Header="郵便番号" Binding="{Binding ZipCode}"/> <DataGridTextColumn Header="住所" Binding="{Binding Address}" /> </DataGrid.Columns> </DataGrid> </Grid> </Window>
C# の例
private void ReorderRows_Checked(object sender, RoutedEventArgs e) { dataGrid.CanUserReorderColumns = true; } private void ReorderRows_Unchecked(object sender, RoutedEventArgs e) { dataGrid.CanUserReorderColumns = false; }
以下に、列の入れ替え前後の実行例を示します。郵便番号と住所の入れ替えをしています。
Please follow and like us:
コメント