在Xceed的WPF DataGrid中替换带有图像的复选框

时间:2011-07-22 14:02:21

标签: wpf mvvm datagrid xceed

我正在使用带有Xceed的WPF DataGridControl的MVVM模式,并且我将网格的一列绑定到我的视图模型/数据上下文的布尔属性。

默认显示为复选框,而我想显示图片,例如True的笑脸和False的悲伤脸。它不需要像复选框一样,因为列是只读的。

实现这一目标的最佳方法是什么?

2 个答案:

答案 0 :(得分:1)

在Xceeds网站上发布了一篇关于如何根据其他值设置DataCell样式的博客。基本上,您可以在其中创建一个带有图像控件的DataTemplate,您可以创建一个条件,如果值为true,则设置幸福面,如果值为false,则设置悲伤面。以下链接显示了如何执行此操作:

http://xceed.com/CS/blogs/techside/archive/2011/07/06/datacell-styling-vs-cellcontenttemplate.aspx

答案 1 :(得分:0)

您必须创建数据网格模板列才能实现自定义样式。

    <DataGrid.Columns>
     <DataGridTemplateColumn Header="First Name" IsReadOnly="True" Width="Auto" MinWidth="100" CanUserSort="True">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
<Grid>
                                        <Image Source="smile.jpg"/>
                                        <Image Source="smile.jpg"/>
</Grid>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn> 

    </DataGrid.Columns>

您可以进一步使用数据触发器来播放图像的可见性