GridViewImageColumn as a URL from DataTable

[jwhitley]

I have a GridViewImageColumn databound to a string column in a datatable which contains a fully qualified http URL. I was hoping this would download and display the image in the grid, but it leaves the cell blank.

Should this work? If not, what is the simplest way to programmatically bind an image, via a URL, to a column?

Thanks.

[Ваня]

You should read this may be it is not exactly the same issue,but I hope it would be helpful for you...

http://www.telerik.com/community/forums/wpf/gridview/gridviewimagecolumn-problem.aspx

From the following thread you can download an attached sample developed by Vlad (The Telerik team) 

that demonstrates  image column bound to DataTable:

http://www.telerik.com/community/forums/wpf/gridview/dataset-and-gridviewimagecolumn.aspx

[Ваня]

When i started to investigate these controls (and WPF in general) I always forget to set the DataMemberBinding for the particular imagecolumn

to point to the field name and at a later time I realized that the image will be shown automatically in the grid.......

[jwhitley]

Thanks Vanya, that did indeed help.

I changed my binding from {Binding image} to {Bind [image]} and it magically worked. I'm not sure what the relevance of the square brackets are, but all is good.

Now I have a secondary issue though... the grid does not get updated until all images are downloaded, which is not ideal.

[Ваня]

I know that retrieving and displaying images in a GridView is a little or more a time-consuming task-you can  load the images asynchronously....

As concerned to square brackets if you take a look at MSDN you can see that they 

"they are indicators that more than one name/value pair is possible"-I am not quite sure but indexed properties in databinding are frequently used.....

You can read more here:http://msdn.microsoft.com/en-us/library/cc189022(VS.95).aspx

 In our case {Binding [image]} the image si specified in the binding path to the column 

[jwhitley]

Thanks again. Loading the images asynchronously is what i need to work on, but I will need to change how this is done, as currently the image binding is done from the xaml file and I doubt there is any way to do this via a standard image column without it being synchronous.

My ideas are:

1.) Use a webbrowser control in the grid column rather than an image. I would expect the web browser to work asych, although until i've done the work I'm not sure

2.) Add the images to the grid in code-behind via separate threads.

I think option 2 would be the best, unless someone can tell me otherwise?

Thanks.

[jwhitley]

Have posted the asynch question in a different thread as it's essentially a different problem.

Thanks.