DataGrid

WPF DataGrid是一個非常強大的元件, 也超級難懂. 這元件可以將資料顯示於其中. 資料的來源, 可以是資料庫, 也可以是ObservableCollection<T> 型別

欄位設定

使用DataGrid之前, 先於xaml裏設定欄位, 並繫結每個欄位要顯示的資料欄

 <DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False">
    <DataGrid.Columns>
       <DataGridTextColumn Header="項次" Width="50" Binding="{Binding 項次}"/>
       <DataGridTextColumn Header="缺失路段" Width="200" Binding="{Binding 缺失路段}"/>
       <DataGridTextColumn Header="經緯度" Width="100" Binding="{Binding 經緯度}"/>
    </DataGrid.Columns>
 </DataGrid>

Item類別

此步驟是將上述要顯示的欄位, 集合成一個類別, 訂定每個欄位的名稱, 型態如下

   class Item
    {
        public int 項次 { get; set; }
        public string 缺失路段 { get; set; }
        public string 經緯度 { get; set; }
    }

   資料收集

將要顯示於DataGrid裏的資料, 利用ObservableCollection<T> 集合在一起, 再使用DataGrid的DataContext 指向集合即可, 如下程式碼