WPF：如何添加表格以接受用户在文本框中的输入？

Question

我刚从 WinForms 切换到 WPF。我正在尝试添加一个像下面这样的控件的表格，它应该有列和文本框来接受用户的输入。告诉我。

我尝试使用 DataGrid/Grid/FlowControl/ListView，但它们看起来都是用于绑定数据，不是显示数据而是接受用户的输入。

图像是表格。 enter image description here

它应该接受用户的输入，并且应该能够使用 C# 动态添加更多的文本框。

Answer 1

问题是他自己的mentality。我建议你在做一些“严肃”的事情之前先学习MVVM。

您可以使用 datagrid 轻松实现该行为。

Answer 2

这是创建与您的图像相似的表格的最简单版本。您可以使用样式来设置列和标题的样式（例如标题背景）。

TableRowData 项目在DataGrid 中显示为一行。
此TableRowData 类型的每个属性都显示为DatGrid 内的行列。

class TableRowData : INotifyPropertyChanged
{
  private int serialNumber;
  public int SerialNumber
  {
    get => this.serialNumber;
    set
    {
      this.serialNumber = value;
      OnPropertyChanged();
    }
  }

  private int columnOne;
  public int ColumnOne
  {
    get => this.columnOne;
    set
    {
      this.columnOne= value;
      OnPropertyChanged();
    }
  }

  private int columnTwo;
  public int ColumnTwo
  {
    get => this.columnTwo;
    set
    {
      this.columnTwo= value;
      OnPropertyChanged();
    }
  }

  private int columnThree;
  public int ColumnThree
  {
    get => this.columnThree;
    set
    {
      this.columnThree= value;
      OnPropertyChanged();
    }
  }

  public event PropertyChangedEventHandler PropertyChanged;
  protected virtual OnPropertyChanged([CallerMemberName] string propertyName = null)
  {
    this.PropertyChanged?.Invoke();
  }
}

ViewModel.cs

class ViewModel : INotifyPropertyChanged
{
  public ViewModel()
  {
    this.TableRows = new ObservableCollection<TableRowData>();
  }

  // Adding a new TableRowData to the ObservableCollection will immediately add a row to the bound DataGrid
  public void AddRow()
  {
    this.TableRows.Add(new TableRowData());
  }

  private ObservableCollection<TableRowData> tableRows;
  public ObservableCollection<TableRowData> TableRows
  {
    get => this.tableRows;
    set
    {
      this.tableRows= value;
      OnPropertyChanged();
    }
  }

  public event PropertyChangedEventHandler PropertyChanged;
  protected virtual OnPropertyChanged([CallerMemberName] string propertyName = null)
  {
    this.PropertyChanged?.Invoke();
  }
}

MainWindow.xaml

<Window>
  <Window.DataContext>
    <ViewModel />
  </Window.DataContext>

  <StackPanel>
    <Button Click="OnAddButtonClicked" Content="Add Row" />
    <DataGrid ItemsSource="{Binding TableRows}" />
  </StackPanel>
</Window>

MainWindow.xaml.cs

partial class MainWindow : Window
{
  public MainWindow()
  {
    InitializeComponent();
  }

  private void OnAddButtonClicked(object sender, RoutedEventArgs e)
  {
    (this.DataContext as ViewModel)?.AddRow();
  }
}

理想情况下，您应该使用ICommand 而不是Button.Click 事件处理程序来调用AddRow() 方法。