siatka wpf z dynamicznymi kolumnami

Question

Mam kolekcję, którą chcę powiązać z siatką WPF.

Problem, który napotykam, polega na tym, że liczba kolumn jest dynamiczna i zależy od kolekcji. Oto prosty przykład:

public interface IRows 
{ 
    string Message{get;} 
    IColumns[] Columns{get;} 
} 

public interface IColumns 
{ 
    string Header {get;} 
    AcknowledgementState AcknowledgementState{get;} 
} 

public interface IViewModel 
{ 
    ObservableCollection<IRows> Rows {get;} 
} 

Chcę, aby mój widok był powiązany z kolekcją Wiersze zawierającą kolekcję kolumn.

Kolekcja Moje kolumny zawiera wyliczenie, które powinno być reprezentowane przez obraz (1 z 3 możliwości). Zawiera także właściwość Message, która powinna być wyświetlana tylko w jednej kolumnie (statyczna i jest to tylko część informacji tekstowych). Zawiera również ciąg nagłówka, który powinien być wyświetlany jako nagłówek tej kolumny.

Należy zauważyć, że liczba kolumn jest zmienna (w tej chwili nagłówki są ustawione, aby potwierdzić, ale to się zmieni do reprezentowania danych dynamicznych).

Aktualizacja: To jest po wdrożeniu sugestii Rachel

<ItemsControl 
ItemsSource="{Binding Items, Converter={StaticResource PresentationConverter}}"> 
    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <Grid ShowGridLines="true" 
     local:GridHelpers.RowCount="{Binding RowCount}" 
     local:GridHelpers.ColumnCount="{Binding ColumnCount}" /> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemContainerStyle> 
    <Style> 
     <Setter Property="Grid.Row" Value="{Binding RowIndex}"/> 
     <Setter Property="Grid.Column" Value="{Binding ColumnIndex}"/> 
    </Style> 
    </ItemsControl.ItemContainerStyle> 
    <ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <ContentControl Content="{Binding}"> 
     <ContentControl.Resources> 
      <DataTemplate DataType="{x:Type UI:MessageEntity}"> 
      <TextBox Text="{Binding Message}"></TextBox> 
      </DataTemplate> 
      <DataTemplate DataType="{x:Type UI:StateEntity}"> 
      <TextBox Text="{Binding State}"></TextBox> 
      </DataTemplate> 
     </ContentControl.Resources> 
     </ContentControl> 
    </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

To prawie daje mi to, co chcę teraz. Utknąłem tylko z tym, co powinienem zrobić dla nagłówków. Wszelkie sugestie są mile widziane.

Answer 1

Można używać zagnieżdżonych ItemsControls tego

Oto prosty przykład:

<!-- Bind Rows using the default StackPanel for the ItemsPanel --> 
<ItemsControl ItemsSource="{Binding Rows}"> 
    <!-- Set the Template for each row to a TextBlock and another ItemsControl --> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <!-- Need to set Width of name TextBlock so items line up correctly --> 
       <TextBlock Width="200" Text="{Binding Name}" /> 

       <ItemsControl ItemsSource="{Binding Columns}"> 
        <!-- Use a horizontal StackPanel to display columns --> 
        <ItemsControl.ItemsPanel> 
         <ItemsPanelTemplate> 
          <StackPanel Orientation="Horizontal" /> 
         </ItemsPanelTemplate> 
        </ItemsControl.ItemsPanel> 
       </ItemsControl> 
      </StackPanel> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Answer 2

Korzystanie z podejścia sieciowego może sprawić, że sprawy będą bardziej skomplikowane, niż powinny. Czy próbowałeś zmienić szablon widoku listy lub użyć zamiast tego DataGrid do tego celu?

Dla przykładu, spojrzeć na ten projekt: http://www.codeproject.com/Articles/25058/ListView-Layout-Manager

Albo ten: http://www.codeproject.com/Articles/16009/A-Much-Easier-to-Use-ListView

Jeśli pójdziesz z siatki, wierzę, będziesz musiał włożyć dużo kodu do tyłu zarządzaj ilością kolumn i wierszy, ich rozmiarem, zawartością komórki ... Podczas gdy ListView/DataGrid pozwala to zrobić dynamicznie za pomocą szablonów.

Answer 3

Tworzenie siatki przy użyciu kodu, jak pokazano na http://msdn.microsoft.com/en-us/library/system.windows.controls.grid(v=vs.90).aspx#feedback

utworzyć właściwość typu ColumnDefinition, (i wykorzystanie zmieniona właściwość), aby utworzyć kolumny.

Answer 4

Istnieje również możliwość użycia dynamicznego obiektu do utworzenia kolumn. Jest to trochę pracochłonne, ale wyniki są bardzo skuteczne, a rozwiązanie w ogóle jest dość elastyczne.

To pokaże podstawy do dynamicznego obiektu Binding DynamicObject to a DataGrid with automatic column generation?

miałem pewne problemy z używaniem go z obiektów zagnieżdżonych, kolumny, które mają obiekty, a następnie starają się powiązać zawartość komórki do obiektu.

Oto pytanie podniosłem z przykładem, jak to zrobić pomocy

Problems binding to a the content of a WPF DataGridCell in XAML