如何綁定到DataGrid上的列項目

我使用3列定義DataGrid。每一列都包含一個項目的集合。如何綁定到DataGrid上的列項目

我不知道如何做到每個列和我想要顯示在每列上的項目列表之間的這種綁定。

這是我寫到目前爲止

<DataGrid Grid.Row="0" x:Name="table" AutoGenerateColumns="False"> 
     <DataGrid.Columns> 

      <DataGridTextColumn Header="Result1" Width="*"> 
       // <list of item 1 > 
      </DataGridTextColumn> 

      <DataGridTextColumn Header="Result2" Width="*"> 
       // <list of item 2 > 
      </DataGridTextColumn> 

      <DataGridTextColumn Header="Result2" Width="*"> 
       // <list of item 3 > 
      </DataGridTextColumn> 
     </DataGrid.Columns> 
    </DataGrid>

來源

2015-08-29 Yanshof

一個dataGrid通常用於顯示項目的列表，有幾個特性，你的情況是這樣的代碼：

public class Item 
{ 
    public String Result1 { get; set; } 
    public String Result2 { get; set; } 
    public String Result3 { get; set; } 
}

綁定集合

public ObservableCollection<Item> ListOfResultItems { get; set; }

並且每個屬性都綁定到它的corespon丁柱

<DataGrid Grid.Row="0" x:Name="table" AutoGenerateColumns="False" ItemsSource="{Binding ListOfResultItems}"> 
     <DataGrid.Columns> 

      <DataGridTextColumn Binding="{Binding Result1}" Header="Result1" Width="*">      
      </DataGridTextColumn> 

      <DataGridTextColumn Binding="{Binding Result2}" Header="Result2" Width="*">     
      </DataGridTextColumn> 

      <DataGridTextColumn Binding="{Binding Result3}" Header="Result2" Width="*">      
      </DataGridTextColumn> 
     </DataGrid.Columns> 
    </DataGrid>

如果你想顯示三個列表旁邊對方的話，我認爲，一個簡單的 DataGrid是不是你最好的拍攝

，我建議你定義三個單列的DataGrid S或ListView S，結合每個List到相應的列表，並根據您的需要，鏈接他們的垂直滾動或不。

<Grid > 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <DataGrid Grid.Column="0" AutoGenerateColumns="False" ItemsSource="{Binding ListResult1}"> 
     <DataGrid.Columns> 
      <DataGridTextColumn Binding="{Binding Name}" Header="Result1" Width="*">      
      </DataGridTextColumn>    
     </DataGrid.Columns> 
    </DataGrid> 
    <DataGrid Grid.Column="1" AutoGenerateColumns="False" ItemsSource="{Binding ListResult2}"> 
     <DataGrid.Columns>     
      <DataGridTextColumn Binding="{Binding Name}" Header="Result2" Width="*">     
      </DataGridTextColumn>    
     </DataGrid.Columns> 
    </DataGrid> 
    <DataGrid Grid.Column="2" AutoGenerateColumns="False" ItemsSource="{Binding ListResult3}"> 
     <DataGrid.Columns> 
      <DataGridTextColumn Binding="{Binding Name}" Header="Result3" Width="*"> 
      </DataGridTextColumn> 
     </DataGrid.Columns> 
    </DataGrid> 
</Grid>

和你取得的成果類和定義集合

public ObservableCollection<Result1> ListResult1 { get; set; } 

public ObservableCollection<Result2> ListResult2 { get; set; } 

public ObservableCollection<Result3> ListResult3 { get; set; }

來源

2015-08-30 00:10:56 Usama

如何綁定到DataGrid上的列項目

回答

相關問題