WPF开发技巧:在WPF的DataGrid中实现动态增加列并刷新表格

1.VM代码

using Prism.Mvvm;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
using Newtonsoft.Json;
using Prism.Commands;
using System.Data;
using System.Windows.Controls;

namespace Prism_AOI.Modules.SystemSettingModule.ViewModels
{
    public class CameraSettingViewModel : BindableBase
    {
        private ObservableCollection<dynamic> _testList;

        public ObservableCollection<dynamic> TestList
        {
            get { return _testList; }
            set { SetProperty(ref _testList, value); }
        }
        private ICommand _addCommand;
        public ICommand AddCommand
        {
            get { return _addCommand; }
            set { SetProperty(ref _addCommand, value); }
        }
        public CameraSettingViewModel()
        {
            _addCommand = new DelegateCommand(AddTest);
            _dataGridLoadedCommand = new DelegateCommand<object>(GetDatagrid);
        }

        /// <summary>
        /// 用于获取表格
        /// </summary>
        /// <param name="grid"></param>
        private void GetDatagrid(object grid)
        {
            TestGirdView = grid as DataGrid;
            init();
        }

        private DataTable _sourceTable = new DataTable();

        public DataTable SourceTable
        {
            get { return _sourceTable; }
            set { SetProperty(ref _sourceTable, value); }
        }

        private ICommand _dataGridLoadedCommand;

        public ICommand DataGridLoadedCommand
        {
            get { return _dataGridLoadedCommand; }
            set { SetProperty(ref _dataGridLoadedCommand, value); }
        }

        private DataGrid _testGirdView;

        public DataGrid TestGirdView
        {
            get { return _testGirdView; }
            set { SetProperty(ref _testGirdView, value); }
        }



        private void init()
        {
            #region 用于初始化表格数据,但是没办法动态添加列,适用于一开始就确定好表格有多少列的形式
            //_testList = new ObservableCollection<dynamic>();
            //List<Dictionary<string, string>> temp = new List<Dictionary<string, string>>();
            //for (int i = 0; i < 10; i++)
            //{
            //    Dictionary<string, string> dic = new Dictionary<string, string>();
            //    for (int j = 0; j < 10; j++)
            //    {
            //        //temp.Add( new Dictionary<string, string>(){{"", "" },{ "", "" } });
            //        dic.Add("名字" + j, i + j.ToString());
            //    }
            //    temp.Add(dic);
            //}
            //_testList = JsonConvert.DeserializeObject<ObservableCollection<dynamic>>(JsonConvert.SerializeObject(temp));

            #endregion
            //这里为新添加的行数据,Key对应列头,value对应列名称

            List<Dictionary<string, string>> dictionaries= new List<Dictionary<string, string>>();

            //Dictionary<string, string> temp = new Dictionary<string, string>();
            for (int i = 0; i < 10; i++)
            {
                Dictionary<string, string> dic = new Dictionary<string, string>();
                for (int j = 0; j < 10; j++)
                {
                    dic.Add("名字" +i+ j, i + j.ToString());
                }
                dictionaries.Add(dic);
            }
            //需要先遍历添加所有不存在的列头!!!
            foreach (var dictionary in dictionaries)
            {
                foreach (var res in dictionary)
                {
                    //如果列头不存在则进行列头的添加

                    if (!_sourceTable.Columns.Contains(res.Key))
                    {
                        _sourceTable.Columns.Add(res.Key);
                    }
                }
            }
            foreach (var dictionary in dictionaries)
            {
                DataRow row = null;
                //创建行:此时已经包含之前没有的列
                row = _sourceTable.NewRow();
                foreach (var res in dictionary)
                {
                    row[res.Key] = res.Value; //对应的单元格赋值(通过键值对的方式添加,要保证键值对不能重复)
                }
                SourceTable.Rows.Add(row);
            }
            TestGirdView.ItemsSource = null;
            TestGirdView.ItemsSource = _sourceTable.DefaultView;

        }

        private void AddTest()
        {
            //_sourceTable.Columns.Add(new DataColumn("Column2"));
            //如果不重新绑定数据源的话没办法更新列
            TestGirdView.ItemsSource = null;
            TestGirdView.ItemsSource = _sourceTable.DefaultView;
        }
    }
}

 2.界面布局样式

<UserControl x:Class="Prism_AOI.Modules.SystemSettingModule.Views.CameraSetting"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Prism_AOI.Modules.SystemSettingModule.Views"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:prism ="http://prismlibrary.com/"
             Background="MediumSlateBlue"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button Width="100" Command="{Binding  AddCommand }">添加</Button>
            <Button Width="100">删除</Button>
        </StackPanel>
        <DataGrid Name="gridView" Grid.Row="1" IsReadOnly="True" CanUserAddRows="True"  ItemsSource="{Binding SourceTable ,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged }">
        </DataGrid>
    </Grid>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <prism:InvokeCommandAction Command="{Binding DataGridLoadedCommand }" CommandParameter="{Binding ElementName=gridView  }"></prism:InvokeCommandAction>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</UserControl>

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
MVVM是一种软件架构模式,用于将用户界面的逻辑与数据分离,以便更好地管理和维护代码。在WPF,可以使用MVVM模式来实现DataGrid动态和编辑器。 首先,我们可以创建一个ViewModel类,该类将持有DataGrid的数据和信息。我们可以使用ObservableCollection<T>来存储数据,这样当数据发生变化时,DataGrid会自动更新。 然后,我们可以在ViewModel定义一个命令,用于处理用户对DataGrid的数据进行编辑的操作。当用户点击编辑按钮时,命令会被调用,并传递要编辑的数据作为参数。 接下来,我们可以在View使用DataGrid来展示ViewModel的数据。通过绑定DataGrid的ItemsSource属性到ViewModel的数据集合,可以实现动态的效果。当ViewModel的数据发生变化时,DataGrid会自动刷新。 在DataGrid定义,我们可以使用DataGridTemplateColumn来定义自定义的编辑器。通过绑定该的CellTemplate和CellEditingTemplate属性到ViewModel的编辑器,在用户编辑数据时,可以使用自定义的编辑器来展示和保存数据。 最后,我们需要将View与ViewModel进行绑定,以实现数据的双向同步。可以使用DataBinding来将ViewModel的属性与View的控件进行绑定,这样当属性发生变化时,控件会自动更新,并且当用户对控件进行操作时,属性也会相应地更新。 总而言之,使用MVVM模式可以将DataGrid动态和编辑器实现得更加灵活和可维护。通过将数据和逻辑分离,我们可以更好地组织代码,并实现更好的用户体验。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值