Asynchronously adding images via URL to grid rows

[jwhitley]

I have a grid view containing several hundred rows, each of which will need to contain an image referenced via a URL. These images will come from a remote server via http.

Using an imagecolumn, with the image source bound to my arraylist containing the URL, the grid does not display until all images are downloaded, which takes some time and causes the UI thread to be unresponsive. I need to add the images asynchronously so that the rest of the row data is visible but the images appear one by one as they are downloaded (as a standard web page would).

How can I best achieve this?

Many thanks.

[Vlad]

Hello,

 Can you try to set IsAsynch to true for this column DataMemberBinding to see what will be the result in your case?

Sincerely yours,
Vlad
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[jwhitley]

Works a treat - many thanks. The image loading is still rather slow, but at least the grid and all rows appear plus the UI is responsive.

Thanks again, great support as always.

[jwhitley]

Actually I spoke a little too soon. The grid appears instantly and contains rows without images, then the images load asychronously as expected, but the UI is still unusable until all the images have appeared.

Anything further I can try?

[Vlad]

Hello,

 Well, other possible approach will be to try to load these images in a separate thread however in this case you will need a custom column or at least a custom cell template where you can implement your own logic.

Best wishes,
Vlad
the Telerik team