We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to display Grid with dynamic image column?

Sometimes you may need to show dynamic images in Grid column that are not available in Grid datasource

Solution

Image column and the image button column are bound to the Grid by using the Template property of the Grid.

ASPX

JS Render

The image path for the image column is bound by using the JSRender Template to the Template.

 

 

The button created using column template is converted to ejButton and the images are bound within the button by using the prefixIcon property of the ejButton.

JS

CSS Style

The image path is specified through the cssClass mentioned in the prefixIcon property of the ejButton.

CSS

The OnServerRecordClick event of the Grid is enabled in order to trigger the server side record click event.

ASPX

On the Click event of the image button bound to the Grid, the OnServerRecordClick event of the grid is triggered with the arguments passed explicitly.

JS

At the server side event of the image buttonClick, the button details and the selectedRecord details are obtained in the GridEventArgs.

ASPX.CS

 

Article ID: Published Date: Last Revised Date: Platform: Control:
2608 10/01/2014 01/14/2015 ASP.NET Web Forms Grid
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.