Bind image to cfgrid

Dev Shed Forums Sponsor:

March 11th, 2011, 02:12 PM

pbaum321

Registered User

Join Date: Mar 2011

Posts: 1

Time spent in forums: 16 m 26 sec
Reputation Power: 0

Bind image to cfgrid

I have a HTML cfgrid that I'm trying to bind an image to so that as they select each item in the grid I than show the picture associated with that record next to the grid. It seems like I should be able to do this with a cfinput type=image and a bind statement, but I can't seem to figure out the syntax to make it work.

I've done a bit of looking and it seems everyone is using flash forms to show images with cfgrid, but can't seem to find any answers on how to make this work with an HTML cfgrid. I'm not trying to show the image within the cfgrid, just a way to show it next to it without having to use frames.

Is this possible?

March 11th, 2011, 04:39 PM

kiteless

Moderator

Join Date: Jun 2002

Location: Raleigh, NC

Posts: 5,091

Time spent in forums: 2 Weeks 5 Days 2 h 53 m 27 sec
Reputation Power: 966

type="image" is for using an image in place of a standard HTML button. So it doesn't do what you're looking for. You'll need to use JavaScript to handle this. Something like:

Code:

// Set init() to run when the page loads using AjaxOnLoad().
function init() 
{ 
	grid = ColdFusion.Grid.getGridObject("MyGrid"); 
	grid.addListener( "rowclick", gridRowClickHandler ); 
} 

function gridRowClickHandler( grid, rowIndex, e ) 
{ 
	var record = grid.getDataSource().getAt(rowIndex);
	var imageURL = record.data.imageURL; // Or whatever key you're using to store the image URL 
	document[img_name].src = imageURL;
}

__________________
How to Ask Questions the Smart Way | Inversion of Control

Viewing: Dev Shed Forums > Programming Languages - More > ColdFusion Development > Bind image to cfgrid

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump