将datagrid绑定到ObservableCollection列表

本文关键字：ObservableCollection 列表 绑定 datagrid | 更新日期: 2023-09-27 18:03:42

我是WPF的新手，我想从xaml绑定到ObservableCollection。目前我是这样做的:

在xaml: 

<Grid Grid.Column="1">
            <local:ProcessingStep DataContext="{Binding ProcessingSteps[0]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
<Grid Grid.Column="2">
<local:ProcessingStep DataContext="{Binding ProcessingSteps[1]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
<Grid Grid.Column="3">
     <local:ProcessingStep DataContext="{Binding ProcessingSteps[2]}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>
在cs: 

public ObservableCollection<ProcessingStepView> ProcessingSteps
{
     get
     {
        return m_ProcessingSteps ??
             (m_ProcessingSteps = new ObservableCollection<ProcessingStepViewl>
                       {
                           new ProcessingStepView("Step1"),
                           new ProcessingStepView("Step2"),
                           new ProcessingStepView("Step3")
                       });
      }
}

如何将列表直接绑定到wpf?例如:如果我有100个步骤，一个一个地做是不好的。

将datagrid绑定到ObservableCollection列表

您可以使用ItemsControl和ItemTemplate并绑定您的列表:

<ItemsControl ItemsSource="{Binding ProcessingSteps}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:ProcessingStep />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

ItemsControl基本上只是一个重复器，没有选择，它将重复ItemTemplate与ProcessingSteps中的许多项目一样多次，并将它们放置在您选择的任何面板中。本例中为水平StackPanel

相关文章：