Bind Collection to StackPanel

Question

Nesnelerin bir koleksiyonunu almak ve StackPanel'e bağlamak istiyorum, yani koleksiyonun 4 unsuru varsa, yığın panelinin içinde 4 düğme üretmesi gerektiğini söyler.

Bunu denedim ... Ama yine de doğru yaklaşımını düşünmüyorum. Geçmişte bu tür bir fikir yapmak için DataTemplated'i kullandım. Lütfen yanılıyorsam beni düzeltin. İşte

benim sahte Böyle DataContext'i ayarlamak kodunda modeli

public class MockModel 
{ 
    public ObservableCollection<MockNode> Nodes; 

    public MockModel() 
    { 
     Nodes = new ObservableCollection<MockNode>(); 
    } 
} 

public class MockNode 
{ 
    public MockNode() 
    { 
    } 

    private string itemname; 
    public string ItemName 
    { 
     get { return this.itemname; } 
     set { this.itemname = value; } 
    } 
} 

...

// Init Model 
MockModel myModel = new MockModel(); 

for (int i = 0; i < 4; i++) 
{ 
    MockNode mn = new MockNode(); 
    mn.ItemName = String.Format("Node {0}", i); 
    myModel.Nodes.Add(mn); 
} 
// Set DataContext for StackPanel 
Stack.DataContext = myModel.Nodes; 

Ve xaml olan

<StackPanel x:Name="tStack"> 
    <ItemsControl ItemsSource="{Binding Nodes}"> 
     <ItemsControl.Template> 
     <ControlTemplate> 
      <Button Content="{Binding ItemName}"/> 
     </ControlTemplate> 
     </ItemsControl.Template> 
    </ItemsControl> 
</StackPanel> 

IT bindim ama 4 düğme yerine sadece bir düğme aldım ....

Fikirler? Ben kullanarak ... bunu çözmüş olmasının

Answer 1

Tamam bir ItemsControl

<ItemsControl x:Name="tStack" Grid.Column="0"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
     <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
     <Button Content="{Binding ItemName}"/> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl>