CODEWITHSUNDEEP
c#wpf
olidev
olidev

Reputation: 20644

Bind datagrid to an ObservableCollection list

I am new with WPF and I would like to bind from xaml to an ObservableCollection. Currently I am doing like this:

in 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>

in cs:

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

How can I bind the list directly to wpf? e.g: if I have 100 steps, it is not nice to do one by one.

Upvotes: 1

Views: 302

Answers (1)

dkozl
dkozl

Reputation: 33364

You can use ItemsControl with ItemTemplate and bind your list:

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

ItemsControl is basically just a repeater, without selection, that will repeat ItemTemplate as many times as many items there are in ProcessingSteps and place them in whichever panel you choose. In this case horizontal StackPanel

Upvotes: 2

Related Questions