C# WPF DataGrid行内编辑

于 2023-02-19 12:17:34 发布
阅读量4.4k 收藏 17
点赞数 3
分类专栏： 程序开发 C# 笔记 文章标签： c# wpf 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dgnankai/article/details/129109017
版权
笔记 同时被 3 个专栏收录
43 篇文章 3 订阅
订阅专栏
程序开发
41 篇文章 0 订阅
订阅专栏
C#
13 篇文章 2 订阅
订阅专栏

DataGrid默认情况下就支持行内编辑，只不过比较简单，通常是显示用TextBlock，双击编辑时用TextBox，不过DataGrid支持模板自定义，编辑时使用其它控件，这样就可以实现更强大的功能。

1、数据

……
public class classPowerSwitchList
{
    public String SwitcID { set; get; }
    public string SwitchWeek { set; get; }
    public String PowerON { set; get; }
    public String PowerOFF { set; get; }
}
……
public List<classPowerSwitchList> classPowerSwitchLists = new List<classPowerSwitchList>();
……
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "1", SwitchWeek = "一", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "2", SwitchWeek = "二", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "3", SwitchWeek = "三", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "4", SwitchWeek = "四", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "5", SwitchWeek = "五", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "6", SwitchWeek = "六", PowerON = "07:30", PowerOFF = "18:00" });
classPowerSwitchLists.Add(new classPowerSwitchList() { SwitcID = "7", SwitchWeek = "日", PowerON = "07:30", PowerOFF = "18:00" });
PowerSwitchList.ItemsSource = null;
PowerSwitchList.ItemsSource = classPowerSwitchLists;

2、xaml

<DataGrid x:Name="PowerSwitchList" ItemsSource="{Binding}" Margin="1" RowHeaderWidth="0" 
        GridLinesVisibility="Horizontal" FontSize="14" AlternationCount="2" 
        CanUserSortColumns="False" IsReadOnly="False"  CanUserAddRows="False" AutoGenerateColumns="False" 
        HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
        CanUserResizeColumns="False" CanUserResizeRows="False" CanUserReorderColumns="False" 
        BeginningEdit="PowerSwitchList_BeginningEdit" CellEditEnding="PowerSwitchList_CellEditEnding" 
        >
    <DataGrid.ColumnHeaderStyle>
        <Style TargetType="DataGridColumnHeader">
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="FontWeight" Value="Bold"/>
        </Style>
    </DataGrid.ColumnHeaderStyle>
    <DataGrid.CellStyle>
        <Style TargetType="{x:Type DataGridCell}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="FontWeight" Value="Bold"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </DataGrid.CellStyle>
    <DataGrid.RowStyle>
        <Style TargetType="{x:Type DataGridRow}">
            <Setter Property="FontSize" Value="12"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Style.Triggers>
                <Trigger Property="ItemsControl.AlternationIndex" Value="0">
                    <Setter Property="Background" Value="#cbedfa" />
                </Trigger>
                <Trigger Property="ItemsControl.AlternationIndex" Value="1">
                    <Setter Property="Background" Value="#FFFFFFFF" />
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#76d7fb"/>
                </Trigger>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="LightBlue"/>
                    <Setter Property="Foreground" Value="White"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>
    <DataGrid.Resources>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="序号" Width="2*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Label x:Name="SwitcID" Content="{Binding SwitcID}" FontSize="12" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="星期" Width="2*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Label x:Name="SwitchWeek" Content="{Binding SwitchWeek}" FontSize="12" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="开机" Width="3*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock x:Name="PowerON" Text="{Binding PowerON}" ToolTip="双击修改" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <TextBox x:Name="PowerON_Edit" Text="{Binding PowerON}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        <Button x:Name="btnCancelEdit" Content="×" Height="18" Width="18" Click="btnCancelEdit_Click"/>
                        <Button x:Name="btnConfirmcEdit" Content="√" Height="18" Width="18" Click="btnConfirmcEdit_Click"/>
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="关机" Width="3*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock x:Name="PowerOFF" Text="{Binding PowerOFF}" ToolTip="双击修改" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <TextBox x:Name="PowerOFF_Edit" Text="{Binding PowerOFF}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        <Button x:Name="btnCancelEdit" Content="×" Height="18" Width="18" Click="btnCancelEdit_Click"/>
                        <Button x:Name="btnConfirmcEdit" Content="√" Height="18" Width="18" Click="btnConfirmcEdit_Click"/>
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

3、处理代码

……
private void PowerSwitchList_BeginningEdit(object sender, DataGridBeginningEditEventArgs e)
{
    Console.WriteLine("开始编辑");
}
private void PowerSwitchList_CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)
{
    //如果点击了放弃按钮或ESC
    if (e.EditAction == DataGridEditAction.Cancel)
    {
        return;
    }
    //获取编辑模式显示的元素，因为使用了模板，因此这里是ContentPresenter类型
    ContentPresenter cp = e.EditingElement as ContentPresenter;
    if (cp != null && VisualTreeHelper.GetChildrenCount(cp) > 0)
    {
        //找到StackPanel
        StackPanel stackPanel = VisualTreeHelper.GetChild(cp, 0) as StackPanel;
        //再找到编辑框
        TextBox textBox = VisualTreeHelper.GetChild(stackPanel, 0) as TextBox;
        //如果找到
        if (textBox != null)
        {
            //新值
            string newValue = textBox.Text;
            //获取表格对象
            var dataGrid = sender as DataGrid;
            //判断输入是否符合要求 00:00-23:59
            Regex regex = new Regex(@"([0-1][0-9]|2[0-3]):([0-5][0-9])");
            if (regex.IsMatch(newValue))
            {
                //从“:”两侧各取2个数字
                string[] modifyNewValue = newValue.Split(':');
                if (modifyNewValue[0].Length>2)
                {
                    modifyNewValue[0] = modifyNewValue[0].Substring(modifyNewValue[0].Length - 2, 2);
                }
                newValue = modifyNewValue[0] + ":" + modifyNewValue[1].Substring(0, 2);
                textBox.Text = newValue;
                //修改列表
                if (textBox.Name == "PowerON_Edit")//判断是编辑哪个字段
                {
                    classPowerSwitchLists[dataGrid.SelectedIndex].PowerON = newValue;
                }
                else
                {
                    classPowerSwitchLists[dataGrid.SelectedIndex].PowerOFF = newValue;
                }
                //保存到ini
                PowerSwitch_SaveDataGridToINI();
            }
            else
            {
                MessageBox.Show("输入错误，格式应为（“00:00”至“23:59”）","错误",MessageBoxButton.OK,MessageBoxImage.Error);
                //找到编辑前的值
                var OLD_textBox = cp.Content as classPowerSwitchList;
                //改为以前的数值
                if (textBox.Name == "PowerON_Edit")//判断是编辑哪个字段
                {
                    textBox.Text = OLD_textBox.PowerON;
                }
                else
                {
                    textBox.Text = OLD_textBox.PowerOFF;
                }
                //重新进入编辑状态
                dataGrid.BeginEdit();
            }
            
        }
    }
    
}
private void btnCancelEdit_Click(object sender, RoutedEventArgs e)
{
    this.PowerSwitchList.CancelEdit();
}

private void btnConfirmcEdit_Click(object sender, RoutedEventArgs e)
{
    this.PowerSwitchList.CommitEdit();
}
……

最终效果：

 

 

beiger
关注
  • 3
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
【转】WPF 入门教程DataGrid基本功能
dgnankai的专栏
02-14 1204
让我们尝试一个看起来很像前一章中的示例，但我们手动定义所有列，以实现最大控制。您可以根据要显示/编辑的数据选择列类型。尤其是最后一个DataGridTemplateColumn很有趣。它允许您定义任何类型的内容，这为使用来自 WPF 库甚至您自己或第三方控件的自定义控件提供了机会。set;set;在标记中，我在DataGrid 上添加了AutoGenerateColumns属性，我已将其设置为false，以控制所使用的列。
C#WPF之DataGrid用法
06-06
结合实例很好的讲解了DataGrid中数据绑定，与数据操作即增删改查，还有分页功能。适合初学者快速的掌握DataGrid 的典型应用
WPF DataGrid ComboBox 下拉框数据绑定。且默认显示下拉框，可与其他列绑定联动。
tiankong1213的博客
03-17 1万+
这段时间在折腾 WPF 的表格控件。为了实现表格里带下拉框，同时联动另一列，真是想的快吐了。 先展示最终完美方案： 方案也是改了又改， 从直接的 DataGridComboBoxColumn 到 DataGridTemplateColumn的 CellEditingTemplate 再到这个完成版 DataGridTemplateColumn的CellTemplate 加事件。终于完...
WPF DataGrid ComboBox下拉框数据绑定 代码实例
04-12
这是我的博客 里提到的 表格使用的整个项目代码
C# WPF DataGrid行拖拽顺序交换
12-02
C# WPF DataGrid行拖拽顺序交换，通过按下rowheader，移动到目标行rowheader松开，实现列表顺序交换
wpf DataGrid 实现单击单元格进入编辑状态
03-06
该代码示例实现了在wpf中，单击DataGrid单元格进入编辑状态（DataGridCheckBoxColumn 单击切换选中状态）的功能。
WPF 使用DataGrid绑定数据，并添加编辑和删除按钮
征途人生&梦
04-28 7135
xaml <DataGrid Name="userList" AutoGenerateColumns="False" CanUserAddRows="False"> <DataGrid.Columns> <DataGridTextColumn Header="用户名" Width="800"...
c# WPF中通过双击编辑DataGrid中Cell的示例(附源码)
chinaherolts2008的博客
03-21 1265
背景 　　在很多的时候我们需要编辑DataGrid中每一个Cell，编辑后保存数据，原生的WPF中的DataGrid并没有提供这样的功能，今天通过一个具体的例子来实现这一个功能，在这个例子中DataGrid中的数据类型可能是多种多样的，有枚举、浮点类型、布尔类型、DateTime类型，每一种不同的类型需要双击以后呈现不同的效果，本文通过使用Xceed.Wpf.DataGrid这个动态控件库来实现这个功能，当前使用的Dll版本是2.5.0.0，不同的版本可能实现上面有差别，这个在使用的时候需要特别注意。 De
WPF DataGrid 控件的运用-灵活编辑、新增、删除列
热门推荐
Andy-菜鸟
03-05 1万+
WPF DataGrid 控件的运用WPF DataGrid 控件的运用运行环境：Window7 64bit，.NetFramework4.61，C# 6.0； 编者：乌龙哈里 2017-02-23参考：King Cobra 博客流泉飞石 博客董辉 百度知道答题章节：添加列和数据源选择单位设置自动添加行号Enter 键做成 Tab 键的效果同步更新数据源在选中 Cell 所在行上插入新行或删除选中...
C# WPF DataGrid 底部汇总行合计
03-24
DataGrid 底部合计，在DataGrid 的外部，底部横向滚动条的下面做的汇总。
C# WPF DataGrid控件实现三级联动
10-27
C# WPF DataGrid控件实现三级联动 博客原文：http://blog.csdn.net/weixinhum/article/details/49449973
c# WPF DataGrid 底部汇总行合计
01-20
DataGrid 统计每一列的值，合计在底部。 这里的合计是在 DataGrid 的内部，汇总在最后一行，在 DataGrid 横向滚动条的上方进行汇总。
WPF 使用C#实现DataGrid联动
09-27
WPF 使用MVVM设计模式对进行增删改操作 具体内容可以看我的博客：https://blog.csdn.net/Dear200892/article/details/100917939
c# WPF DataGrid 列中带ComBox下拉列表,并且可编辑
11-24
使用2个方法: (1) DataGridTemplateColumn (2)DataGridComboBoxColumn。 这两中方法都可以编辑选择的数据，但是推荐使用第一种DataGridTemplateColumn 。
js如何监听一个变量数值的变化
dgnankai的专栏
01-27 1万+
最简单的方法是，在给a赋值的时候绑定一个事件。 var a =0; /*很简单的一个方法，就实现了，你给a赋值的时候，绑定了一个事件，这个事件参数，event你可以自己传入一个函数。这样你以调用给a赋值的方法，set_a_value 就会执行这个绑定的事件*/ var set_a_value = function(_a,event){ a=_a; if(event){ event(); } }; /**调用例子*/ var test = function(){
C# 解决报错：调用线程无法访问此对象，因为另一个线程拥有该对象。
dgnankai的专栏
04-29 5260
在给桌面控件赋值是，由于线程问题，会导致如下报错： 调用线程无法访问此对象，因为另一个线程拥有该对象。解决办法如下： 控件名称.Dispatcher.Invoke(new Action(() => { 控件名称.属性 = 值 })); 如： this.PageIndex.Dispatcher.Invoke(new Action(() => { this.PageIndex.Content = 8; })); ...
C# AForge的简单使用
dgnankai的专栏
01-31 4636
AForge.NET专为计算机视觉和人工智能应用而设计，这种C#框架适用于图像处理、神经网络、遗传算法、模糊逻辑、机器学习和机器人等。AForge.Neuro —— 神经网络计算库AForge.Genetic -进化算法编程库。1、安装包：VS→工具→包管理器→输入关键字“AForge”→安装。AForge.Robotics —— 提供一些机器人的工具类库。AForge.Controls—— 图像，三维，图表显示控件。AForge.Video —— 一系列的视频处理类库。Manual （手工）
CSS对象中心点对齐与旋转
dgnankai的专栏
01-26 3446
先看html代码 <!DOCTYPE html> <html> <head> <style> #div1 { height: 500px; width: 300px; border: 1px solid black; } #div2 { border: 1px solid black; background-color: yellow; opacity:0.5; height:200px;
c# wpf datagrid 怎么嵌入其他空间
最新发布
06-12
你可以在 WPF 的 DataGrid 控件中使用 TemplateColumn，这样就可以嵌入其他控件了。 以下是示例代码： ```xml <DataGrid> <DataGrid.Columns> <DataGridTemplateColumn Header="Column1"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <StackPanel> <!-- 在这里嵌入其他控件 --> <TextBlock Text="Hello, World!" /> </StackPanel> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> ``` 在这个示例中，我们在 DataGrid 中使用了一个 TemplateColumn，将一个 StackPanel 嵌入到了列中，并在 StackPanel 中放置了一个 TextBlock 控件。你可以将 TextBlock 替换为其他控件，以满足你的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

beiger

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值