WPF/DataGrid/Tips の履歴(No.1)

履歴一覧
差分を表示
現在との差分を表示
ソースを表示
WPF/DataGrid/Tips へ行く。
- 1 (2012-10-28 (日) 23:43:11)

Tag: WPF/DataGrid/Tips

目次†

目次
参考情報
Tips

↑

参考情報†

WPF/DataGrid

↑

Tips†

↑

基本†

Windows Presentation Foundation (WPF) - Single-Click Editingにある方法で可能。
DataGridCellにPreviewMouseLeftButtonDownをセットし、事前にセルにフォーカスをあわせ選択状態にすることでシングルクリックで編集可能になる。
Application全体でDataGridに共通のスタイルを設定している場合、EventSetterで設定するとスタイルが適用されなくなってしまうので、ResourceDictionaryを使って設定する(下記参照)

↑

すべてのDataGridでシングルクリック編集を可能にする†

c# - Single click edit in WPF DataGrid - Stack Overflowに記述あり。

ResourceDictionaryを使う。新規→リソースディクショナリでDataGrydStyles.xamlを追加。

<ResourceDictionary 
    x:Class="ControlDemo.DataGridDemo.SingleClick.DataGridStyles"
    x:ClassModifier="public"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="DataGrid">
        <!-- Your DataGrid style definition goes here -->
        <Setter Property="CellStyle">
            <Setter.Value>
                <Style TargetType="DataGridCell">
                    <EventSetter Event="PreviewMouseLeftButtonDown" Handler="DataGridCell_PreviewMouseLeftButtonDown"/>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

DataGridStyles.xaml.csを追加し、ここにDataGridCell_PreviewMouseLeftButtonDownを追加する。

namespace ControlDemo.DataGridDemo.SingleClick
{
    partial class DataGridStyles : ResourceDictionary
    {
        //
        // SINGLE CLICK EDITING
        //
        private void DataGridCell_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            DataGridCell cell = sender as DataGridCell;
            if (cell != null && !cell.IsEditing && !cell.IsReadOnly)
            {
                if (!cell.IsFocused)
                {
                    cell.Focus();
                }
                DataGrid dataGrid = FindVisualParent<DataGrid>(cell);
                if (dataGrid != null)
                {
                    if (dataGrid.SelectionUnit != DataGridSelectionUnit.FullRow)
                    {
                        if (!cell.IsSelected)
                            cell.IsSelected = true;
                    }
                    else
                    {
                        DataGridRow row = FindVisualParent<DataGridRow>(cell);
                        if (row != null && !row.IsSelected)
                        {
                            row.IsSelected = true;
                        }
                    }
                }
            }
        }

        static T FindVisualParent<T>(UIElement element) where T : UIElement
        {
            UIElement parent = element;
            while (parent != null)
            {
                T correctlyTyped = parent as T;
                if (correctlyTyped != null)
                {
                    return correctlyTyped;
                }

                parent = VisualTreeHelper.GetParent(parent) as UIElement;
            }
            return null;
        } 
    }
}

↑

DataGridTemplateColumnで内部のコントロールにフォーカスするようにする†

DataGridTextColumnなどでは上記シングルクリック対応により一発でセルが編集可能になるが、DataGridTemplateColumnでは編集状態になるものの、内部のコントロールにフォーカスしないため、もう一回クリックする必要がでてくる。

これを解消するには、DataGridTemplateColumnを継承したクラスを使う。

    public class CustomDataGridTemplateColumn :DataGridTemplateColumn
    {
        protected override object PrepareCellForEdit(FrameworkElement editingElement,
                                                                RoutedEventArgs editingEventArgs)
        {
            editingElement.MoveFocus(new TraversalRequest(FocusNavigationDirection.First));
            return base.PrepareCellForEdit(editingElement, editingEventArgs);
        } 
    }