CFGRID bind problem

Question

Hi, I have a problem with binding fields to a cfgrid.
When I'm populating my grid using the query attribute the
binding is not working. The problem is the accessing a row's cell;
myGrid.selectedItem object exists but when I use
myGrid.selectedItem.columnname nothing returns.
Howerever when I use the same code and I populate the grid
manually or via a loop in cfgridrow the code is working. (commented
in code)
Now the second option seems to be a solution but...
when a db column is empty cf is not populating the column
with an empty value but just takes the next data available from the
list in the data attribute
Anyone experienced this anoying problem before and could help
me with a solution ?
Thanks for your help!
Here the code:
[hi]
<cfgrid query="query" name="myGrid" rowheaders="no"
selectmode="row">
<cfgridcolumn name="lname" header="Lastname" />
<cfgridcolumn name="fname" header="Firstname" />
<!--- <cfloop query="query">
<cfgridrow data="#lname#,#fname#" />
</cfloop> --->
</cfgrid>
<cfinput type="text" name="firstName" label="First Name:"
bind="{myGrid.selectedItem.fname}" />
[/hi]
PS. forgot to mention that we're running on a CF 7.0.1

Answer 1

This was a tricky one for me also, but it is a simple fix.
When using a query, the myGrid.selecteItem.columnName is case
sensitive, and it HAS to match the column name in your query SELECT
statement.
Look at the code below for an example.
If you are using a SELECT * SQL statement, then your grid
selectedItem column name HAS to match your DB spelling.
<cfquery name="x"
datasource="#application.datasource#">
SELECT
Orderid, CustomerID <!--- case of column names has to
match your selectedItem column name --->
FROM Orders
</cfquery>
<cfform name="y" format="flash">
<cfgrid query="x" name="myGrid" rowheaders="no">
<cfgridcolumn name="ORDERID" header="Order" /><!---
notice all uppercase in name, matches --->
<cfgridcolumn name="CUSTOMERID" header="Customer" />
</cfgrid>
<cfinput type="text" name="cID" label="Customer"
bind="{myGrid.selectedItem.CustomerID}"/>
<!--- notice the case matches SELECT statement
Changing the case of any letter in the bind or in the select
sql will cause your binding to not work.
--->
</cfform>