绑定到集合WPF/VB中的列表

Question

我想知道是否可以将数据网格列绑定到存储在可观察集合中的列表（Of T）！

这是我当前的代码：

    Dim _BindWithThis As New List(Of BindWithThis)
    Me.DataContext = _BindWithThis
    For i = 0 To 3
        Dim NewList As New List(Of Double) From {i + 0.25, i + 0.5, i + 0.75}
        _BindWithThis.Add(New BindWithThis() With _ 
    {.InternalNum = i, .DataValue = NewList})
    Next
    DataGrid1.ItemsSource = _BindWithThis
    Dim NC As New DataGridTextColumn
    NC.Header = "New Column"
    NC.Width = 85
    Dim b As New Binding
    b.Path = New PropertyPath("DataValue")
    NC.Binding = b
    DataGrid1.Columns.Add(NC)

当前显示四行"（集合）"。是否可以进入其中一个"集合"行并显示数据？我知道这可以通过与集合中的特定元素绑定来处理列表框：

        ListBox1.ItemsSource = _BindWithThis.Item(0).DataValue

我只是不知道如何用数据网格来做这件事。。。

谢谢你的帮助！

James

Answer 1

这是我承诺的例子。这使用DataGrid.RowDetailsTemplate来展开/折叠数据列表。很抱歉这是C#而不是VB.NET.

Xaml:

<Page.DataContext>
    <Samples:DataGridRowDetails2ViewModel/>
</Page.DataContext>
<Grid>
    <DataGrid x:Name="dataGrid" ItemsSource="{Binding Items}" 
              AutoGenerateColumns="False" IsReadOnly="True">
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
            <DataGridTemplateColumn Header="Show details">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ToggleButton Content="Show details" 
                                      IsChecked="{Binding IsChecked}" 
                                      Checked="ToggleButtonChecked" Unchecked="ToggleButtonChecked"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
        <DataGrid.RowDetailsTemplate>
            <DataTemplate DataType="{x:Type Samples:DataItemWithDetails}">
                <ItemsControl ItemsSource="{Binding Doubles}" />
            </DataTemplate>
        </DataGrid.RowDetailsTemplate>
    </DataGrid>    
</Grid>

C#

public partial class DataGridRowDetails2
{
    public DataGridRowDetails2()
    {
        InitializeComponent();
    }
    private void ToggleButtonChecked(object sender, RoutedEventArgs e)
    {
        var button = (ToggleButton)sender;
        DataGridRow dataGridRow = 
            (DataGridRow)dataGrid.ItemContainerGenerator.ContainerFromItem(button.DataContext);
            dataGridRow.DetailsVisibility = 
                (button.IsChecked??false) ? Visibility.Visible : Visibility.Collapsed;
    }
}

您当然会使用ObservableCollection<>并为实际代码实现INotifyPropertyChanged。

public class DataGridRowDetails2ViewModel
{
    public DataGridRowDetails2ViewModel()
    {
        Items = new List<DataItemWithDetails>
                    {
                        new DataItemWithDetails{ Name = "Item 1"},
                        new DataItemWithDetails{ Name = "Item 2"},
                        new DataItemWithDetails{ Name = "Item 3"},
                        new DataItemWithDetails{ Name = "Item 4"},
                    };
    }
    public IList<DataItemWithDetails> Items { get; set; }
    public bool IsChecked { get; set; }
}
public class DataItemWithDetails
{
    public DataItemWithDetails()
    {
        Doubles = new List<double> {1, 2, 3, 4};
    }
    public string Name { get; set; }
    public IList<double> Doubles { get; set; }
}

Answer 2

您需要设置AutoGenerateColumns="False"并定义您想要自己的列

下面是一个快速示例，它将在ListBox而不是默认的TextBlock 中显示您的收藏

<DataGrid AutoGenerateColumns="False"
          ItemsSource="{Binding YourCollection}">
    <DataGrid.Columns>        
        <DataGridTemplateColumn Header="Column Header">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ListBox ItemsSource="{Binding MySubCollection}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>