WPF DataGrid中实现下拉列表绑定

最新推荐文章于 2025-02-09 17:18:41 发布
最新推荐文章于 2025-02-09 17:18:41 发布
阅读量3.7k 收藏 15
点赞数 1
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sdhongjun/article/details/109275690
版权

目录

引子

在项目中需要使用DataGrid控件中的DataGridComboBoxColumn列来实现绑定下拉列表功能。

未实现功能示例代码

XAML代码：

<Window x:Class="DGComboBoxDemo.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:DGComboBoxDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:DC_Main x:Key="DC"/>
    </Window.Resources>
    <DataGrid AutoGenerateColumns="False" CanUserAddRows="False" Name="dg" DataContext="{Binding Source={StaticResource DC}}" ItemsSource="{Binding UnitItems}">
        <DataGrid.Columns>
            <DataGridTextColumn Header="名称" Binding="{Binding Name}" Width="100"/>
            <DataGridTextColumn Header="当前值" Binding="{Binding Step}" Width="80"/>
            <DataGridComboBoxColumn Header="选项" ItemsSource="{Binding StepItems}" DisplayMemberPath="Tip" SelectedValuePath="Step" Width="*"/>
        </DataGrid.Columns>
    </DataGrid>
</Window>

C#代码如下：

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            var dc = dg.DataContext as DC_Main;
            var unit1 = new UnitItem { Name = "单元1", Step = 1 };
            unit1.StepItems.Add(new StepItem { Tip = "就绪", Step = 0 });
            unit1.StepItems.Add(new StepItem { Tip = "初始化", Step = 1 });

            var unit2 = new UnitItem { Name = "单元2", Step = 0 };
            unit2.StepItems.Add(new StepItem { Tip = "开始", Step = 0 });
            unit2.StepItems.Add(new StepItem { Tip = "结束", Step = 1 });

            dc.UnitItems.Add(unit1);
            dc.UnitItems.Add(unit2);
        }
    }

    public class StepItem
    {
        public string Tip { get; set; }
        public ushort Step { get; set; }
    }

    public class UnitItem
    {
        public string Name { get; set; }
        public ushort Step { get; set; }
        public ObservableCollection<StepItem> StepItems { get; set; } = new ObservableCollection<StepItem>();
    }

    public class DC_Main
    {
        public ObservableCollection<UnitItem> UnitItems { get; set; } = new ObservableCollection<UnitItem>();
    }

运行效果

运行效果
点击选项列
运行软件发现第三列未显示为下拉列表，用户点击选项列对应内容，显示的下拉表为空，未能达到预定效果。通过网络搜索DataGridComboBoxColumn的相关示例，发现大部分ItemsSource为静态绑定，无法实现动态列表内容填充功能。

替代方案

因无法使用原生的DataGridComboBoxColumn数据列项实现下拉列表功能，只好使用DataGridTemplateColumn+ComboBox组合方案实现此功能，最终运行效果如下。

运行效果
XAML代码

<Window x:Class="DGComboBoxDemo.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:DGComboBoxDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:DC_Main x:Key="DC"/>
    </Window.Resources>
    <DataGrid AutoGenerateColumns="False" CanUserAddRows="False" Name="dg" DataContext="{Binding Source={StaticResource DC}}" ItemsSource="{Binding UnitItems}">
        <DataGrid.Columns>
            <DataGridTextColumn Header="名称" Binding="{Binding Name}" Width="100"/>
            <DataGridTextColumn Header="当前值" Binding="{Binding CurStep}" Width="80"/>
            <DataGridTemplateColumn Header="选项" Width="*">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ComboBox ItemsSource="{Binding StepItems}" DisplayMemberPath="Tip" SelectedValuePath="Step" SelectedValue="{Binding SelStep}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</Window>

最终解决方案

通过不懈努力，终于将此问题解决！！！
XAML

<Window x:Class="DGComboBoxDemo.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:DGComboBoxDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:DC_Main x:Key="DC"/>
    </Window.Resources>
        <DataGrid AutoGenerateColumns="False" CanUserAddRows="False" Name="dg" DataContext="{Binding Source={StaticResource DC}}" ItemsSource="{Binding UnitItems}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="名称" Binding="{Binding Name}" Width="100"/>
                <DataGridTextColumn Header="选项1值" Binding="{Binding CurStep}" Width="80"/>
                <DataGridTemplateColumn Header="选项" Width="*">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <ComboBox ItemsSource="{Binding StepItems1}" DisplayMemberPath="Tip" SelectedValuePath="Step" SelectedValue="{Binding CurStep, UpdateSourceTrigger=PropertyChanged}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            <DataGridTextColumn Header="选项2值" Binding="{Binding SelStep}" Width="80"/>
            <DataGridComboBoxColumn Header="选项2" Width="*" SelectedValueBinding="{Binding SelStep, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                    <DataGridComboBoxColumn.EditingElementStyle>
                        <Style TargetType="ComboBox">
                            <Setter Property="ItemsSource" Value="{Binding StepItems2}"/>
                            <Setter Property="DisplayMemberPath" Value="Tip"/>
                            <Setter Property="SelectedValuePath" Value="Step"/>
                        </Style>
                    </DataGridComboBoxColumn.EditingElementStyle>
                    <DataGridComboBoxColumn.ElementStyle>
                    <Style TargetType="ComboBox">
                        <Setter Property="ItemsSource" Value="{Binding StepItems2}"/>
                        <Setter Property="DisplayMemberPath" Value="Tip"/>
                        <Setter Property="SelectedValuePath" Value="Step"/>
                    </Style>
                </DataGridComboBoxColumn.ElementStyle>
                </DataGridComboBoxColumn>
            </DataGrid.Columns>
        </DataGrid>
    
</Window>


public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            var dc = dg.DataContext as DC_Main;
            var unit1 = new UnitItem { Name = "单元1", CurStep = 1 };
            unit1.StepItems1.Add(new StepItem { Tip = "就绪", Step = 0 });
            unit1.StepItems1.Add(new StepItem { Tip = "初始化", Step = 1 });
            unit1.StepItems2.Add(new StepItem { Tip = "开始", Step = 0 });
            unit1.StepItems2.Add(new StepItem { Tip = "结束", Step = 1 });

            var unit2 = new UnitItem { Name = "单元2", CurStep = 0 };
            unit2.StepItems1.Add(new StepItem { Tip = "就绪", Step = 0 });
            unit2.StepItems1.Add(new StepItem { Tip = "初始化", Step = 1 });
            unit2.StepItems2.Add(new StepItem { Tip = "开始", Step = 0 });
            unit2.StepItems2.Add(new StepItem { Tip = "结束", Step = 1 });

            dc.UnitItems.Add(unit1);
            dc.UnitItems.Add(unit2);
        }
    }

    public class VMBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        // This method is called by the Set accessor of each property.
        // The CallerMemberName attribute that is applied to the optional propertyName
        // parameter causes the property name of the caller to be substituted as an argument.
        public void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class StepItem
    {
        public string Tip { get; set; }
        public ushort Step { get; set; }
    }

    public class UnitItem : VMBase
    {
        public string Name { get; set; }

        private ushort _CurStepp;
        public ushort CurStep {
            get { return _CurStepp; } 
            set { 
                _CurStepp = value;
                NotifyPropertyChanged();
            } 
        }

        private ushort _SelStep;
        public ushort SelStep
        {
            get { return _SelStep; }
            set
            {
                _SelStep = value;
                NotifyPropertyChanged();
            }
        }
        public ObservableCollection<StepItem> StepItems1 { get; set; } = new ObservableCollection<StepItem>();
        public ObservableCollection<StepItem> StepItems2 { get; set; } = new ObservableCollection<StepItem>();
    }

    public class DC_Main
    {
        public ObservableCollection<UnitItem> UnitItems { get; set; } = new ObservableCollection<UnitItem>();
    }

在这里插入图片描述

Wpf Mvvm DataGrid绑定下拉框ComboBox
weixin_44543121的博客
05-18 3062
本次的文献是Wpf mvvm框架下实现表格编辑，在表格内放入下拉框，给表格内的下拉框赋予数据库中的数据如何实现。这个问题困扰了我很久，应为在Mvvm模式下不能直接选择下拉框的名称，直接赋值，然后用普通的下拉框赋值的方法也赋值不了，我也想了办法用Wpf那种下拉框赋值也赋值不了。在网上找了资料也很少，后面找到一个相似的方法，然后根据他的方法改写成了我现在需要的方法才实现了这个功能。 首先这就是我们的html 这就是表格内的单位下拉框，然后我们赋值的就是UnitSheet，这个了。 <DataGri
WPF篇（18）-DataGrid数据表格控件+ComboBox下拉框控件
一个人的江湖
08-14 2517
第二个则绑定了一个数据源，并在Xaml中指定了DisplayMemberPath属性显示Person的Name，最后在后端代码中，依然使用SelectedItem 属性获取当前选中项，转化成Person，以获取实际的选中数据。ComboBox表示带有下拉列表的控件，实际上可以把它看成两个部分组成，一个类似TextBox文本输入框，所以它有一个Text文本属性，用于获取ComboBox框的文本值，另一个是类似ListBox的列表框，用于显示ComboBox绑定的所有数据源。这样的话，当鼠标双击时会报错。
WPF DataGrid ComboBox下拉框数据绑定 代码实例
04-12
这是我的博客 里提到的 表格使用的整个项目代码
WPF DataGrid ComboBox 下拉框数据绑定。且默认显示下拉框，可与其他列绑定联动。
热门推荐
tiankong1213的博客
03-17 1万+
这段时间在折腾 WPF 的表格控件。为了实现表格里带下拉框，同时联动另一列，真是想的快吐了。 先展示最终完美方案： 方案也是改了又改， 从直接的 DataGridComboBoxColumn 到 DataGridTemplateColumn的 CellEditingTemplate 再到这个完成版 DataGridTemplateColumn的CellTemplate 加事件。终于完...
Wpf美化按钮，输入框，下拉框，dataGrid
最新发布
qq_41973721的博客
02-09 1154
wpf美化
WPF DataGrid 单元格实现下拉框选项
zlhhx的博客
06-03 3692
WPF DataGrid 单元格实现下拉框选项 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录WPF DataGrid 单元格实现下拉框选项前言一、问题二、示例1.实现效果2.描述三、解决方法四、总结 前言 需要实现DataGrid控件单元格下拉框选项，DataGrid数据来源是数据库中的表 第一次写博客，尝试一下 一、问题 网上有很多关于DataGridComboBoxColumn以及DataGridTemplateColumn模板列的教程，需要在前台XAML中进行添加，这
WPF DataGrid自定义分页控件_实现下拉刷新数据
weixin_34127717的博客
09-09 327
思路:在DataGrid的垂直滚动条滚动到头时添加一个事件,并且对外公开.DataGrid自定义控件添加多个公开属性,包括数据总条数,每页行数,要跳转的页数,跳转按钮(公开事件),并且DataGrid支持2种分页模式,一次性去除数据,分页跳转对数据进行操作.另外一种是需要每次设置数据源,用户使用分页自己去查询数据 --2013.09.09 晚上回去开始动手 转载于:https://www.cnb...
WPF 中combox与datagrid绑定
Swarb的博客：低头做事，抬头做人
09-25 4069
WPF DataGrid中的DataGridComboBoxColumn 单击显示下拉框
MaFeng
05-07 3992
WPF, DataGrid中的DataGridComboBoxColumn,如何单击显示下拉框默认双击才能出现下拉框，现在客户需要单击就显示，如何解决。 默认双击才能出现下拉框，现在客户需要单击就显示，如何解决。 step 1: private void datagrid1_CurrentCellChanged(object sender, EventArgs e) { datagrid1...
WPF实现DataGrid嵌入ComBox绑定
11-08
本篇文章将深入探讨如何在WPF应用中实现DataGrid嵌入ComboBox并进行数据绑定。 首先，我们需要理解WPF中的数据绑定概念。数据绑定允许UI元素（如ComboBox和DataGrid）与应用程序中的数据源进行连接，使UI动态反映...
wpf datagrid实现树结构.rar
11-01
总的来说，这个项目演示了如何通过自定义模板和数据绑定在WPF的DataGrid中实现树形结构，对于理解和应用此类功能非常有帮助。开发者需要了解MVVM设计模式、数据绑定、HierarchicalDataTemplate、以及如何处理UI事件...
C#中为DataGrid添加下拉列表框
04-19
C#中为DataGrid添加下拉列表框,本文将介绍如何在 System.Windows.Forms.DataGrid中切入使用ComboBox控件，主要包括三方面的内容。
WPF 下拉类表的简单实现
11-13
程序员是在不断学习中进步的。WPF初学，做的一些东西，共同进步。
DataGrid控件下拉列表框、日历时间和复选框演示
11-13
DataGrid控件是.net里面应用非常广泛的控件，在实际工作中，经常需要用户在输入数据的时候能够直接从几个备选数据进行选择，就是要嵌入下拉列表框，或者输入日期和时间，就是用到嵌入的DateTimePacker控件，还有使用复选框。 这里是一个完整的c#工程，演示了在这些控件的使用。
wpf comboBox 下拉框全国地址联动
04-12
wpf comboBox 下拉框全国地址联动 的整个项目代码
WPF_MVVM中DataGrid列中使用ComBox绑定
10-17
ComBox是一种下拉列表框控件，它可以显示一个文本项并允许用户从下拉列表中选择其他选项。在DataGrid中，我们通常会为特定列定义一个DataTemplate，以便在该列中显示ComBox。 为了在MVVM模式下实现ComBox的双向绑定...
在DataGrid中实现下拉列表框的添加方法
在处理IT知识，特别是针对.NET框架中的Windows Forms或者WPF应用程序开发时，经常会遇到需要在DataGrid控件中添加下拉列表框（ComboBox）的需求。本文将详细介绍如何在DataGrid中添加下拉列表框，以及相关的知识点。...
WPF 十一 （ComboBox下拉选页面刷新时DataGrid变量绑定处理）
PassionLong的博客
11-15 1098
WPF 十一 ComboBox下拉选页面刷新时DataGrid变量绑定处理
WPF DataGrid下滑动态加载数据
L.的博客
12-08 1074
效果如图： 重点是判断滑动到DataGrid底端（VerticalOffset等于ScrollableHeight），则继续加载数据 private void DataGrid_ScrollChanged(object sender, ScrollChangedEventArgs e) { var scrollViewer = e.OriginalSource as ScrollViewer; if (e.VerticalOffset!=0 && e.VerticalOffset ==
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

sdhongjun

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

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

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

打赏作者

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

抵扣说明：

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

余额充值