Associare un pannello pila controllo utente a una raccolta osservabile in WPF

Question

Sto cercando di creare un controllo utente elenco di contatti con un pannello dello stack legato ad un ObservableCollection di LoggedInUser

controllo utente:

<UserControl.Content> 
    <Grid> 
     <Border BorderBrush="LightBlue" BorderThickness="1,1,1,1" CornerRadius="8,8,8,8" Height="350" HorizontalAlignment="Left" VerticalAlignment="Top" Width="290"> 
      <ItemsControl x:Name="tStack" Grid.Column="0"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <StackPanel Orientation="Horizontal"/> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <Button Height="30" Content="{Binding Username}"/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </Border> 
    </Grid> 
</UserControl.Content> 

utente codice di controllo Dietro

public partial class ContactList : UserControl 
{ 
    public ContactList() 
    { 
     InitializeComponent(); 

     ContactListViewModel clvm = ContactListViewModel.GetInstance(); 

     clvm.Contacts.Add(new LoggedInUser("test", "123")); 

     this.DataContext = clvm.Contacts; 
    } 
} 

E il mio ContactListViewModel

class ContactListViewModel 
{ 
    private static ContactListViewModel instance; 

    public ObservableCollection<LoggedInUser> Contacts = new ObservableCollection<LoggedInUser>(); 

    public static ContactListViewModel GetInstance() 
    { 
     if (instance == null) 
      instance = new ContactListViewModel(); 

     return instance; 
    } 
} 

LoggedInUser di classe, nel caso in cui

public class LoggedInUser 
{ 
    private string username; 
    public string Username 
    { 
     get { return username; } 
     set { username = value; } 
    } 
} 

mio pannello pila rimane vuoto! Aiuto!

Answer 1

Non hai vincolato ildel tuo ItemsControl, quindi non ha effettivamente dati. Il vostro contesto dati è la raccolta, quindi è necessario fare solo questo:

<ItemsControl ItemsSource="{Binding}" ... 

In alternativa, se invece imposta il contesto dati all'istanza vista del modello (come è consuetudine per MVVM), si dovrebbe fare questo:

<ItemsControl ItemsSource="{Binding Contacts}" ...