WPF DataGridを可変数の列にバインドするにはどうすればよいですか?


124

私のWPFアプリケーションは、毎回異なる数の列を持つ可能性があるデータのセットを生成します。出力には、フォーマットの適用に使用される各列の説明が含まれています。出力の簡略化されたバージョンは次のようになります。

class Data
{
    IList<ColumnDescription> ColumnDescriptions { get; set; }
    string[][] Rows { get; set; }
}

このクラスはWPF DataGridのDataContextとして設定されますが、実際には列をプログラムで作成します。

for (int i = 0; i < data.ColumnDescriptions.Count; i++)
{
    dataGrid.Columns.Add(new DataGridTextColumn
    {
        Header = data.ColumnDescriptions[i].Name,
        Binding = new Binding(string.Format("[{0}]", i))
    });
}

代わりに、このコードをXAMLファイルのデータバインディングに置き換える方法はありますか?

回答:


127

DataGridで列をバインドするための回避策を次に示します。ColumnsプロパティはReadOnlyなので、誰もが気づいたように、CollectionChangedイベントによってコレクションが変更されるたびにDataGridの列を更新するBindableColumnsと呼ばれるAttachedプロパティを作成しました。

このDataGridColumnのコレクションがある場合

public ObservableCollection<DataGridColumn> ColumnCollection
{
    get;
    private set;
}

次に、BindableColumnsをColumnCollectionに次のようにバインドできます。

<DataGrid Name="dataGrid"
          local:DataGridColumnsBehavior.BindableColumns="{Binding ColumnCollection}"
          AutoGenerateColumns="False"
          ...>

添付プロパティBindableColumns

public class DataGridColumnsBehavior
{
    public static readonly DependencyProperty BindableColumnsProperty =
        DependencyProperty.RegisterAttached("BindableColumns",
                                            typeof(ObservableCollection<DataGridColumn>),
                                            typeof(DataGridColumnsBehavior),
                                            new UIPropertyMetadata(null, BindableColumnsPropertyChanged));
    private static void BindableColumnsPropertyChanged(DependencyObject source, DependencyPropertyChangedEventArgs e)
    {
        DataGrid dataGrid = source as DataGrid;
        ObservableCollection<DataGridColumn> columns = e.NewValue as ObservableCollection<DataGridColumn>;
        dataGrid.Columns.Clear();
        if (columns == null)
        {
            return;
        }
        foreach (DataGridColumn column in columns)
        {
            dataGrid.Columns.Add(column);
        }
        columns.CollectionChanged += (sender, e2) =>
        {
            NotifyCollectionChangedEventArgs ne = e2 as NotifyCollectionChangedEventArgs;
            if (ne.Action == NotifyCollectionChangedAction.Reset)
            {
                dataGrid.Columns.Clear();
                foreach (DataGridColumn column in ne.NewItems)
                {
                    dataGrid.Columns.Add(column);
                }
            }
            else if (ne.Action == NotifyCollectionChangedAction.Add)
            {
                foreach (DataGridColumn column in ne.NewItems)
                {
                    dataGrid.Columns.Add(column);
                }
            }
            else if (ne.Action == NotifyCollectionChangedAction.Move)
            {
                dataGrid.Columns.Move(ne.OldStartingIndex, ne.NewStartingIndex);
            }
            else if (ne.Action == NotifyCollectionChangedAction.Remove)
            {
                foreach (DataGridColumn column in ne.OldItems)
                {
                    dataGrid.Columns.Remove(column);
                }
            }
            else if (ne.Action == NotifyCollectionChangedAction.Replace)
            {
                dataGrid.Columns[ne.NewStartingIndex] = ne.NewItems[0] as DataGridColumn;
            }
        };
    }
    public static void SetBindableColumns(DependencyObject element, ObservableCollection<DataGridColumn> value)
    {
        element.SetValue(BindableColumnsProperty, value);
    }
    public static ObservableCollection<DataGridColumn> GetBindableColumns(DependencyObject element)
    {
        return (ObservableCollection<DataGridColumn>)element.GetValue(BindableColumnsProperty);
    }
}

1
MVVMパターンの優れたソリューション
WPFKK 2013

2
完璧なソリューション!おそらく、BindableColumnsPropertyChangedで他にいくつかのことを行う必要があります。1. dataGridにアクセスする前にnullを確認し、DataGridへのバインドについてのみ説明した例外をスローします。2. e.OldValueのnullを確認し、CollectionChangedイベントのサブスクライブを解除して、メモリリークを防止します。あなたの納得のために。
Mike Eshva 2013年

3
イベントCollectionChangedコレクションを列コレクションのイベントに登録しますが、登録を解除することはありません。そうDataGridすれば、DataGridそもそもを含んでいたコントロールテンプレートがその間に置き換えられた場合でも、ビューモデルが存在する限り、は存続します。がDataGrid不要になったときに、そのイベントハンドラーの登録を解除する保証された方法はありますか?
またはMapper、

1
@ORマッパー:理論的には存在しますが、機能しません:WeakEventManager <ObservableCollection <DataGridColumn>、NotifyCollectionChangedEventArgs> .AddHandler(columns、 "CollectionChanged"、(s、ne)=> {switch ....});
あまりにも

6
それはソリューションではありません。主な理由は、ViewModelでUIクラスを使用していることです。また、ページ切り替えを作成しようとしても機能しません。そのようなデータグリッドでページに戻るとdataGrid.Columns.Add(column)、ヘッダー 'X'のあるDataGridColumnがDataGridのColumnsコレクションに既に存在することが期待されます。DataGridsは列を共有できず、重複する列インスタンスを含むことはできません。
ルスラン

19

私は研究を続けており、これを行うための合理的な方法を見つけていません。DataGridのColumnsプロパティは、バインドできるものではなく、実際には読み取り専用です。

ブライアンは、AutoGenerateColumnsで何かができるかもしれないと提案したので、見てみました。シンプルな.Netリフレクションを使用して、ItemsSourceのオブジェクトのプロパティを確認し、それぞれの列を生成します。おそらく、各列のプロパティを使用してオンザフライで型を生成できますが、これは順調に進んでいません。

この問題はコードで簡単に解決できるので、データコンテキストが新しい列で更新されるたびに呼び出す単純な拡張メソッドを使用します。

public static void GenerateColumns(this DataGrid dataGrid, IEnumerable<ColumnSchema> columns)
{
    dataGrid.Columns.Clear();

    int index = 0;
    foreach (var column in columns)
    {
        dataGrid.Columns.Add(new DataGridTextColumn
        {
            Header = column.Name,
            Binding = new Binding(string.Format("[{0}]", index++))
        });
    }
}

// E.g. myGrid.GenerateColumns(schema);

1
最高の投票と受け入れられたソリューションは最高のものではありません!2年後の答えは次のとおり
Mikhail

4
いいえ、そうではありません。とにかく、提供されたリンクではありません。そのソリューションの結果は完全に異なるためです。
321X

2
Mealekのソリューションの方がはるかに普遍的で、C#コードの直接使用が問題となる状況(ControlTemplatesなど)で役立ちます。
EFraim

@Mikhailリンクが壊れている
LuckyLikey

3
ここでのリンクは次のとおりです。blogs.msmvps.com/deborahk/...
ミハイル

9

DataGridで可変数の列を表示する方法を巧妙に紹介する、Deborah Kurataによるブログ記事を見つけました。

MVVMを使用してSilverlightアプリケーションで動的列をDataGridに設定する

基本的には、彼女が作成DataGridTemplateColumnし、プットItemsControlそのディスプレイ内の複数の列が。


1
プログラム版とは全然違います!!
321X 2011

1
@ 321X:観察された違いについて詳しく説明していただけますか(また、これに対するすべてのソリューションがプログラムされているため、プログラムされたバージョンの意味を指定してください)。
またはMapper

「ページが見つかりません」と表示されます
Jeson Martajaya 2015


これは驚くべきことです!
Ravid Goldenberg 2016

6

次のようなコード行を使用して、動的に列を追加できるようにしました。

MyItemsCollection.AddPropertyDescriptor(
    new DynamicPropertyDescriptor<User, int>("Age", x => x.Age));

質問に関しては、これはXAMLベースのソリューションではありません(前述のようにそれを行う合理的な方法がないため)。また、DataGrid.Columnsを直接操作するソリューションでもありません。実際には、DataGridにバインドされたItemsSourceで動作します。ItemsSourceはITypedListを実装しているため、PropertyDescriptorを取得するためのカスタムメソッドを提供します。コードの1つの場所で、グリッドの「データ行」と「データ列」を定義できます。

あなたが持っているなら:

IList<string> ColumnNames { get; set; }
//dict.key is column name, dict.value is value
Dictionary<string, string> Rows { get; set; }

たとえば、次のように使用できます。

var descriptors= new List<PropertyDescriptor>();
//retrieve column name from preprepared list or retrieve from one of the items in dictionary
foreach(var columnName in ColumnNames)
    descriptors.Add(new DynamicPropertyDescriptor<Dictionary, string>(ColumnName, x => x[columnName]))
MyItemsCollection = new DynamicDataGridSource(Rows, descriptors) 

MyItemsCollectionへのバインディングを使用するグリッドには、対応する列が入力されます。これらの列は実行時に動的に変更(新規追加または既存の削除)でき、グリッドはその列コレクションを自動的に更新します。

上記のDynamicPropertyDescriptorは、通常のPropertyDescriptorへのアップグレードにすぎず、厳密に型指定された列定義といくつかの追加オプションを提供します。そうでない場合、DynamicDataGridSourceは基本的なPropertyDescriptorで正常に動作します。


3

サブスクリプション解除を処理する承認された回答のバージョンを作成しました。

public class DataGridColumnsBehavior
{
    public static readonly DependencyProperty BindableColumnsProperty =
        DependencyProperty.RegisterAttached("BindableColumns",
                                            typeof(ObservableCollection<DataGridColumn>),
                                            typeof(DataGridColumnsBehavior),
                                            new UIPropertyMetadata(null, BindableColumnsPropertyChanged));

    /// <summary>Collection to store collection change handlers - to be able to unsubscribe later.</summary>
    private static readonly Dictionary<DataGrid, NotifyCollectionChangedEventHandler> _handlers;

    static DataGridColumnsBehavior()
    {
        _handlers = new Dictionary<DataGrid, NotifyCollectionChangedEventHandler>();
    }

    private static void BindableColumnsPropertyChanged(DependencyObject source, DependencyPropertyChangedEventArgs e)
    {
        DataGrid dataGrid = source as DataGrid;

        ObservableCollection<DataGridColumn> oldColumns = e.OldValue as ObservableCollection<DataGridColumn>;
        if (oldColumns != null)
        {
            // Remove all columns.
            dataGrid.Columns.Clear();

            // Unsubscribe from old collection.
            NotifyCollectionChangedEventHandler h;
            if (_handlers.TryGetValue(dataGrid, out h))
            {
                oldColumns.CollectionChanged -= h;
                _handlers.Remove(dataGrid);
            }
        }

        ObservableCollection<DataGridColumn> newColumns = e.NewValue as ObservableCollection<DataGridColumn>;
        dataGrid.Columns.Clear();
        if (newColumns != null)
        {
            // Add columns from this source.
            foreach (DataGridColumn column in newColumns)
                dataGrid.Columns.Add(column);

            // Subscribe to future changes.
            NotifyCollectionChangedEventHandler h = (_, ne) => OnCollectionChanged(ne, dataGrid);
            _handlers[dataGrid] = h;
            newColumns.CollectionChanged += h;
        }
    }

    static void OnCollectionChanged(NotifyCollectionChangedEventArgs ne, DataGrid dataGrid)
    {
        switch (ne.Action)
        {
            case NotifyCollectionChangedAction.Reset:
                dataGrid.Columns.Clear();
                foreach (DataGridColumn column in ne.NewItems)
                    dataGrid.Columns.Add(column);
                break;
            case NotifyCollectionChangedAction.Add:
                foreach (DataGridColumn column in ne.NewItems)
                    dataGrid.Columns.Add(column);
                break;
            case NotifyCollectionChangedAction.Move:
                dataGrid.Columns.Move(ne.OldStartingIndex, ne.NewStartingIndex);
                break;
            case NotifyCollectionChangedAction.Remove:
                foreach (DataGridColumn column in ne.OldItems)
                    dataGrid.Columns.Remove(column);
                break;
            case NotifyCollectionChangedAction.Replace:
                dataGrid.Columns[ne.NewStartingIndex] = ne.NewItems[0] as DataGridColumn;
                break;
        }
    }

    public static void SetBindableColumns(DependencyObject element, ObservableCollection<DataGridColumn> value)
    {
        element.SetValue(BindableColumnsProperty, value);
    }

    public static ObservableCollection<DataGridColumn> GetBindableColumns(DependencyObject element)
    {
        return (ObservableCollection<DataGridColumn>)element.GetValue(BindableColumnsProperty);
    }
}

2

グリッド定義を使用してユーザーコントロールを作成し、xamlでさまざまな列定義を使用して「子」コントロールを定義できます。親には、列の依存関係プロパティと列をロードするメソッドが必要です。

親:


public ObservableCollection<DataGridColumn> gridColumns
{
  get
  {
    return (ObservableCollection<DataGridColumn>)GetValue(ColumnsProperty);
  }
  set
  {
    SetValue(ColumnsProperty, value);
  }
}
public static readonly DependencyProperty ColumnsProperty =
  DependencyProperty.Register("gridColumns",
  typeof(ObservableCollection<DataGridColumn>),
  typeof(parentControl),
  new PropertyMetadata(new ObservableCollection<DataGridColumn>()));

public void LoadGrid()
{
  if (gridColumns.Count > 0)
    myGrid.Columns.Clear();

  foreach (DataGridColumn c in gridColumns)
  {
    myGrid.Columns.Add(c);
  }
}

子Xaml:


<local:parentControl x:Name="deGrid">           
  <local:parentControl.gridColumns>
    <toolkit:DataGridTextColumn Width="Auto" Header="1" Binding="{Binding Path=.}" />
    <toolkit:DataGridTextColumn Width="Auto" Header="2" Binding="{Binding Path=.}" />
  </local:parentControl.gridColumns>  
</local:parentControl>

そして最後に、トリッキーな部分は「LoadGrid」を呼び出す場所を見つけることです。
私はこれに苦労していInitalizeComponentますが、ウィンドウコンストラクター(childGridはwindow.xamlのx:name)で後から呼び出すことで機能します。

childGrid.deGrid.LoadGrid();

関連ブログエントリ


1

AutoGenerateColumnsとDataTemplateでこれを行うことができる場合があります。たくさんの仕事がなくてもうまくいくなら、私は前向きではありません。あなたはそれをいじる必要があります。正直なところ、もしあなたがすでに有効な解決策を持っているなら、大きな理由がない限り、私はまだ変更を加えません。DataGridコントロールは非常に良いものになっていますが、このような動的なタスクを簡単に実行できるようにするには、まだいくらかの作業が必要です(そして、私にはまだやらなければならないことがたくさんあります)。


私の理由は、ASP.Netから来るので、まともなデータバインディングで何ができるのかは初めてで、どこに制限があるのか​​わかりません。AutoGenerateColumnsを試してみます。ありがとうございます。
一般的なエラー

0

私がプログラムで行う方法のサンプルがあります:

public partial class UserControlWithComboBoxColumnDataGrid : UserControl
{
    private Dictionary<int, string> _Dictionary;
    private ObservableCollection<MyItem> _MyItems;
    public UserControlWithComboBoxColumnDataGrid() {
      _Dictionary = new Dictionary<int, string>();
      _Dictionary.Add(1,"A");
      _Dictionary.Add(2,"B");
      _MyItems = new ObservableCollection<MyItem>();
      dataGridMyItems.AutoGeneratingColumn += DataGridMyItems_AutoGeneratingColumn;
      dataGridMyItems.ItemsSource = _MyItems;

    }
private void DataGridMyItems_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
        {
            var desc = e.PropertyDescriptor as PropertyDescriptor;
            var att = desc.Attributes[typeof(ColumnNameAttribute)] as ColumnNameAttribute;
            if (att != null)
            {
                if (att.Name == "My Combobox Item") {
                    var comboBoxColumn =  new DataGridComboBoxColumn {
                        DisplayMemberPath = "Value",
                        SelectedValuePath = "Key",
                        ItemsSource = _ApprovalTypes,
                        SelectedValueBinding =  new Binding( "Bazinga"),   
                    };
                    e.Column = comboBoxColumn;
                }

            }
        }

}
public class MyItem {
    public string Name{get;set;}
    [ColumnName("My Combobox Item")]
    public int Bazinga {get;set;}
}

  public class ColumnNameAttribute : Attribute
    {
        public string Name { get; set; }
        public ColumnNameAttribute(string name) { Name = name; }
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.