WPF 中的网格表

Question

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

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

它应该是这样的：

如何将二维数组绑定到 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

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

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