文章/答案/技术大牛

发布

在WPF中单击按钮时将数据从Textbox添加到DataGridView

WPF中实现TextBox数据添加到DataGrid的完整指南

基础概念

在WPF中，DataGridView是WinForms中的控件，WPF中对应的控件是DataGrid。要实现将TextBox中的数据添加到DataGrid，我们需要理解以下几个关键概念：

数据绑定：WPF的核心特性，允许UI元素与数据源自动同步
MVVM模式：推荐的设计模式，分离视图、视图模型和模型
ObservableCollection：动态集合，当集合变化时会自动通知UI更新

实现方法

方法1：使用代码后台直接操作（简单实现）

<!-- MainWindow.xaml -->
<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="DataGrid示例" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="10">
            <TextBox x:Name="InputTextBox" Width="200" Margin="0,0,10,0"/>
            <Button Content="添加" Click="AddButton_Click" Width="80"/>
        </StackPanel>
        
        <DataGrid x:Name="DataGridControl" Grid.Row="1" Margin="10" AutoGenerateColumns="True"/>
    </Grid>
</Window>

// MainWindow.xaml.cs
using System.Windows;
using System.Collections.ObjectModel;
using System.ComponentModel;

public partial class MainWindow : Window
{
    public ObservableCollection<Person> People { get; set; }
    
    public MainWindow()
    {
        InitializeComponent();
        People = new ObservableCollection<Person>();
        DataGridControl.ItemsSource = People;
    }
    
    private void AddButton_Click(object sender, RoutedEventArgs e)
    {
        if (!string.IsNullOrWhiteSpace(InputTextBox.Text))
        {
            People.Add(new Person { Name = InputTextBox.Text });
            InputTextBox.Clear();
        }
    }
}

public class Person : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            OnPropertyChanged(nameof(Name));
        }
    }
    
    public event PropertyChangedEventHandler PropertyChanged;
    
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

方法2：使用MVVM模式（推荐）

<!-- MainWindow.xaml -->
<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApp"
        Title="MVVM DataGrid示例" Height="350" Width="525">
    <Window.DataContext>
        <local:MainViewModel/>
    </Window.DataContext>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="10">
            <TextBox Text="{Binding InputText, UpdateSourceTrigger=PropertyChanged}" Width="200" Margin="0,0,10,0"/>
            <Button Command="{Binding AddCommand}" Content="添加" Width="80"/>
        </StackPanel>
        
        <DataGrid ItemsSource="{Binding People}" Grid.Row="1" Margin="10" AutoGenerateColumns="True"/>
    </Grid>
</Window>

// MainViewModel.cs
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Input;

public class MainViewModel : INotifyPropertyChanged
{
    private string _inputText;
    public string InputText
    {
        get { return _inputText; }
        set
        {
            _inputText = value;
            OnPropertyChanged(nameof(InputText));
        }
    }
    
    public ObservableCollection<Person> People { get; set; }
    public ICommand AddCommand { get; set; }
    
    public MainViewModel()
    {
        People = new ObservableCollection<Person>();
        AddCommand = new RelayCommand(AddPerson);
    }
    
    private void AddPerson(object parameter)
    {
        if (!string.IsNullOrWhiteSpace(InputText))
        {
            People.Add(new Person { Name = InputText });
            InputText = string.Empty;
        }
    }
    
    public event PropertyChangedEventHandler PropertyChanged;
    
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// RelayCommand.cs
using System;
using System.Windows.Input;

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Predicate<object> _canExecute;
    
    public RelayCommand(Action<object> execute) : this(execute, null) { }
    
    public RelayCommand(Action<object> execute, Predicate<object> canExecute)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }
    
    public bool CanExecute(object parameter) => _canExecute?.Invoke(parameter) ?? true;
    
    public void Execute(object parameter) => _execute(parameter);
    
    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }
}

常见问题及解决方案

数据不显示在DataGrid中
- 确保ItemsSource属性正确绑定
- 检查集合是否为ObservableCollection
- 验证数据模型是否正确实现了INotifyPropertyChanged

添加按钮点击无反应
- 检查命令绑定是否正确
- 验证CanExecute方法是否返回true
- 确保没有异常被静默捕获
UI不更新
- 确保使用ObservableCollection而不是List
- 检查属性变更通知是否正确实现
性能问题
- 对于大数据量，考虑使用虚拟化
- 设置DataGrid的VirtualizingStackPanel.IsVirtualizing="True"

应用场景

这种功能常见于：

数据录入系统
购物车应用
任务列表管理
任何需要用户输入并显示结构化数据的场景

优势

数据绑定：自动同步UI和数据，减少手动更新代码
MVVM模式：提高代码可维护性和可测试性
响应式UI：ObservableCollection自动处理UI更新
灵活性：可以轻松扩展添加更多字段和验证逻辑

扩展建议

添加数据验证
实现编辑和删除功能
添加排序和筛选功能
支持数据持久化（如保存到数据库）

以上实现提供了从简单到复杂的解决方案，可以根据项目需求选择合适的实现方式。

在WPF中单击按钮时将数据从Textbox添加到DataGridView

WPF中实现TextBox数据添加到DataGrid的完整指南

基础概念

实现方法

方法1：使用代码后台直接操作（简单实现）

方法2：使用MVVM模式（推荐）

常见问题及解决方案

应用场景

优势

扩展建议

相关·内容

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐