54.DataGrid数据框图 C#例子 WPF例子

首先是绑定一个属性,属性名称无所谓。到时候看属性设置的啥,可能要改。

XML 复制代码
<DataGrid ItemsSource="{Binding Index_instance}"/>

然后创建INotifyPropertyChanged的类,并把相关固定的代码粘贴上去。

然后把这个目录类建好,要用

cs 复制代码
    public class Index1
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Status { get; set; }


    }

用这个目录类创建属性

cs 复制代码
 private ObservableCollection<Index1> _index_instance;
        public ObservableCollection<Index1> Index_instance
        {
            get { return _index_instance; }
            set
            {
                _index_instance = value;
                OnPropertyChanged(nameof(Index_instance));
            }
        }

再创建构造函数,搞三个实例,并赋值。

cs 复制代码
        public Notify()
        {
            Index_instance = new ObservableCollection<Index1>
            {
                new Index1() {Id= 1, Name="Test 1", Status="Active" },
                new Index1() {Id= 2, Name="Test 2", Status="Inactive" },
                new Index1() {Id= 3, Name="Test 3", Status="Bad" },
            };

        }

最后一步,把窗口资源导向这个类的实例

cs 复制代码
DataContext = new Notify();

后台代码:

cs 复制代码
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 DataGrid练习
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new Notify();
        }


    }

    public class Notify : INotifyPropertyChanged
    {
        private ObservableCollection<Index1> _index_instance;
        public ObservableCollection<Index1> Index_instance
        {
            get { return _index_instance; }
            set
            {
                _index_instance = value;
                OnPropertyChanged(nameof(Index_instance));
            }
        }


        public Notify()
        {
            Index_instance = new ObservableCollection<Index1>
            {
                new Index1() {Id= 1, Name="Test 1", Status="Active" },
                new Index1() {Id= 2, Name="Test 2", Status="Inactive" },
                new Index1() {Id= 3, Name="Test 3", Status="Bad" },
            };

        }







        //固定部分
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class Index1
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Status { get; set; }


    }
}

XAML部分:

XML 复制代码
<Window x:Class="DataGrid练习.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:DataGrid练习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid Margin="30">
        <DataGrid ItemsSource="{Binding Index_instance}"/>
    </Grid>
</Window>
相关推荐
创可贴治愈心灵43 分钟前
WPF中UI线程频繁操作造成卡顿的处理
ui·c#·wpf
格林威6 小时前
Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型和EasyOCR实现汽车牌照动态检测和识别(C#代码,UI界面版)
人工智能·深度学习·数码相机·yolo·c#·汽车·视觉检测
Aczone286 小时前
Linux 软件编程(九)网络编程:IP、端口与 UDP 套接字
linux·网络·网络协议·tcp/ip·http·c#
我希望的一路生花7 小时前
Adobe Photoshop 2025 版本介绍与使用指南
ui·adobe·photoshop
chenglin0168 小时前
C#_接口设计:角色与契约的分离
java·前端·c#
Zafir202420 小时前
Qt实现TabWidget通过addTab函数添加的页,页内控件自适应窗口大小
开发语言·c++·qt·ui
阿登林20 小时前
初步学习WPF-Prism
学习·wpf
谷宇.21 小时前
【Unity3D实例-功能-拔枪】角色拔枪(三)IK的使用-紧握武器
游戏·unity·c#·unity3d·游戏开发·游戏编程·steam
用户8356290780511 天前
C# 从 PDF 提取图片教程
后端·c#
兰亭妙微1 天前
审美积累 | 界面设计拆分 | Redesign Health - Services 医疗页面设计
ui·用户体验·医疗界面设计