Warum zeigt mein DataGrid keine Zeilen an, wenn Elemente in der gebundenen Datenquelle enthalten sind?

Question

Wenn das Hauptfenster - nur meine DataGrid zeigt, zeigt die DataGrid null Zeilen. Diese

ist, was mein Gitter aussieht:

<DataGrid     
     AutoGenerateColumns="True" 
     CanUserAddRows="False" 
     CanUserReorderColumns="True" 
     CanUserResizeColumns="True" 
     DataContext="ClientListViewModel" 
     ItemsSource="{Binding Source=RowItems}"> 
    <DataGrid.Columns> 
     <DataGridTextColumn Header="Given Name" Binding="{Binding GivenName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Family Name" Binding="{Binding FamilyName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Gender" Binding="{Binding Gender, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Date of Birth" Binding="{Binding DateOfBirth, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
    </DataGrid.Columns> 
</DataGrid> 

Im Source={Binding Source=RowItems} die Quelle eine Eigenschaft ist, RowItems auf meinem Haupt-View-Modell, ClientListViewModel.

Das Viewmodel hat eine Read Methode in der Ctor ClientListView, meine Hauptansicht genannt. Wenn ich dieses Problem debuggen kann, kann ich sehen, dass die Artikelquelle RowItems korrekt ausgefüllt ist.

Meine Initialisierung der Hauptansicht, die UserControl die DataGrid in Frage kommenden sieht, wie folgt aus:

public MainWindow() 
{ 
    InitializeComponent(); 
    InitializeListView(); 
} 

private void InitializeListView() 
{ 
    var model = new ClientListViewModel(); 
    model.Read(); 
    var view = new ClientListView(); 
    view.DataContext = model; 
    Content = view; 
} 

Als ich nach model.Read(); gerade einen Haltepunkt setzen, seine model.RowItems Eigenschaft zeigt 12 Artikel, noch die DataGrid Shows keine Zeilen.

Warum ist meine DataGrid rendering null Zeilen?

Answer 1

Alle Teile sind da, aber sie sind nicht richtig angeordnet. Um DataBinding zu nutzen, müssen Sie einem bestimmten Muster folgen. In diesem Fall sollten Sie diese Schritte ausführen.

public MainWindow() { 
    InitializeComponent(); 
    this.Clients = InitializeListView(); 
    this.DataContext = this;   
} 

public ClientListViewModel Clients { get; set; } 

private ClientListViewModel InitializeListView() { 
    var model = new ClientListViewModel(); 
    model.Read();  
    return model; 
} 

Und MainWindow dar, die nur angedeutet enthält die DataGrid sollte seine ItemSource entsprechend den Eigenschaften des DataContext der Ansicht binden, die in diesem Fall die MainWindow selbst und der DataGrid wird als DataContext

erben

<DataGrid     
     AutoGenerateColumns="False" 
     CanUserAddRows="False" 
     CanUserReorderColumns="True" 
     CanUserResizeColumns="True" 
     ItemsSource="{Binding Clients.RowItems}"> 
    <DataGrid.Columns> 
     <DataGridTextColumn Header="Given Name" Binding="{Binding GivenName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Family Name" Binding="{Binding FamilyName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Gender" Binding="{Binding Gender, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Date of Birth" Binding="{Binding DateOfBirth, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
    </DataGrid.Columns> 
</DataGrid> 

Answer 2

Sie müssen sicherstellen, dass der Zugriffsmodifizierer Ihrer Bindungsquelle (Klasse) auf public gesetzt ist.

Answer 3

Entfernen Source aus der Bindung von ItemsSource in DataGrid und entfernen "ClientListViewModel" von DataContext.

<DataGrid     
     AutoGenerateColumns="True" 
     CanUserAddRows="False" 
     CanUserReorderColumns="True" 
     CanUserResizeColumns="True" 
     ItemsSource="{Binding RowItems}"> 
    <DataGrid.Columns> 
     <DataGridTextColumn Header="Given Name" Binding="{Binding GivenName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Family Name" Binding="{Binding FamilyName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Gender" Binding="{Binding Gender, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
     <DataGridTextColumn Header="Date of Birth" Binding="{Binding DateOfBirth, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></DataGridTextColumn> 
    </DataGrid.Columns> 
</DataGrid> 

standardmäßig erben Bindings den Datenkontext von der Datacontext-Eigenschaft angegeben, wenn man festgelegt wurde. Die Source-Eigenschaft ist jedoch eine der Möglichkeiten, die Quelle einer Bindung explizit festzulegen und den geerbten Datenkontext außer Kraft zu setzen. Wenn Sie setzen

ItemsSource="{Binding Source=RowItems}" 

dann RowItems bespannen übersetzt wird (mit Länge 8) und daher sehen Sie acht Zeilen.

Answer 4

{Binding Source=RowItems} 

bindet nicht an eine Eigenschaft RowItems.

Sie benötigen

{Binding RowItems} 

Auch die Verwendung sicherstellen, dass die Eigenschaft RowItems in Ihrem Ansichtsmodell vom Typ ObservableCollection wie es die Benutzeroberfläche benachrichtigt, dass es Änderungen in der Sammlung, die ein normales List nicht. (Sie benötigen dies, wenn Sie Daten in der Liste ändern, nachdem es gebunden ist)