C#教程

关注公众号 jb51net

关闭
首页 > 软件编程 > C#教程 > WPF数据新增与更新

WPF数据新增与更新的完整指南

作者：墨夶

在WPF开发中,数据新增与更新是构建高效用户界面的核心功能,无论是简单的表单操作,还是复杂的DataGrid控件交互,掌握数据绑定与事件处理的技巧是提升开发效率的关键,本文将通过完整的代码示例、深度解析和实战技巧,需要的朋友可以参考下

引言

在WPF开发中，数据新增与更新是构建高效用户界面的核心功能。无论是简单的表单操作，还是复杂的DataGrid控件交互，掌握数据绑定与事件处理的技巧是提升开发效率的关键。本文将通过完整的代码示例、深度解析和实战技巧，带你全面掌握WPF中数据新增与更新的实现方法，并规避常见陷阱。

一、WPF数据绑定的核心原理

1.1 依赖属性与数据绑定

WPF的数据绑定依赖于依赖属性（DependencyProperty），它允许UI元素与数据源动态同步。绑定的关键在于DataContext的设置和Binding类的使用。

代码示例：基础绑定

public class PersonViewModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged(nameof(Name));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// XAML绑定
<TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" />

说明：

  • INotifyPropertyChanged接口确保属性变更时自动通知UI更新。
  • UpdateSourceTrigger=PropertyChanged使文本输入时立即更新数据源，而非等待焦点丢失。

1.2 ObservableCollection与集合绑定

在WPF中，ObservableCollection<T>是动态集合的标准选择，它支持实时更新UI。

代码示例：绑定集合

public class PeopleViewModel
{
    public ObservableCollection<Person> People { get; } = new ObservableCollection<Person>();

    public PeopleViewModel()
    {
        People.Add(new Person { Name = "Alice", Age = 30 });
        People.Add(new Person { Name = "Bob", Age = 25 });
    }
}

// XAML绑定
<DataGrid ItemsSource="{Binding People}" AutoGenerateColumns="True" />

说明：

  • ObservableCollection在添加/删除项时自动触发UI更新。
  • AutoGenerateColumns自动生成列，适用于快速原型开发。

二、数据新增：从简单表单到DataGrid的高级操作

2.1 使用DataGrid实现新增操作

DataGrid控件支持直接新增行，通过CanUserAddRows属性启用此功能。

代码示例：DataGrid新增行

<DataGrid 
    ItemsSource="{Binding People}" 
    CanUserAddRows="True" 
    AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Name" Binding="{Binding Name}" />
        <DataGridTextColumn Header="Age" Binding="{Binding Age}" />
    </DataGrid.Columns>
</DataGrid>

代码逻辑：处理新增事件

private void DataGrid_RowEditEnding(object sender, DataGridRowEditEndingEventArgs e)
{
    if (e.EditAction == DataGridEditAction.Commit && e.Row.IsNewItem)
    {
        var newPerson = e.Row.Item as Person;
        if (newPerson != null)
        {
            // 验证逻辑（可选）
            if (string.IsNullOrEmpty(newPerson.Name))
            {
                MessageBox.Show("Name is required!");
                e.Cancel = true;
                return;
            }

            // 保存到数据源
            ((PeopleViewModel)DataContext).People.Add(newPerson);
        }
    }
}

说明：

  • CanUserAddRows="True"允许用户添加新行。
  • RowEditEnding事件用于验证和提交新增数据。

2.2 通过按钮触发新增

对于更复杂的场景（如弹窗表单），可通过按钮触发新增逻辑。

代码示例：弹窗新增

<Button Content="Add New" Command="{Binding AddNewCommand}" />

ViewModel逻辑：命令绑定

public class PeopleViewModel
{
    public ICommand AddNewCommand { get; }

    public PeopleViewModel()
    {
        AddNewCommand = new RelayCommand(AddNewPerson);
    }

    private void AddNewPerson()
    {
        var newPerson = new Person { Name = "New Person", Age = 0 };
        People.Add(newPerson);
    }
}

三、数据更新：从单元格编辑到批量提交

3.1 单元格编辑触发更新

DataGrid支持单元格直接编辑，通过RowEditEnding或CellEditEnding事件处理更新逻辑。

代码示例：单元格编辑

<DataGrid 
    ItemsSource="{Binding People}" 
    AutoGenerateColumns="False"
    CellEditEnding="DataGrid_CellEditEnding">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Name" Binding="{Binding Name}" />
        <DataGridTextColumn Header="Age" Binding="{Binding Age}" />
    </DataGrid.Columns>
</DataGrid>

事件处理：提交单元格更改

private void DataGrid_CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)
{
    if (e.EditAction == DataGridEditAction.Commit)
    {
        var editedPerson = e.Row.Item as Person;
        if (editedPerson != null)
        {
            // 例如：调用服务层保存更改
            SavePerson(editedPerson);
        }
    }
}

3.2 批量更新与事务处理

在涉及数据库操作时，批量更新需考虑事务一致性。

代码示例：批量提交

public void SaveAllChanges()
{
    using (var transaction = new TransactionScope())
    {
        foreach (var person in People)
        {
            if (person.IsDirty) // 假设标记为脏数据
            {
                SavePersonToDatabase(person);
                person.MarkAsClean();
            }
        }
        transaction.Complete();
    }
}

四、高级技巧：优化性能与用户体验

4.1 异步加载与UI响应

在处理大量数据时，异步加载可避免UI卡顿。

代码示例：异步加载数据

public async Task LoadPeopleAsync()
{
    People.Clear();
    var data = await Task.Run(() => FetchDataFromDatabase());
    foreach (var item in data)
    {
        People.Add(item);
    }
}

4.2 数据验证与错误提示

通过IDataErrorInfo接口实现数据验证，提升用户输入质量。

代码示例：实现IDataErrorInfo

public class Person : IDataErrorInfo
{
    public string Name { get; set; }
    public int Age { get; set; }

    public string Error => null;

    public string this[string columnName]
    {
        get
        {
            switch (columnName)
            {
                case nameof(Name):
                    return string.IsNullOrEmpty(Name) ? "Name is required." : null;
                case nameof(Age):
                    return Age < 0 ? "Age cannot be negative." : null;
            }
            return null;
        }
    }
}

4.3 脏数据跟踪

通过标记未保存的更改（脏数据），实现“保存”与“撤销”功能。

代码示例：脏数据标记

public class Person : INotifyPropertyChanged
{
    private string _name;
    private bool _isDirty;

    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                _isDirty = true;
                OnPropertyChanged(nameof(Name));
            }
        }
    }

    public bool IsDirty => _isDirty;

    public void MarkAsClean() => _isDirty = false;

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

五、完整项目结构与代码整合

5.1 项目结构建议

WpfApp/
├── Models/
│   └── Person.cs
├── ViewModels/
│   ├── BaseViewModel.cs
│   └── PeopleViewModel.cs
├── Views/
│   └── MainWindow.xaml
└── App.xaml

5.2 ViewModel基类

public class BaseViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

5.3 主窗口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="Data CRUD Demo" Height="450" Width="800">
    <Grid>
        <DataGrid 
            ItemsSource="{Binding People}" 
            CanUserAddRows="True" 
            AutoGenerateColumns="False"
            CellEditEnding="DataGrid_CellEditEnding">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" />
                <DataGridTextColumn Header="Age" Binding="{Binding Age}" />
            </DataGrid.Columns>
        </DataGrid>
        <Button Content="Save All" Command="{Binding SaveAllCommand}" HorizontalAlignment="Right" Margin="10" />
    </Grid>
</Window>

5.4 ViewModel完整实现

public class PeopleViewModel : BaseViewModel
{
    public ObservableCollection<Person> People { get; } = new ObservableCollection<Person>();
    public ICommand SaveAllCommand { get; }

    public PeopleViewModel()
    {
        SaveAllCommand = new RelayCommand(SaveAllChanges);
        LoadInitialData();
    }

    private void LoadInitialData()
    {
        People.Add(new Person { Name = "Alice", Age = 30 });
        People.Add(new Person { Name = "Bob", Age = 25 });
    }

    private void SaveAllChanges()
    {
        using (var transaction = new TransactionScope())
        {
            foreach (var person in People)
            {
                if (person.IsDirty)
                {
                    // 模拟数据库保存
                    Console.WriteLine($"Saving {person.Name}, Age={person.Age}");
                    person.MarkAsClean();
                }
            }
            transaction.Complete();
        }
    }
}

六、WPF数据新增与更新的核心要点

功能实现方式
数据绑定使用Binding类和DataContext，结合INotifyPropertyChanged接口
集合绑定采用ObservableCollection<T>实现动态更新
新增数据通过DataGrid的CanUserAddRows属性或按钮触发新增逻辑
数据更新利用RowEditEnding或CellEditEnding事件提交更改
性能优化使用异步加载和依赖属性减少UI阻塞
数据验证实现IDataErrorInfo接口提供实时错误提示
脏数据跟踪通过标记未保存的更改实现“保存”与“撤销”功能

以上就是WPF数据新增与更新的完整指南的详细内容，更多关于WPF数据新增与更新的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:
阅读全文