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.运行结果

相关推荐
芝麻科技3 小时前
使用ValueConverters扩展实现枚举控制页面的显示
wpf·prism
神一样的老师15 小时前
如何解决 Photoshop 中的“暂存盘已满”错误
ui·photoshop
笑非不退17 小时前
Wpf Image 展示方式 图片处理 显示
开发语言·javascript·wpf
伊织code1 天前
GraphRAG-Local-UI - 基于 GraphRAG 支持本地的聊天UI
ui·llm·rag·graphrag·local-ui
△曉風殘月〆1 天前
在WPF中实现多语言切换的四种方式
wpf·多语言切换
笑非不退1 天前
WPF C# 读写嵌入的资源 JSON PNG JPG JPEG 图片等资源
c#·wpf
He BianGu1 天前
演示:基于WPF的DrawingVisual开发的频谱图和律动图
wpf·示波器·曲线图·频谱分析仪·频谱图·高性能曲线·自绘
Avalon7122 天前
UniVue大版本更新:UniVue2.0.0-preview
游戏·ui·unity·c#
iQM753 天前
TinyVue:一款轻量级且功能强大的Vue UI组件库
前端·javascript·vue.js·ui·jenkins·excel