Отображение картинки в DataGrid в зависимости от контекста

@skilllab · Регистрация: 03.02.2011

Author24 — интернет-сервис помощи студентам

Имеется:

XML

<DataGridTemplateColumn Header="Вложения">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Name="IsReadImage" Source="/DocumentsDatabase;component/Images/attach.png" />
                            <DataTemplate.Triggers>
                                <DataTrigger Binding="{Binding IsContainsFiles, ??????????? Value="False">
                                    <Setter TargetName="IsReadImage" Property="Source" Value="/DocumentsDatabase;component/Images/Empty Image.png" />
                                </DataTrigger>
                            </DataTemplate.Triggers>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

Цель: если при заполнении Datagrid в строке с данными содержатся некие данные, то одна картинка - иначе другая.
Проверку вести в ViewModel.
Не пойму как правильно такое сделать.

@skilllab · 14.01.2016, 18:41 **[ТС]**

Вот как пример того, чего добиться хочу.
При нажатии на строку (в зависимости от настроек) происходит расширение строки.

@hamin · 15.01.2016, 12:00

skilllab,

ну сделай в модели свойство типа ImageSource и привяжи колонку датагрида к нему, при заполнении соответственно коллекции, сделай проверку нужного свойства и устанавливай свойству типа ImageSource нужную картинку)

а вообще я похожее делал конвертером

@skilllab · 15.01.2016, 12:18 **[ТС]**

Сообщение от hamin

ну сделай в модели свойство

Оно то дааа... Лень)))
А как конвертером делал?

@hamin · 15.01.2016, 12:20

skilllab,

передавал в него значение проверяемой ячейки/свойства и возвращал нужную картинку

@skilllab · 15.01.2016, 12:21 **[ТС]**

Я с конверторами пока на вы. Можешь подсказать код? Пожалуйста.

@hamin · 15.01.2016, 12:34

что-то типа такого:

XML

1	<Image Source="{Binding MyCheckValue, Converter="{StaticResource CheckValueToImgSourceConverter}"}"/>

C#

public class CheckValueToImgSourceConverter: IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is bool)
            {
                   return ((bool)value ? (ImageSource)Application.Current.FindResource("MyBoolImg") : (ImageSource)Application.Current.FindResource("MyNotBoolImg");
            } 
            
          return null;
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return value;
            //throw new NotImplementedException();
        }
    }

т.е. проверяется свойство типа bool. если оно тру - возвращается картинка из ресурса "MyBoolImg" иначе "MyNotBoolImg".

Добавлено через 4 минуты
и да, соответственно нужно будет где-то, к примеру, ресурсах окна

XML

1
2
3

<Window.Resources>
<local:CheckValueToImgSourceConverter x:key="CheckValueToImgSourceConverter"/>
</Window.Resources>

@skilllab · 15.01.2016, 19:08 **[ТС]**

Сообщение от hamin

т.е. проверяется свойство типа bool

т.е. всёравно вводить новое свойство в Model?
А значит ещё где его надо будет устанавливать, а значит надо будет проверку вводить, есть ли определённые данные в Model.

Добавлено через 45 минут
Запилил. Но поведение странное.
Сделал конвертер так:

C#

public class CheckValueToImgSourceConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is ObservableCollection<FileReferencesList>)
            {
                Uri oUri = new Uri("pack://application:,,,/" + "DocumentsDatabase" + ";component/" + "/Images/attach.png", UriKind.RelativeOrAbsolute);
                Uri oUri1 = new Uri("pack://application:,,,/" + "DocumentsDatabase" + ";component/" + "/Images/Empty Image.png", UriKind.RelativeOrAbsolute);
 
                ImageSource one = BitmapFrame.Create(oUri);
                ImageSource one1 = BitmapFrame.Create(oUri1);
 
                ObservableCollection<FileReferencesList> ooo = (ObservableCollection<FileReferencesList>)value;
                return ((ooo.Count >0) ? one : one1);
            }
 
            return null;
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return value;
            //throw new NotImplementedException();
        }
}

XML

<DataGridTemplateColumn Header="Вложения">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Name="IsReadImage" Source="{Binding DataContext.FileReferencesCollection, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}, Converter={StaticResource CheckValueToImgSourceConverter}}"/>
                            <!--<Image Name="IsReadImage" Source="/DocumentsDatabase;component/Images/attach.png" />-->
                            <!--<DataTemplate.Triggers>
                                <DataTrigger Binding="{Binding IsContainsFiles, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type viewModels:MainWindowViewModel}}}" Value="False">
                                    <Setter TargetName="IsReadImage" Property="Source" Value="/DocumentsDatabase;component/Images/Empty Image.png" />
                                </DataTrigger>
                            </DataTemplate.Triggers>-->
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

И вот что происходит: при загрузке в DataGrid столбец с картинками пустой, обращение к конвертеру не происходит. При жмакании на строку происходит обращение к конвертеру и столбец ПОЛНОСТЬЮ заполняется значением полученной картинки. Т.е. если в выделенной строке есть List и кол-во не равно нулю - весь столбец в картинках с аттачем; если в строке у List кол-во равно нулю - то весь столбец пустой.
Что сделал не так?

@skilllab 294 / 234 / 58 Регистрация: 03.02.2011 Сообщений: 1,993 Записей в блоге: 1
	14.01.2016, 18:41 [ТС]	2
	Вот как пример того, чего добиться хочу. При нажатии на строку (в зависимости от настроек) происходит расширение строки. Миниатюры 0

@hamin 879 / 558 / 291 Регистрация: 21.11.2012 Сообщений: 1,553
	15.01.2016, 12:00	3
	skilllab, ну сделай в модели свойство типа ImageSource и привяжи колонку датагрида к нему, при заполнении соответственно коллекции, сделай проверку нужного свойства и устанавливай свойству типа ImageSource нужную картинку) а вообще я похожее делал конвертером 0

@skilllab 294 / 234 / 58 Регистрация: 03.02.2011 Сообщений: 1,993 Записей в блоге: 1
	15.01.2016, 12:18 [ТС]	4
	Сообщение от hamin ну сделай в модели свойство Оно то дааа... Лень))) А как конвертером делал? 0

@hamin 879 / 558 / 291 Регистрация: 21.11.2012 Сообщений: 1,553
	15.01.2016, 12:20	5
	skilllab, передавал в него значение проверяемой ячейки/свойства и возвращал нужную картинку 0

@skilllab 294 / 234 / 58 Регистрация: 03.02.2011 Сообщений: 1,993 Записей в блоге: 1
	15.01.2016, 12:21 [ТС]	6
	Я с конверторами пока на вы. Можешь подсказать код? Пожалуйста. 0

	15.01.2016, 19:08

Отображение картинки в DataGrid в зависимости от контекста

Решение