將datagrid綁定到ObservableCollection列表

Question

我是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個步驟，那麼一個接一個地做是不好的。

Answer 1

您可以使用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