將CustomClass的ObservableCollection綁定到網格

Question

我必須在按鈕單擊時在網格中顯示Observable Collection的內容。在按鈕上單擊（我知道可以使用Command綁定，但爲簡單起見，單擊處理程序）集合應該填充並顯示來自模型類的名稱屬性。

視圖模型：

public class Sample 
    { 
     public ObservableCollection<SchoolModel> ModelCollection { get; set; } 

     public void GridMethod() 
     { 
      ModelCollection = new ObservableCollection<SchoolModel>(); 
      ModelCollection.Add(new SchoolModel() {Id=1, Name="ABC" }); 
      ModelCollection.Add(new SchoolModel() { Id = 2, Name = "PQR" }); 
      ModelCollection.Add(new SchoolModel() { Id = 3, Name = "DEF" }); 
     } 
    } 

型號：

public class SchoolModel : INotifyPropertyChanged 
    { 
     private int id; 
     private string name; 

     public int Id 
     { 
      get 
      { 
       return id; 
      } 
      set 
      { 
       id = value; 
       OnPropertyChanged("Id"); 
      } 
     } 

     public string Name 
     { 
      get 
      { 
       return name; 
      } 
      set 
      { 
       name = value; 
       OnPropertyChanged("Name"); 
      } 
     } 

     public event PropertyChangedEventHandler PropertyChanged; 

     public void OnPropertyChanged(string propertyName) 
     { 
      PropertyChangedEventHandler handler = this.PropertyChanged; 
      if (handler != null) 
      { 
       handler(this, new PropertyChangedEventArgs(propertyName)); 
      } 
     } 
    } 

查看：

<Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="auto"/> 
      <RowDefinition Height="auto"/> 
     </Grid.RowDefinitions> 

     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="auto"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 

     <Button Content="Click" Click="Button_Click" Grid.Row="0" Grid.Column="0"/> 

     <ItemsControl ItemsSource="{Binding ModelCollection}" Grid.Row="0" Grid.Column="1" > 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <UniformGrid Rows="{Binding Path=ModelCollection.Count}" Columns="{Binding Path=ModelCollection.Count}" /> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate > 
        <TextBlock Width="auto" Height="auto" Text="{Binding Path=Name}"/>      
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </Grid> 

任何想法？爲什麼Collection沒有顯示在網格中

Answer 1

在Sample class的構造函數中初始化集合，否則在加載時綁定將失敗，直到您手動爲ModelCollection提升PropertyChanged事件爲止，它將不起作用。

或者：

public Sample() 
{ 
    ModelCollection = new ObservableCollection<SchoolModel>(); 
} 

OR

落實Sample類INPC以及在GridMethod()提高初始化邏輯後PropertyChanged事件。

public void GridMethod() 
    { 
     ModelCollection = new ObservableCollection<SchoolModel>(); 
     ModelCollection.Add(new SchoolModel() {Id=1, Name="ABC" }); 
     ModelCollection.Add(new SchoolModel() { Id = 2, Name = "PQR" }); 
     ModelCollection.Add(new SchoolModel() { Id = 3, Name = "DEF" }); 
     OnPropertyChanged("ModelCollection"); 
    }