ฉันจะผูก WPF DataGrid กับจำนวนคอลัมน์ตัวแปรได้อย่างไร


124

แอปพลิเคชัน WPF ของฉันสร้างชุดข้อมูลซึ่งอาจมีจำนวนคอลัมน์ที่แตกต่างกันในแต่ละครั้ง รวมอยู่ในผลลัพธ์คือคำอธิบายของแต่ละคอลัมน์ที่จะใช้ในการจัดรูปแบบ เอาต์พุตเวอร์ชันที่เรียบง่ายอาจมีลักษณะดังนี้:

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

คลาสนี้ถูกตั้งค่าเป็น DataContext บน WPF DataGrid แต่จริงๆแล้วฉันสร้างคอลัมน์โดยใช้โปรแกรม:

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 เนื่องจากคุณสมบัติคอลัมน์เป็นแบบอ่านอย่างเดียวเหมือนที่ทุกคนสังเกตเห็นฉันจึงสร้างคุณสมบัติที่แนบมาชื่อ BindableColumns ซึ่งอัปเดตคอลัมน์ใน DataGrid ทุกครั้งที่คอลเลกชันเปลี่ยนแปลงผ่านเหตุการณ์ CollectionChanged

หากเรามีคอลเล็กชัน 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

2
โซลูชั่นที่สมบูรณ์แบบ! คุณอาจต้องทำสิ่งอื่น ๆ อีกสองสามอย่างใน BindableColumnsPropertyChanged: 1. ตรวจสอบ dataGrid สำหรับ null ก่อนที่จะเข้าถึงและแสดงข้อยกเว้นพร้อมคำอธิบายที่ดีเกี่ยวกับการผูกกับ DataGrid เท่านั้น 2. ตรวจสอบ e.OldValue สำหรับค่าว่างและยกเลิกการสมัครจากเหตุการณ์ CollectionChanged เพื่อป้องกันการรั่วไหลของหน่วยความจำ เพียงเพื่อความมั่นใจของคุณ
Mike Eshva

3
คุณลงทะเบียนตัวจัดการเหตุการณ์ด้วยCollectionChangedเหตุการณ์ของคอลเลกชันคอลัมน์ แต่คุณจะไม่ยกเลิกการลงทะเบียน ด้วยวิธีนี้DataGridจะยังคงมีชีวิตอยู่ตราบเท่าที่ view-model มีอยู่แม้ว่าเทมเพลตการควบคุมที่มีอยู่DataGridในตอนแรกจะถูกแทนที่ในขณะเดียวกันก็ตาม มีวิธีใดที่รับประกันได้ในการยกเลิกการลงทะเบียนตัวจัดการเหตุการณ์นั้นอีกครั้งเมื่อDataGridไม่จำเป็นต้องใช้อีกต่อไป
หรือผู้ทำแผนที่

1
@OR Mapper: ในทางทฤษฎีมี แต่ไม่ได้ผล: WeakEventManager <ObservableCollection <DataGridColumn>, NotifyCollectionChangedEventArgs >AddHandler (คอลัมน์ "CollectionChanged", (s, ne) => {switch .... });
เกินไป

6
ไม่ใช่วิธีแก้ปัญหา สาเหตุหลักคือคุณใช้คลาส UI ใน ViewModel นอกจากนี้จะไม่ทำงานเมื่อคุณพยายามสร้างการสลับหน้า เมื่อเปลี่ยนกลับไปที่หน้าด้วยดาต้ากริดดังกล่าวคุณจะได้รับ expection ในบรรทัดdataGrid.Columns.Add(column)DataGridColumn ที่มี Header 'X' อยู่แล้วในคอลเลกชันคอลัมน์ของ DataGrid DataGrids ไม่สามารถแชร์คอลัมน์และไม่สามารถมีอินสแตนซ์คอลัมน์ที่ซ้ำกันได้
Ruslan F.

19

ฉันทำการวิจัยต่อไปและไม่พบวิธีที่สมเหตุสมผลในการทำเช่นนี้ คุณสมบัติ Columns บน DataGrid ไม่ใช่สิ่งที่ฉันสามารถผูกมัดได้เนื่องจากเป็นแบบอ่านอย่างเดียว

ไบรอันแนะนำบางอย่างที่อาจทำได้ด้วย 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
วิธีแก้ปัญหาที่ได้รับการโหวตและยอมรับสูงสุดไม่ใช่วิธีที่ดีที่สุด! สองปีต่อมาคำตอบคือ: msmvps.com/blogs/deborahk/archive/2011/01/23/…
Mikhail

4
ไม่มันจะไม่ ไม่ใช่ลิงค์ที่ให้มาเพราะผลลัพธ์ของการแก้ปัญหานั้นแตกต่างกันอย่างสิ้นเชิง!
321X

2
ดูเหมือนว่าโซลูชันของ Mealek จะมีความเป็นสากลมากกว่าและมีประโยชน์ในสถานการณ์ที่การใช้รหัส C # โดยตรงเป็นปัญหาเช่นใน ControlTemplates
EFraim

@Mikhail ลิงค์เสีย
LuckyLikey

3
นี่คือลิงค์: blogs.msmvps.com/deborahk/…
Mikhail

9

ฉันได้พบบทความบล็อกโดย Deborah Kurata พร้อมเคล็ดลับดีๆในการแสดงจำนวนคอลัมน์ตัวแปรใน DataGrid:

การเติม DataGrid ด้วยคอลัมน์แบบไดนามิกในแอปพลิเคชัน Silverlight โดยใช้ MVVM

โดยพื้นฐานแล้วเธอสร้างDataGridTemplateColumnและวางItemsControlไว้ภายในซึ่งแสดงหลายคอลัมน์


1
มันไม่ได้ผลลัพธ์เหมือนกับเวอร์ชั่นโปรแกรม !!
321X

1
@ 321X: คุณช่วยอธิบายให้ละเอียดได้ไหมว่าความแตกต่างที่สังเกตได้คืออะไร (และระบุความหมายของคุณตามเวอร์ชันโปรแกรมเนื่องจากโซลูชันทั้งหมดนี้ได้รับการตั้งโปรแกรมไว้)
หรือผู้ทำแผนที่

มีข้อความว่า "ไม่พบหน้าเว็บ"
Jeson Martajaya

2
นี่คือลิงค์blogs.msmvps.com/deborahk/…
Mikhail

แค่นี้ก็น่าทึ่งแล้ว !!
Ravid Goldenberg

6

ฉันจัดการเพื่อให้สามารถเพิ่มคอลัมน์แบบไดนามิกได้โดยใช้โค้ดเพียงบรรทัดดังนี้:

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

สำหรับคำถามนี้ไม่ใช่โซลูชันที่ใช้ XAML (เนื่องจากตามที่กล่าวไปแล้วไม่มีวิธีที่สมเหตุสมผลในการทำเช่นนั้น) ทั้งยังไม่ใช่โซลูชันที่ทำงานโดยตรงกับ DataGrid.Columns มันทำงานร่วมกับ ItemsSource ที่ผูกกับ DataGrid ซึ่งใช้ ITypedList และด้วยเหตุนี้จึงมีวิธีการที่กำหนดเองสำหรับการดึง PropertyDescriptor ในที่เดียวในโค้ดคุณสามารถกำหนด "แถวข้อมูล" และ "คอลัมน์ข้อมูล" สำหรับกริดของคุณได้

หากคุณมี:

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

คุณสามารถสร้าง usercontrol ด้วยนิยามกริดและกำหนดคอนโทรล 'child' ด้วยนิยามคอลัมน์ที่แตกต่างกันใน 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 คือ x: ชื่อใน window.xaml):

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.