5

がありDataGrid、選択した行とフォーカスされた行を同期させたい。つまり、フォーカスされた行が変更された場合、選択された行が変更され、選択された行が変更された場合、それがフォーカスされた行になります。

次の XAML を含む WPF ウィンドウが与えられた場合、フォーカスされた行と選択された行を同期するにはどうすればよいですか?

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Grid>
        <Grid.Resources>

            <x:Array x:Key="MyList" Type="sys:String" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:sys="clr-namespace:System;assembly=mscorlib">
                <sys:String>Hello</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
                <sys:String>World</sys:String>
            </x:Array>

            <Style TargetType="{x:Type DataGrid}">
                <Setter Property="AlternationCount" Value="2" />
                <Setter Property="AutoGenerateColumns" Value="False"/>
            </Style>

            <Style TargetType="{x:Type DataGridCell}">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Focusable" Value="False"/>
            </Style>

            <Style TargetType="{x:Type DataGridRow}">
                <Setter Property="Focusable" Value="True"/>
                <Style.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="AlternationIndex" Value="0"/>
                            <Condition Property="IsSelected" Value="False"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Background" Value="White"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="AlternationIndex" Value="1"/>
                            <Condition Property="IsSelected" Value="False"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Background" Value="Gainsboro"/>
                    </MultiTrigger>
                    <Trigger Property="AlternationIndex" Value="1">
                        <Setter Property="Background" Value="Gainsboro"/>
                    </Trigger>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="#BF228B22"/>
                        <Setter Property="BorderBrush" Value="ForestGreen"/>
                        <Setter Property="BorderThickness" Value="1"/>
                    </Trigger>
                </Style.Triggers>
            </Style>

        </Grid.Resources>

        <DataGrid ItemsSource="{StaticResource MyList}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Name" Binding="{Binding}" Width="*"/>
            </DataGrid.Columns>
        </DataGrid>

    </Grid>

</Window>

次の画像では、赤のフォーカス四角形と緑の選択された行が明らかに同期されていないことがわかります。これがデフォルトの動作だと思います。つまり、SelectedRow は常に Focused であり、FocusedRow は常に Selected です。

ここに画像の説明を入力

4

1 に答える 1

2

添付プロパティを使用して、DataGrid 内のフォーカス変更イベントと選択変更イベントをリッスンしてみてください。これらのいずれかが発生した場合は、選択またはフォーカスを変更することで、それに応じて対応できます。

コード例を次に示します。DataGridAttachment クラスに特に注意してください。それは、添付プロパティが定義されている場所であり、ロジックが存在してフォーカスおよび選択変更イベントに反応する場所です。

MainWindow.xaml

<Window x:Class="_15098869.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:_15098869"
    Title="MainWindow"
    Width="525"
    Height="350">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <DataGrid Name="DataGrid"
              ItemsSource="{Binding Path=Items}"
              local:DataGridAttachment.SyncSelectionWithFocus="True" />
    <Button Grid.Row="1"
            Click="MoveSelectionButtonOnClick"
            Content="Move Selection" />
</Grid>

MainWindow.xaml.cs (分離コード)

using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;

namespace _15098869
{
    /// <summary>
    ///     Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow
    {
        public MainWindow()
        {
            InitializeComponent();

            DataContext = this;

            Items = new ObservableCollection<DemoItem>();
            Items.Add(new DemoItem {FirstName = "John", LastName = "Doe"});
            Items.Add(new DemoItem {FirstName = "Jane", LastName = "Doe"});
            Items.Add(new DemoItem {FirstName = "Bob", LastName = "Doe"});
        }

        public ObservableCollection<DemoItem> Items { get; private set; }

        public void MoveSelectionButtonOnClick(object sender, RoutedEventArgs e)
        {
            var max = DataGrid.Items.Count - 1;
            DataGrid.SelectedIndex = DataGrid.SelectedIndex == max ? 0 : DataGrid.SelectedIndex + 1;
        }
    }

    public class DemoItem
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
    }

    public static class DataGridAttachment
    {
        public static readonly DependencyProperty SyncSelectionWithFocusProperty =
            DependencyProperty.RegisterAttached("SyncSelectionWithFocus", typeof (bool), typeof (DataGridAttachment), new PropertyMetadata(default(bool), SyncSelectionWithFocusChanged));

        private static void SyncSelectionWithFocusChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
        {
            var dataGrid = dependencyObject as DataGrid;
            if (dataGrid == null) return;

            var shouldSync = GetSyncSelectionWithFocus(dataGrid);

            if (shouldSync)
            {
                dataGrid.AddHandler(UIElement.GotFocusEvent, new RoutedEventHandler(DataGridOnGotFocus));
                dataGrid.AddHandler(Selector.SelectionChangedEvent, new SelectionChangedEventHandler(DataGridOnSelectionChanged));
            }
        }

        private static void DataGridOnGotFocus(object sender, RoutedEventArgs e)
        {
            var dataGrid = sender as DataGrid;
            var element = e.OriginalSource as DataGridCell;

            if (dataGrid == null || element == null) return;
            dataGrid.SelectedItem = element.DataContext;
        }

        private static void DataGridOnSelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            var dataGrid = sender as DataGrid;

            if (dataGrid == null) return;

            if (!dataGrid.IsKeyboardFocusWithin)
            {
                dataGrid.Focus();
            }
        }

        public static void SetSyncSelectionWithFocus(DataGrid element, bool value)
        {
            element.SetValue(SyncSelectionWithFocusProperty, value);
        }

        public static bool GetSyncSelectionWithFocus(DataGrid element)
        {
            return (bool) element.GetValue(SyncSelectionWithFocusProperty);
        }
    }
}
于 2013-02-26T23:29:05.800 に答える