2012-03-28 69 views
3

我是WPF的初学者。如何根据绑定值更改WPF datagrid行的图像

我有一个数据网格显示消息与列定义如下。数据网格绑定到一个数据表

<my:DataGridTextColumn Binding="{Binding Module}" Header="Module" 
    Width="75" IsReadOnly="True"></my:DataGridTextColumn> 
<my:DataGridTextColumn Binding="{Binding Record ID}" Header="RecordID" 
    Width="75" IsReadOnly="True"></my:DataGridTextColumn> 
<my:DataGridTextColumn Binding="{Binding ItemName}" 
    Header="Item/Platform/Country Name" Width="175" IsReadOnly="True"> 
    </my:DataGridTextColumn> 
<my:DataGridTextColumn Binding="{Binding DateReceived}" 
    Header="DateReceived" Width="150" IsReadOnly="True"> 
    </my:DataGridTextColumn> 
<my:DataGridTextColumn Binding="{Binding Comments}" Header="Comments" 
    Width="300" IsReadOnly="True"></my:DataGridTextColumn> 

现在我需要添加一个coulmn标题为“状态”。和内容作为图像。我绑定 该列的数据表的“IsRead”列,以便如果IsRead值为False,则需要显示图像unread.png,如果IsRead值为True,则需要显示图像read.png

How我是否这样做?

回答

10

您可以创建包含您的绑定属性类StatusImage属性:

public string StatusImage { 
    get 
    { 
     if (IsRead) 
      return "read.png"; 
     return "unread.png"; 
    } 
} 

然后将它绑定到例如图像:

<Image Source="{Binding StatusImage}"></Image> 

或在你的情况,你没有上课。你可以一个datatrigger之间进行选择:

<DataGridTemplateColumn> 
    <DataGridTemplateColumn.CellTemplate> 
     <DataTemplate> 
      <Image Name="IsReadImage" Source="read.png"/> 
       <DataTemplate.Triggers> 
        <DataTrigger Binding="{Binding IsRead}" Value="False"> 
        <Setter TargetName="IsReadImage" Property="Source" Value="unread.png"/> 
       </DataTrigger>    
      </DataTemplate.Triggers>   
     </DataTemplate>  
    </DataGridTemplateColumn.CellTemplate> 
</DataGridTemplateColumn> 

或者你可以使用一个值转换器:

类:

public class IsReadImageConverter : IValueConverter 
{ 
    public Image ReadImage { get; set; } 
    public Image UnreadImage { get; set; } 

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     if (!(value is bool)) 
     { 
      return null; 
     } 
     bool b = (bool)value; 
     if (b) 
     { 
      return this.ReadImage 
     } 
     else 
     { 
      return this.UnreadImage 
     } 
    } 
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

窗口资源:

<local:IsReadImageConverter ReadImage="Read.png" UnreadImage="Unread.png" x:Key="BoolImageConverter"/> 

然后你的绑定将是:

ImageSource={Binding Path=IsRead,Converter={StaticResource BoolImageConverter}}" 

应该都工作。

+0

IsRead在该类中是未定义的吗? IsRead是一个数据表列 – 2012-03-28 07:21:52

+0

那么ItemName,Module,DateReceived等在哪里指定?这是来自一堂课的权利? – 2012-03-28 07:36:58

+0

没有那些是数据表列 – 2012-03-28 13:16:44