WPFdatagrid结合comboBox

在WPF的DataGrid中希望结合使用ComboBox下拉框,达到下拉选择绑定的效果,在实现的过程中,遇到了一些奇怪的问题,因此记录下来。

网上能够查询到的解决方案:

总共有三种ItemSource常见绑定实现方式:

1.ItemSource是静态资源

2.ItemSource是ComboBoxItem类型的内联集合

3.ItemSource是普通数据集合,需要采用ElementStyle显式样式,不然无法正常绑定与显示。

这三种绑定实现方式可自行搜索了解,这里不做过多赘述。

编码绑定方式有两种:

1.直接使用< DataGridComboBoxColumn/>,配置好ItemSource与SelectedItem;

2.使用模板,即使用< DataGridTemplateColumn Header="xxx">

遇到的问题

这些方法我都尝试过了,但不知道为什么我实现的出现了以下问题,令我十分困惑。

现状就是点击了没展开,但是滑动鼠标滚轮又可以正常切换,真是个莫名奇妙的问题。

最终解决方式

  1. SettingViewModel中需要绑定为ItemSource的集合,直接设定为静态类型,原因是普通集合绑定会失败,即使我用了上述中的显式处理,还是没能成功。
  2. 采用模板而非DataGridComboBoxColumn,我采用DataGridComboBoxColumn绑定时,仍然出现了点击没展开但滚轮滚动能切换选择的问题。
json 复制代码
<DataGridTemplateColumn Header="端口名称">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <ComboBox
                                            Name="cbPortName"
                                            Width="120"
                                            Height="30"
                                            Margin="2"
                                            HorizontalAlignment="Left"
                                            ItemsSource="{x:Static vm:SettingViewModel.PortNames}"
                                            SelectedItem="{Binding PortName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

这样,就能正常下拉选择PortNames,并且让选中与datagrid集合下的portname相绑定了。最终效果:

相关推荐
应用市场2 小时前
构建自定义命令行工具 - 打造专属指令体
开发语言·windows·python
Dfreedom.2 小时前
一文掌握Python四大核心数据结构:变量、结构体、类与枚举
开发语言·数据结构·python·变量·数据类型
一半烟火以谋生2 小时前
Python + Pytest + Allure 自动化测试报告教程
开发语言·python·pytest
虚行2 小时前
C#上位机工程师技能清单文档
开发语言·c#
小羊在睡觉3 小时前
golang定时器
开发语言·后端·golang
CoderCodingNo3 小时前
【GESP】C++四级真题 luogu-B4068 [GESP202412 四级] Recamán
开发语言·c++·算法
Larry_Yanan4 小时前
QML学习笔记(四十四)QML与C++交互:对QML对象设置objectName
开发语言·c++·笔记·qt·学习·ui·交互
百锦再4 小时前
对前后端分离与前后端不分离(通常指服务端渲染)的架构进行全方位的对比分析
java·开发语言·python·架构·eclipse·php·maven
Want5954 小时前
C/C++大雪纷飞①
c语言·开发语言·c++
有时间要学习5 小时前
Qt——窗口
开发语言·qt