Hinzufügen von Schaltfläche außerhalb der verknüpften Listbox in XAML

Question

Ich habe ein Problem festgestellt - ich habe ein Projekt erstellt, wo ich meinen Code an Xaml binden, indem Sie eine Bindung an die Listbox verwenden. Es hat jedoch einige Probleme in meinem zukünftigen Code verursacht - ich möchte meinem Formular eine Schaltfläche hinzufügen, aber ich finde einige Fehler.

'Die Artikelsammlung muss leer sein, bevor ItemsSource verwendet wird.'

Dieser Fehler tritt auf, wenn ich versuche, etwas außerhalb meiner bindefähigen Listbox zu binden.

Die Eigenschaft "VisualTree" kann nur einmal gesetzt werden.

Dieser Fehler tritt auf, wenn ich versuche, eine Schaltfläche unterhalb der Listbox hinzuzufügen.

Kann mir jemand sagen, wie ich das beheben kann?

Mein Code:

<ListBox x:Name="ItemsControl1"> 
    <ListBox.ItemsPanel> 

     <ItemsPanelTemplate> 

      <UniformGrid Columns="5"> 
      </UniformGrid> 

     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Border BorderBrush="Black" BorderThickness="2" Width="Auto" Height="Auto"> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="{Binding Number}"/> 
        <Image Source="{Binding Source}" Margin="0,0,5,0"/> 
       </StackPanel> 
      </Border> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

Das gewünschte Ergebnis wäre eine Schaltfläche unter dem Listenfeld sein.

Answer 1

Sie sollten Ihre Schaltfläche unterListBox Deklaration hinzufügen. Ausnahmen, mit denen Sie konfrontiert sind, werden ausgelöst, da der visuelle Baum über die Bindung aufgefüllt wird und Sie ihn nicht mehr manuell ändern können. Sie müssen innerhalb von einigen Layout Container all dieses Zeug setzen (Grid, StackPanel, etc.), da Sie nicht Window einstellen 's/UserControl' s Content Eigenschaft zweimal:

<StackPanel> 
    <ListBox x:Name="ItemsControl1"> 
     <ListBox.ItemsPanel> 

      <ItemsPanelTemplate> 

       <UniformGrid Columns="5"> 
       </UniformGrid> 

      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <Border BorderBrush="Black" BorderThickness="2" Width="Auto" Height="Auto"> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="{Binding Number}"/> 
         <Image Source="{Binding Source}" Margin="0,0,5,0"/> 
        </StackPanel> 
       </Border> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
    <Button/> 
</StackPanel>