c# WPF中通过双击编辑DataGrid中Cell的示例(附源码)

2023-07-04 21:24:03 87

背景

在很多的时候我们需要编辑DataGrid中每一个Cell，编辑后保存数据，原生的WPF中的DataGrid并没有提供这样的功能，今天通过一个具体的例子来实现这一个功能，在这个例子中DataGrid中的数据类型可能是多种多样的，有枚举、浮点类型、布尔类型、DateTime类型，每一种不同的类型需要双击以后呈现不同的效果，本文通过使用Xceed.Wpf.DataGrid这个动态控件库来实现这个功能，当前使用的Dll版本是2.5.0.0，不同的版本可能实现上面有差别，这个在使用的时候需要特别注意。

Demo预览

代码结构

代码还是按照常规的MVVM结构来进行编写，主要包括Views、Models、MainWindowViewModel、Converters这些常规的结构，在介绍这些之前来说一下我们的整体结构，在Demo中我们准备了一个四行三列的DataGrid，其中第一列主要是表示当前行的名称、后面的Step列是根据代码动态进行添加的，这个Step部分是我们通过代码动态调整的，调整完成后能够将数据保存到数据源中，我们还是按照MVVM的结构来进行进行代码的介绍。

1MainWindow

在View部分主要是通过引用Xceed中的DataGridControl控件进行扩展的，这个里面主要是需要设置DataGridControl的View和DefaultCellEditor这个里面DefaultCellEditor是本文的重点，这个就是单元格Cell双击后进行编辑的主体，在这个里面我们需要指定CellEditor的EditTemplate,这里面需要匹配一个DataTemplate,这个里面是一个SmartCellEditor的子View，下面我们来看看这个SmartCellEditor里面是什么内容？

2 SmartCellEditor

在这个里面我们在一个StackPanel中放置了匹配各种数据类型的Template,并且每一个的Visibility都是由visConverter这个自定义的Converter来实现的，后面我们会分析这个Converter里面的内容，这些代码的整体思想就是每次这个StackPanel里面的Template都只有一个可以显示，其它的都是隐藏的，哪一个会显示是根据当前的数据类型决定的，每一个注释表示每一个类型的数据，比如我们如果定义的是Bool类型，那么当我们双击单元格Cell的时候会出现一个CheckBox供我们编辑，所以这个里面我们需要根据我们定义的数据类型来扩展对应的模板，当我们双击单元格的时候就会显示这个模板从而进行编辑数据。

3MainWindowViewModel

这个里面是定义的MainWindow对应的DataContext,在这里面我们会初始化绑定到MainWindow中DataGridControl的ItemsSource,我们先来看看这个里面核心的代码并就其中的要点进行分析。

usingDataGridCellDoubleClickDemo.Models;
usingSystem;
usingSystem.Collections.ObjectModel;
usingSystem.Windows;
 
namespaceDataGridCellDoubleClickDemo
{
    publicclassMainWindowViewModel:NotificationObject
    {
        publicMainWindowViewModel(Xceed.Wpf.DataGrid.DataGridControldataGridControl)
        {
            DataGridControl=dataGridControl;
            InitRecipeVariables();
        }
 
 
        #regionProperties
        privateObservableCollection_RecipeVariables=newObservableCollection();
 
        publicObservableCollectionRecipeVariables
        {
            get{return_RecipeVariables;}
            set
            {
                if(value!=_RecipeVariables)
                {
                    _RecipeVariables=value;
                    OnPropertyChanged(nameof(RecipeVariables));
                }
 
            }
        }
 
        publicXceed.Wpf.DataGrid.DataGridControlDataGridControl{get;set;}
 
        #endregion
 
        #regionPrivateMethods
        privatevoidInitRecipeVariables()
        {
            _RecipeVariables.Add(newRecipeControlVariable
            {
                ControlName="Name",
                DisplayName="Name",
                StepValues=newObservableCollection
                {
                    newSmartCellViewModel
                    {
                        CellValue="Step",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="Name",
                             DisplayName="Name",
                             VariableEditorType=RecipeVariableEditorType.TextInput
                        }
                    },
                    newSmartCellViewModel
                    {
                        CellValue="Step",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="Name",
                             DisplayName="Name",
                             VariableEditorType=RecipeVariableEditorType.TextInput
                        }
                    }
                }
 
            });
            _RecipeVariables.Add(newRecipeControlVariable
            {
                ControlName="Time",
                DisplayName="ProcessTime(Sec)",
                StepValues=newObservableCollection
                {
                    newSmartCellViewModel
                    {
                        CellValue="0",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="Time",
                             DisplayName="ProcessTime(Sec)",
                             VariableEditorType=RecipeVariableEditorType.NumInput
                        }
                    },
                    newSmartCellViewModel
                    {
                        CellValue="0",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="Time",
                             DisplayName="ProcessTime(Sec)",
                             VariableEditorType=RecipeVariableEditorType.NumInput
                        }
                    }
                }
 
            });
            _RecipeVariables.Add(newRecipeControlVariable
            {
                ControlName="FrontChemical",
                DisplayName="FrontChemical",
                StepValues=newObservableCollection
                {
                    newSmartCellViewModel
                    {
                        CellValue="None",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="FrontChemical",
                             DisplayName="FrontChemical",
                             VariableEditorType=RecipeVariableEditorType.ReadOnlySelection,
                             Selections=newObservableCollection
                             {
                                 newSelectionItem
                                 {
                                     SelectionControlName="CHEM1",
                                     SelectionDisplayName="CHEM1",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="N2",
                                     SelectionDisplayName="N2",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="CDIW",
                                     SelectionDisplayName="CDIW",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="",
                                     SelectionDisplayName="None",
                                 }
                             }
                        }
                    },
                    newSmartCellViewModel
                    {
                        CellValue="None",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="FrontChemical",
                             DisplayName="FrontChemical",
                             VariableEditorType=RecipeVariableEditorType.ReadOnlySelection,
                             Selections=newObservableCollection
                             {
                                 newSelectionItem
                                 {
                                     SelectionControlName="CHEM1",
                                     SelectionDisplayName="CHEM1",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="N2",
                                     SelectionDisplayName="N2",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="CDIW",
                                     SelectionDisplayName="CDIW",
                                 },
                                 newSelectionItem
                                 {
                                     SelectionControlName="",
                                     SelectionDisplayName="None",
                                 }
                             }
                        }
                    }
                }
 
            });
            _RecipeVariables.Add(newRecipeControlVariable
            {
                ControlName="NozzleBindingSetting",
                DisplayName="NozzleScan",
                StepValues=newObservableCollection
                {
                    newSmartCellViewModel
                    {
                        CellValue="Default",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="NozzleBindingSetting",
                             DisplayName="NozzleScan",
                             VariableEditorType=RecipeVariableEditorType.TextInput
                        }
                    },
                    newSmartCellViewModel
                    {
                        CellValue="Default",
                        ErrorInfo=null,
                        SmartCellData=newRecipeVariableItem
                        {
                             ControlName="NozzleBindingSetting",
                             DisplayName="NozzleScan",
                             VariableEditorType=RecipeVariableEditorType.TextInput
                        }
                    }
                }
 
            });
        }
        #endregion
 
        ///
        ///reloaddatagridcontent
        ///
        publicvoidRefreshDataGrid()
        {
            try
            {
                if(null==DataGridControl)return;
                //generatecolumnsinGrid
                DataGridControl.CurrentColumn=null;
                if(DataGridControl.Columns.Count>0)
                    DataGridControl.Columns.Clear();
 
                vartemplate=(DataTemplate)this.DataGridControl.FindResource("CustomTemplate");
                varrowTemplate=(DataTemplate)this.DataGridControl.FindResource("RowHeadTemplate");
 
                DataGridControl.Columns.Add(newXceed.Wpf.DataGrid.Column()
                {
                    Width=140,
                    Title="Name",
                    FieldName=".",
                    CellContentTemplate=rowTemplate
                });
 
                varcellEditor=DataGridControl.DefaultCellEditors[typeof(SmartCellViewModel)];
 
                for(intindex=0;index
在这个里面我们重点分析下RefreshDataGrid这个子函数，在我们的MainWindowViewModel中我们定义的RecipeVariables是最终绑定到MainWindow中定义的DataGridControl中的ItemsSource,是整个控件的数据源，由于我们这个DataGird的第一列和后面的Step列数据类型不同，所以我们的RefreshDataGrid函数中增加Column列的时候是分作两个部分，第一个部分是单独增加一列，后面的列是通过循环StepValues这个集合来动态进行增加的，代码中我们定义了多少个StepValue，那么后面就会有多少列，这个里面的重点是增加Column的时候FieldName的赋值，这个是十分关键的，这个关系到能够让每一列获取到正确的数据源，例如第一列赋值Filed=“.”表示直接从当前绑定的数据源获取数据，另外后面的Step列的每一个FieldName是动态进行赋值的，赋值语句是：FieldName=string.Format("StepValues[{0}]",index),这个里面Index是一个动态值，这个是非常关键的一步，另外后面的Step列由于需要通过双击进行编辑所以每一个Column是需要赋值CellEditor对象的，另外这个ViewModel中的DataGridControl是通过构造函数进行赋值的，构造函数中的赋值就是MainWindow中定义的DataGridControl对象，这个在阅读代码时需要特别注意。
4Models
Models主要是定义的数据集合，我们的代码中主要包括RecipeControlVariable和SmartViewModel这两个部分，这两个部分分别对应DataGridControl的数据源以及双击进行编辑的SmartCellEditor两个部分一一对应。
 更多代码方面的细节需要仔细去分析阅读源码，需要源码请点击此处进行下载。
以上就是c#WPF中通过双击编辑DataGrid中Cell的示例(附源码)的详细内容，更多关于c#wpf双击编辑DataGrid的资料请关注毛票票其它相关文章！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

c# WPF中通过双击编辑DataGrid中Cell的示例(附源码)

背景

Demo预览

代码结构

1MainWindow

2 SmartCellEditor

3MainWindowViewModel

4Models

热门推荐

随机推荐