wpf 简单实验 数据更新 列表更新

1.概要

1.1 需求

一个列表提供添加修改删除的功能,添加和修改的内容都来自一个输入框

1.2 要点

  • DisplayMemberPath="Zhi"
  • 列表.ItemsSource = datalist;
  • (列表.SelectedItem != null)
  • (列表.SelectedItem as A).Zhi = 内容.Text;
  • datalist.Remove((列表.SelectedItem as A)!);
  • public String? Zhi { get { return _zhi; } set { _zhi = value; OnPropertyChanged(nameof(Zhi)); } }
  • PropertyChanged.Invoke(this, new PropertyChangedEventArgs(name));

2.代码

2.1 xaml

复制代码
<Window x:Class="WpfApp5.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp5"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <TextBox Name="内容" ></TextBox>
        <Button Name="Add" Content="添加" Click="Add_Click" />
        <Button Name="Update" Content="修改" Click="Update_Click" />
        <Button Name="Delete" Content="删除" Click="Delete_Click" />
        <ListBox Name="列表" DisplayMemberPath="Zhi" Height="100"></ListBox>
    </StackPanel>
</Window>

2.2 代码

复制代码
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp5
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// 连表数据绑定
    /// </summary>
    public partial class MainWindow : Window
    {
        ObservableCollection<A> datalist = new ObservableCollection<A>();
        //List<A> datalist = new List<A>();

        public MainWindow()
        {
            InitializeComponent();
            init();
        }
        private void init()
        {
            datalist.Add(new A { Zhi = "1" });
            datalist.Add(new A { Zhi = "2" });
            datalist.Add(new A { Zhi = "3" });
            //列表.DataContext = datalist;
            列表.ItemsSource = datalist;
        }

        private void Add_Click(object sender, RoutedEventArgs e)
        {
            datalist.Add(new A { Zhi = 内容.Text });
        }

        private void Update_Click(object sender, RoutedEventArgs e)
        {
            if (列表.SelectedItem != null)
            {
                (列表.SelectedItem as A).Zhi = 内容.Text;
            }
        }

        private void Delete_Click(object sender, RoutedEventArgs e)
        {
            if (列表.SelectedItem != null)
            {
                datalist.Remove((列表.SelectedItem as A)!);
            }
        }
    }
    class A:INotifyPropertyChanged
    {
        private String? _zhi;
        public String? Zhi { get { return _zhi; } set { _zhi = value; OnPropertyChanged(nameof(Zhi)); } }

        public event PropertyChangedEventHandler? PropertyChanged;
        private void OnPropertyChanged(String name)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged.Invoke(this, new PropertyChangedEventArgs(name));
            }
        }
    }
}

3.运行结果

相关推荐
Emma_Maria7 分钟前
关于vant-ui-vue 的datepicker 时间选择错乱问题的处理
前端·vue.js·ui
BW.SU30 分钟前
RUI Builder-图形化UI设计-工程范例
stm32·单片机·嵌入式硬件·ui·界面设计·单片机驱动彩屏·ra8889
Devlab2 小时前
anyui - Master designer for LVGL [New release v0.40.0]
嵌入式硬件·物联网·低代码·ui·iot
小新11017 小时前
vs2022+Qt插件初体验,创建带 UI 界面的 Qt 项目
开发语言·qt·ui
北极糊的狐1 天前
三星 One UI 8 停止支持 三星Dex后的替代指南
ui
狮智先生1 天前
【编程实践】Windows + PySide6 + Matplotlib 绘图时 WinError 32 的完整排查与解决方案
windows·ui·个人开发·matplotlib·交通物流
starrycode8881 天前
【每日一个知识点】Kotlin开发基础知识
ui·kotlin
没有bug.的程序员1 天前
SOA、微服务、分布式系统的区别与联系
java·jvm·微服务·架构·wpf·日志·gc
企微自动化1 天前
企业微信客户端 UI 自动化定位技术的稳定性和局限性
ui·自动化·企业微信
Macbethad1 天前
基于WPF的半导体设备配方管理程序技术方案
wpf