WPF上位机,如何在表格中动态更新数据

假如我有一个学生类:

    public partial class Student
    {

        public int Id { get; set; }
        public string Name { get; set; }
        public string Age { get; set; }
    }

建立一个ObservableCollection:

        [ObservableProperty]
        private ObservableCollection<Student> students = new();

并在ViewModel的构造函数里面初始化:

        public MainWindowViewModel(MyS7Entry myS7Entry)
        {

            this.myS7 = myS7Entry;

            Students = new()
            {
                new()
                {
                    Id = 1,
                    Name = "珍妮特",
                    Age = "40"
                },
                new()
                {
                    Id = 2,
                    Name = "麦达琳",
                    Age = "53"
                },
                new()
                {
                    Id = 3,
                    Name = "克莱尔",
                    Age = "30"
                }
            };
            //isConnected = myS7Master.IsConnected;


        }

定义一个按钮来更新DataGrid:

        [RelayCommand]
        void Update()
        {
            Students[2].Name = "戴安娜";
            Students[2].Age = "35";
        }

前端代码:

        <Grid Grid.Row="0" Grid.Column="2">
            <DataGrid AlternationCount="2"
                AutoGenerateColumns="False" ItemsSource="{Binding Students}">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="Id" Width="*" Binding="{Binding Id}" />
                    <DataGridTextColumn Header="年龄" Width="*" Binding="{Binding Age}" />
                    <DataGridTextColumn Header="姓名" Width="*" Binding="{Binding Name}" />
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
        <Grid Grid.Row="1" Grid.Column="2">
            <Button Content="更新" Command="{Binding UpdateCommand}"/>
        </Grid>

但是ObservableCollection
只能通过自身成员的增加和删除通知WPF的DataGrid。

点击按钮无效:

在这里插入图片描述

如果Student 继承了通知接口 ObservableObject

不需要写注解:

using CommunityToolkit.Mvvm.ComponentModel;

namespace MyTokitTest1.Mvvm
{
    public partial class Student:ObservableObject
    {
        //[ObservableProperty]
        //private int id;
        //[ObservableProperty]
        //public string name;
        //[ObservableProperty]
        //public string age;

        public int Id { get; set; }
        public string Name { get; set; }
        public string Age { get; set; }
    }
}

更新成功:

在这里插入图片描述

代码地址:

https://gitee.com/helodoger/my-csharp-code.git

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潘诺西亚的火山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值