Siatka WPF jako ItemsPanel dla listy dynamicznie powiązanej z ItemsControl

Question

Używam siatki jako ItemsPanel dla listy dynamicznie powiązanej z ItemsControl. Poniższy kod działa - z pozostałym problemem: nie mogę znaleźć sposobu na dynamiczne zainicjowanie ColumnDefinitions i RowDefinitions siatki. W konsekwencji wszystkie wartości są umieszczone jeden na drugim.

Należy pamiętać, że szukam odpowiedzi zgodnie ze wzorem MVVM. Dlatego podklasy i kodowanie są tylko obejściami, ale bez rozwiązań.

Answer 1

Będziesz potrzebował jakiś sposób, aby poinformować Grid, ile ma wierszy/kolumn. Być może po załadowaniu każdej pozycji możesz sprawdzić wartość RowIndex i ColumnIndex i dodać wiersze/kolumny do siatki, jeśli to konieczne.

Jako inną alternatywę, być może można wystawiać RowCount i ColumnCount właściwości w Twojej ViewModel że zwróci max RowIndex i ColumnIndex, aw przypadku Loaded siatki dodają jednak wiele kolumn/wierszy, których potrzebujesz.

Uważam, że używanie kodu w MVVM jest całkowicie dopuszczalne, jeśli kod jest związany tylko z interfejsem użytkownika.

Innym pomysłem byłoby zorganizować swoje przedmioty w kodzie opóźnieniem w 2D siatki przed wpuszczeniem go do widoku, a następnie powiązać tego starcie do DataGrid z AutoGenerateColumns=True i nagłówki usuwane

Aktualizacja

Mój obecny rozwiązaniem tego problemu jest zastosowanie zestawu AttachedProperties dla Grid które pozwalają powiązać RowCount i ColumnCount własności do nieruchomości na ViewModel

Można znaleźć kod dla mojej wersji dołączonych właściwości na moim blogu here i mogą być używane tak:

<ItemsPanelTemplate> 
    <Grid local:GridHelpers.RowCount="{Binding RowCount}" 
      local:GridHelpers.ColumnCount="{Binding ColumnCount}" /> 
</ItemsPanelTemplate> 

Answer 2

Twoja siatka ma zero wierszy i kolumn, więc wszystko będzie wyświetlane jeden na drugim. Zrób coś jak poniżej i to zadziała.

<ItemsControl ItemsSource="{Binding Cells}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Grid> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto" /> 
        <RowDefinition Height="Auto" /> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto" /> 
        <ColumnDefinition Width="Auto" /> 
       </Grid.ColumnDefinitions> 
      </Grid> 
     </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> 
      <TextBlock Text="{Binding Value}" /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl>