Cfgrid (html) cfwindow and form binding

Question

Hi All,
I have a page with 2 cfgrids (html). Select a value in the
first grid populates the 2nd with appropriate records
All works as expected.
I also have a cell renderer on one column that opens a
cfwindow.
The cfwindow contains a textarea field (html), it's to big to
display in the grid.
All works great except for the initial value of the cfwindow
form
In the form I have a hidden field (id) andf the textarea
field. I have a bind attribute on both of these to get the value.
Can anyone tell me why the initial value does not work ??
Ken
What happened to the "Attach Code" Button ???
"grid page"
<cflayout type="vbox" align="center"
style="height:100%;">
<cflayoutarea overflow="scroll">
<cflayout type="vbox" align="center"
style="height:92%;">
<cflayoutarea>
<cfinclude template="inc/nav.htm">
</cflayoutarea>
<cflayoutarea>
<cflayout type="hbox" align="center" padding="5">
<cflayoutarea align="center" style="width:25%;">
<cfinclude template="jmoGrid.cfm">
</cflayoutarea>
<cflayoutarea align="center" style="width:75%;">
<cfinclude template="cbGrid.cfm">
</cflayoutarea>
</cflayout>
</cflayoutarea>
</cflayout>
</cflayoutarea>
<cflayoutarea>
<cf_siteFooter>
</cflayoutarea>
</cflayout>
"grid 1"
<cfgrid
name="gridJMO"
format="html"
striperows="yes"
bind="CfC:#Request.comsPath#.jmo.getData({cfgridpage},{cfgridpagesize},{cfgridsortcolumn} ,{cfgridsortdirection},getSearchString())"
selectMode="row"
pageSize="14">
<cfgridcolumn name="Employee_No" header="Emp No"
width="80">
<cfgridcolumn name="JMO_Name" header="Name"
width="150">
<cfgridcolumn name="id" header="" display="no">
</cfgrid>
"grid 2"
<cfgrid name="dataGrid"
format="html"
striperows="yes"
onchange="CfC:#Request.comsPath#.cbData.saveCB({cfgridaction},{cfgridrow},{cfgridchanged} )"
bind="CfC:#Request.comsPath#.cbData.getCB({cfgridpage},{cfgridpagesize},{cfgridsortcolumn },{cfgridsortdirection},{gridJMO.ID})"
selectmode="edit"
delete="no"
width="98%"
pageSize="12">
<cfgridcolumn name="Approved"
header="<center>Approve</center>" width="55">
<cfgridcolumn name="Call_Date"
header="<center>Date</center>" width="70">
<cfgridcolumn name="TimeIn" header="<center>Time
In</center>" width="55">
<cfgridcolumn name="TimeOut" header="<center>Time
Out</center>" width="55">
<cfgridcolumn name="Pt_MRN"
header="<center>MRN</center>" width="65">
<cfgridcolumn name="Caller"
header="<center>Caller</center>" width="185">
<cfgridcolumn name="Approver"
header="<center>Approver</center>" width="145">
<cfgridcolumn name="Details"
header="<center>Reason</center>" width="55">
<cfgridcolumn name="OverTime"
header="<center>OT</center>" width="55">
<cfgridcolumn name="Reason" header="" display="no">
<cfgridcolumn name="id" header="" display="no">
</cfgrid>
"window form"
<cfform name="frmUpdate">
<cfinput type="text" name="ID" bind="{dataGrid.id}">
<cflayout type="vbox">
<cflayoutarea>
<cftextarea name="fld_Message_Detail"
bind="{dataGrid.Reason}" rows="12" style="width:90%;"/>
</cflayoutarea>
<cflayoutarea align="right" style="margin-left:10px;
width:90%">
<cfinput type="button" name="bnt_cancel" value="Cancel"
onClick="hideRecWin('winDetails');">
<cfinput type="button" name="bnt_submit" value="Save
Change" onClick="updateReason();">
</cflayoutarea>
</cflayout>
</cfform>

Answer 1

I found that is style sheet problem , here is my workaround
solution:
1.) use text editor open the css file
(...\CFIDE\scripts\ajax\resources\ext\css\ext-all.css )
2.) find '.x-grid-dirty-cell' in the file
3.) copy & paste my style
/*------------------- >8 -----------------*/
/* Start of Grid dirty cell problem - Gordon Fixed
.x-grid-dirty-cell {
background: transparent
url(../images/default/grid/dirty.gif) no-repeat 0 0;
.x-grid-dirty-cell {
background: transparent
url(../images/default/grid/dirty.gif) no-repeat 0 0;
background-color:cornflowerblue;
.x-grid-row-alt .x-grid-dirty-cell{
background-color:cornflowerblue;
/* End of Grid dirty cell problem
/*------------------- >8 -----------------*/