WPF 中的网格表

Question

我需要创建一个网格。应该是可编辑的
我应该设置行数和列数。
例如，

mygrid.RowCount = 3;
mygrid.ColumnCount = 3;

它应该是这样的：

如何将 2D 数组绑定到 DataGrid？

Answer 1

您可以使用 WPF DataGrid 控件。它显示与包含属性（列）的对象（行）集合相对应的单元格网格。您需要提供数据存储——对象的集合。集合中对象的数量（集合计数）将决定网格中的行数。 DataGrid 支持在 UI 中编辑数据。

此示例定义了三列并将它们绑定到数据对象的 A、B 和 C 属性。

<DataGrid AutoGenerateColumns="False" 
          Height="200" 
          HorizontalAlignment="Left" 
          Name="dataGrid1" 
          VerticalAlignment="Top" 
          Width="200">
    <DataGrid.Columns >
            <DataGridTextColumn Binding="{Binding Path=A}" MinWidth="50" />
            <DataGridTextColumn Binding="{Binding Path=B}" MinWidth="50" />
            <DataGridTextColumn Binding="{Binding Path=C}" MinWidth="50" />
    </DataGrid.Columns>
</DataGrid>

您需要将具有这些属性的对象集合（在代码中或使用数据绑定）分配给 DataGrid 的 ItemsSource 属性，就像任何其他 ItemsControl 一样。是这样的：

public partial class MainWindow: Window
{
        public class DataObject
        {
            public int A { get; set; }
            public int B { get; set; }
            public int C { get; set; }
        }

        public MainWindow()
        {
            InitializeComponent();

            var list = new ObservableCollection<DataObject>();
            list.Add(new DataObject() { A = 6, B = 7, C = 5 });
            list.Add(new DataObject() { A = 5, B = 8, C = 4 });
            list.Add(new DataObject() { A = 4, B = 3, C = 0 });
            this.dataGrid1.ItemsSource = list;
}

编辑中心单元格时，结果如下所示：

旁注：WPF Grid 类仅用于布局。它不提供数据编辑支持。

Answer 2

以下是创建使用 Grid 来布局其项目的 ItemsControl 的一般技术。在此示例中（使用 XML 数据源），ItemsSource 是包含 Row、Column 和 Data 的项目的集合 属性。

请注意 ItemContainerStyle 的使用。这在这里是必要的，因为为了让 Grid 控件使用 Grid.Row 和 Grid.Column 附加属性，必须附加这些属性插入到网格中的对象 - 如果您尝试在 ItemsTemplate 生成的 TextBox 上设置它们，网格将看不到它们，因为它正在查看生成的 ContentPresenter，而不是其中的 TextBox。

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Page.Resources>
    <XmlDataProvider x:Key="Data">
      <x:XData>
        <Data xmlns="">
          <Item Row="0" Column="0" Data="0,0"/>
          <Item Row="1" Column="1" Data="1,1"/>
          <Item Row="2" Column="1" Data="2,1"/>
          <Item Row="3" Column="2" Data="3,2"/>
          <Item Row="4" Column="4" Data="4,4"/>
          <Item Row="4" Column="3" Data="4,3"/>
        </Data>
      </x:XData>
    </XmlDataProvider>
  </Page.Resources>
  <DockPanel>
    <ItemsControl ItemsSource="{Binding Source={StaticResource Data}, XPath=/Data/Item}">
      <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
          <Grid>  
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="50"/>
              <ColumnDefinition Width="50"/>
              <ColumnDefinition Width="50"/>
              <ColumnDefinition Width="50"/>
              <ColumnDefinition Width="50"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
              <RowDefinition Height="30"/>    
              <RowDefinition Height="30"/>    
              <RowDefinition Height="30"/>    
              <RowDefinition Height="30"/>    
              <RowDefinition Height="30"/>    
            </Grid.RowDefinitions>
          </Grid>        
        </ItemsPanelTemplate>
      </ItemsControl.ItemsPanel>
      <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
          <Setter Property="Grid.Row" Value="{Binding XPath=@Row}"/>
          <Setter Property="Grid.Column" Value="{Binding XPath=@Column}"/>
        </Style>
      </ItemsControl.ItemContainerStyle>
      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <TextBox Text="{Binding XPath=@Data, Mode=TwoWay}"/>
        </DataTemplate>
      </ItemsControl.ItemTemplate>
    </ItemsControl>
  </DockPanel>
</Page>