GridViewImageColumn filter with image

[Hakki]

Hey guys,

I have GridViewImageColumn and when I filter it, the filter lists the images by their location (i.e: images/image.png). How do I make it so when filtering a image column, instead of listing the location it lists the images themselves?

Thanks a lot.

[Rossen Hristov]

Hi,

While this cannot be supported out-of-the-box, you can check this sample project and customize it according to your needs.

All the best,
Rossen Hristov
the Telerik team

[Hakki]

Hey,

Very cool and simple. Worked like a charm. Thanks a lot!


I am sometimes in a situation where I can't download demo projects so if anyone gets here from google under same circumstance, this is the class you need (from the project above):

public class ImageFilterColumn : GridViewImageColumn
{
    /// <summary>
    /// Gets the filtering display function.
    /// </summary>
    /// <value>The filtering display function.</value>
    /// <remarks>This function is used by the filtering control distinct values list.
    /// It accepts a raw data value and returns what will become the content of the
    /// distinct value checkbox.</remarks>
    protected override Func<object, object> FilteringDisplayFunc
    {
        get { return ImageFilterColumn.ConvertUriStringToImage; }
    }

    public static object ConvertUriStringToImage(object uriString)
    {
        var image = new Image();
        image.Source = new BitmapImage(new Uri(uriString.ToString(), UriKind.Relative));
        return image;
    }
}

And then make a column of that class:

<my:ImageFilterColumn DataMemberBinding="{Binding Image}" ShowFieldFilters="False" />

[Asaf]

It works wonderfull except case the Binding member is boolean data which converted to image by Converter function.

Do You have any good additional to solve it?

[Stefan Nenchev]

Hello Asaf,

I am not sure of the exact setup at your end but I have updated the sample project with a possible approach. Please review it and update the thread whether the information was useful.

Regards,
Stefan Nenchev
Telerik by Progress

[Shayan]

Gandu Is m kuch bhi naii h khali h ya

[Yoan]

Hi Shayan,

Please note that the official language of communication in our support channels is English and we may not be able to provide you with an adequate response if you have inquiries in another language.

Regards,
Yoan
Progress Telerik