Wrap gruppierte ListBoxItems (Stackpanel Issues)

Question

Ich versuche, gruppierte Listbox-Elemente in einer Listbox zu umbrechen. Ich verwende ein Stackpanel innerhalb eines Wrappers, um dies zu erreichen, aber das Problem ist, dass das Stackpanel in der Listbox ausgewählt wird, was Probleme verursacht. Hier ist ein Beispiel für das Problem:

Hier ist mein Code, vereinfacht:

<ListBox> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel ItemWidth="120" Width="400" IsItemsHost="True" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 

    <StackPanel> 
     <ListBoxItem Style="{StaticResource label}">Header 1</ListBoxItem> 
     <ListBoxItem>Item 1</ListBoxItem> 
     <ListBoxItem>Item 2</ListBoxItem> 
     <ListBoxItem>Item 3</ListBoxItem> 
     <ListBoxItem>Item 4</ListBoxItem> 
    </StackPanel> 
    <StackPanel> 
     <ListBoxItem Style="{StaticResource label}">Header 2</ListBoxItem> 
     <ListBoxItem>Item 1</ListBoxItem> 
     <ListBoxItem>Item 2</ListBoxItem> 
     <ListBoxItem>Item 3</ListBoxItem> 
     <ListBoxItem>Item 4</ListBoxItem> 
    </StackPanel> 
</ListBox> 

Was kann ich tun, um dieses zu lösen?

Danke!

Answer 1

Wenn ich Ihr Problem richtig verstehe, habe ich eine funktionierende Lösung.

Die Art, wie Sie entworfen haben, ist falsch.

Bitte sehen Sie meinen Code und lassen Sie mich wissen, wenn dies das ist, was Sie wollten.

<ListBox SelectionMode="Multiple" x:Name="ListBox1" ItemsSource="{Binding ListToBind}" > 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapPanel ItemWidth="120" Width="400" IsItemsHost="True" /> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 

     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Vertical"> 
        <TextBlock Text="{Binding Header}"></TextBlock> 
        <ListBox ItemsSource="{Binding Collection}"> 

        </ListBox> 
       </StackPanel> 

      </DataTemplate> 
     </ListBox.ItemTemplate> 

    </ListBox> 



This is my UI and here is connecting Data model. I set the datacontext in code behind and fill up a model. 

-Code sieht hinter wie diese

 public MainWindow() 
    { 
     InitializeComponent(); 
     ListToBind = new ObservableCollection<DataModel> 
     { 
      new DataModel { Header = "header 1", 
       Collection = new List<string>{"Item 1","Item 2", "Item 3"}}, 
      new DataModel { Header = "header 2", 
       Collection = new List<string>{"Item 1","Item 2", "Item 3"}}, 
      new DataModel { Header = "header 3", 
       Collection = new List<string>{"Item 1","Item 2", "Item 3"}}, 

     }; 
     this.DataContext = this; 
     var para1 = new Form1(); 
     var check = ListBox1; 
    } 

Und hier ist das Datenmodell

public class DataModel 
{ 


    public string Header { get; set; } 

    public List<string> Collection { get; set; } 


} 

Und das ist, wie es aussieht, nach dem Laufen