Binding in DataTemplate WPF

Question

Hi everyone,
I'm now making a simple File Manager app. My application contains a ListBox whose ItemsSource={Binding FileList}
Each item of my listBox is defined with custom item template which is used for displaying the status of file
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<Grid Height="23">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="23"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Image Stretch="Fill"/>
<TextBlock Margin="10, 0, 0, 0"
Text="{Binding LastModified}"
VerticalAlignment="Center"
HorizontalAlignment="Left"
Grid.Column="1"/>
</DataTemplate>
</ListBox.ItemTemplate>
As you see, each item has an Image . I want that Image to be displayed as Locked if 2 conditions are satisfied : DateTime.Now - LastModified < 60 and Path is exists
(LastModified and Path are property of FileList) . I'm thinking about MultiBinding but tried so many time with failure 
Can anyone help me please ? 
Thank you

Answer 1

You could use a converter and a DataTrigger that sets some property of the Image (Source or Opacity for example) based on whether the condition is true or false:
namespace WpfApplication22
class CustomConverter : IValueConverter
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
FileList item = value as FileList;
if (item != null && string.IsNullOrEmpty(item.Path) && System.IO.File.Exists(item.Path) && (DateTime.Now.Date.Subtract(item.LastModified.Date).TotalDays < 60))
return true;
return false;
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) {
throw new NotImplementedException();
<ListBox ItemsSource="{Binding FileList}" xmlns:local="clr-namespace:WpfApplication22">
<ListBox.Resources>
<local:CustomConverter x:Key="conv"/>
</ListBox.Resources>
<ListBox.ItemTemplate>
<DataTemplate>
<Grid Height="23">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="23"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Image Stretch="Fill" >
<Image.Style>
<Style TargetType="Image">
<Setter Property="Source" Value="av1.png"/>
<Style.Triggers>
<DataTrigger Binding="{Binding Path=., Converter={StaticResource conv}}" Value="True">
<Setter Property="Opacity" Value="0.5"/>
<!-- or set the source -->
<!--<Setter Property="Source" Value="locked.png"/>-->
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<TextBlock Margin="10, 0, 0, 0" Text="{Binding LastModified}" VerticalAlignment="Center" HorizontalAlignment="Left" Grid.Column="1"/>
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
There is no reason to use a multi-converter here since you can bind to the FileList (or whatever your class is called) itself as shown in the above sample code.
Hope that helps.
Please remember to close your threads by marking helpful posts as answer.