Expander.Content nur auf einen angewendet

Question

Ich versuche, Stil auf mehrere Expander anzuwenden, die ein ähnliches Aussehen und Funktionalität haben. Aber das Problem ist, dass, wenn ich Expander.Content style, nur einer von vielen Inhalt haben wird und der Rest alle leer sind.

Minimal Beispiel:

<Style TargetType="Expander" BasedOn="{StaticResource {x:Type Expander}}"> 
    <Setter Property="Header"> 
     <Setter.Value> 
      Header 
     </Setter.Value> 
    </Setter> 
    <Setter Property="Content"> 
     <Setter.Value> 
      <TextBlock Text="1"/> 
     </Setter.Value> 
    </Setter> 
</Style> 

<!-- .... --> 

<Expander Grid.Row="0"/> 
<Expander Grid.Row="1"/> 
<Expander Grid.Row="2"/> 

, da Sie nur die zweite Reihe zu sehen Inhalt hat (1) während der Entwurfszeit. Während der Laufzeit hat nur der letzte Expander den Inhalt (1).

Wenn ich auf den ersten Expander klicke, wird der Inhalt (1) des dritten Expanders tatsächlich zum ersten Expander verschoben.

Warum passiert das? Und wie man es repariert?

Answer 1

Stile erstellen nur eine Instanz, die für visuelle Elemente nur das Kind eines einzelnen Elternteils sein kann. Stellen Sie die ContentTemplate anstelle der Content direkt ein. (Vorlagen beschreiben nur, was von dem Steuerelement erstellt wird, das es verwendet, damit es gemeinsam genutzt werden kann.)