Adobe Community: Message List - Rich Forms

Re: flash forms wmode is not allowing other html content to float above it

forums_noreply@adobe.com — Thu, 05 Jun 2014 16:30:09 GMT

Update: IE 11 seems to be problematic. Firefox isn't being such a hassle, however the GOVERNMENT doesn't use firefox. So IE fix please.

flash forms wmode is not allowing other html content to float above it

forums_noreply@adobe.com — Thu, 05 Jun 2014 16:12:50 GMT

Using Ext-JS drop down menus and the flash cfgrid with the wmode set to anything has no effect. According to the docs, set wMode to transparent or opaque and everything else should float over it. It doesn't do anything and I am starting to remember why I never used this feature before. Adobe, tell me how to fix this yesterday please!

Re: Using CFINPUT dateField with onChange

forums_noreply@adobe.com — Sat, 17 May 2014 07:12:04 GMT

Not a very elegant solution also, but it works

Use an JavaScript onclick event in the cfform tag.

Check if the old value is not the same as the new value and execute your code:

</cfform>

</script>

regards

rene

Re: BC forms the required* is ignored allowing empty submissions

forums_noreply@adobe.com — Sun, 19 Jan 2014 11:23:46 GMT

The following cfform code from htmlgoodies.com shows that the required attribute does actually work:

<p>

</p>

<p>

<label for="email">Email Address:</label><br />

<cfinput type="text" name="email" required="true" validate="email"

message="Please provide a valid email address." />

</p>

<p>

<label for="message">Your Message:</label><br />

</p>

</cfform>

Re: more than 1 function in cfform tag "onSubmit"

forums_noreply@adobe.com — Wed, 20 Nov 2013 15:54:05 GMT

ColdFusion is simply behaving as it should. You will notice that the script that currently runs upon onSubmit ends in a return-statement. That signals the end of the event-handler.

If you wish to check the e-mail as well, you could run one script that performs both functions. I was thinking of something like the following, just off the cuff

onsubmit="if(!document.getElementById('Agree').checked) {alert('You must agree to the Terms and Conditions'); return false; } else {return checkEmail(this);}">

BC forms the required* is ignored allowing empty submissions

forums_noreply@adobe.com — Fri, 01 Nov 2013 11:07:55 GMT

BC forms the required* option is being ignored allowing empty submissions any ideas?

CFGRIDCOLUMN not accepting type="date" in CF8

forums_noreply@adobe.com — Sat, 14 Sep 2013 21:33:16 GMT

I recently coded a CFGRID using CF9 with date fields using type="date". The date fields appear nicely with a little calendar to the right of the cell. I now realize that I have to have this working on a CF8 server. Is there any fix or addition that I can code to implement this calendar feature in CF8?

<cfgrid

name="taskGrid"

bind="cfc:QuestionsDAO.GetEmployeeGroupObjectiveQuestions({cfgridpage}, {cfgridpagesize}, {cfgridsortcolumn}, {cfgridsortdirection},#employeeID#,{groupID},{scaleName})"

gridlines="yes"

colheaderalign="center"

colheaders="yes"

format="html"

align="middle"

width="1200"

colheadertextcolor="blue"

style="border: groove 3px black"

striperows="true"

striperowcolor="##CAE4FF"

autowidth="yes"

title="Task List for #getPOname.poname# as of #DateFormat(now(), 'mm/dd/yyyy')#"

collapsible="true"

pagesize="30"

selectmode="edit"

onchange="cfc:QuestionsDAO.saveObjectiveDates({cfgridaction}, {cfgridrow}, {cfgridchanged},{scaleName})"

onerror="catchGridError"

</cfgrid>

Thanks!

more than 1 function in cfform tag "onSubmit"

forums_noreply@adobe.com — Thu, 12 Sep 2013 08:21:31 GMT

i need to call atleast 3 javascript functions in a form

using "onSubmit" works fine with one function but when i try to add another nothing happens....

<cfform

action="postpage.cfm" method="POST"

target="_self"

onsubmit="if(document.getElementById('Agree').checked) { return true; } else { alert('You must agree to the Terms and Conditions'); return false; }">

"return checkEmail(this);" is one of the funtions. it checks to see if 2 cfinputs are the same

how do i add multiple functions to onSubmit

tnx in advance

Re: Using datefield, is there a way for the calendar to display multiple months?

forums_noreply@adobe.com — Sun, 21 Jul 2013 19:24:20 GMT

Why not just put in the date three months ago, as default. Something like this

<div>

Date: <cfinput name="dt" type="datefield" value="#dateThreeMonthsAgo#">

</div>

</cfform>

Using datefield, is there a way for the calendar to display multiple months?

forums_noreply@adobe.com — Tue, 02 Jul 2013 18:48:18 GMT

I've got a couple of cfinput datefields that show the current month when you select the calendar icon. Because these fields are used to select the "From" and "To" dates for reports, I need the calendar to actually show dates in the past. It would be great if one click would show the previous three months.

Can that be done?

How can I remove the pagination controls in but leave the delete button

forums_noreply@adobe.com — Tue, 28 May 2013 14:12:18 GMT

I have a <cfgrid> (coldfusion 8) and I am trying to remove the pagination controls (There will only ever be 1 page) but leave the delete button.

Or alternatively, remove the footer (which I figured out how to do) and add the delete button to each row.

(And yes I need the grid)

I've tried overriding the CSS both with a <style> tag on the page and Ive also tried using a function calleled on load to change the disply to none (which works in firebug when I manually do it)

Neither seem to work. I;ve searched all over and tried various things, but nothing seems to accomplish waht I need. Any help would be most appreciated.

****Code***********

<cfajaxproxy

cfc = "AddSelectedOptions"

jsclassname = "AddSelectedOptions">

<html>

<head>

var cfc = new AddSelectedOptions();

//cfc.setErrorHandler(showError);

cfc.setCallbackHandler(handleResult);

function showWin(){

alert('Button 1 works!!! :-)');

}

function showWin2(){

alert('Button 2 works!!! :-)');

}

function delSelected()

{

var selectedRecord = grid.getSelections();

var delID = selectedRecord[0].data.ID;

if(confirm('Delete User : ' + selectedRecord[0].data.FIRSTNAME))

{

cfc.delSelectedCats(delID);

};

}

function AddSelected(SessionId)

{

var Cat = document.getElementById("SelCategory");

var CatSelIndex =Cat.selectedIndex;

var CatId = Cat.options[CatSelIndex].value;

var SubCat = document.getElementById("SelSubCat");

var SubCatSelIndex =SubCat.selectedIndex;

var SubCatId = SubCat.options[SubCatSelIndex].value

cfc.AddSelectedOptions(CatId,SubCatId ,SessionId);

}

function handleResult(res)

{

ColdFusion.Grid.refresh('SelectedCategories',false);

}

var gridRender = function()

{

grid = ColdFusion.Grid.getGridObject('SelectedCategories'); //Get grid object

//overwrite existing grid footer with new div, Ext.id() will assign unique id to footer

var bbar = Ext.DomHelper.overwrite(grid.bbar,{tag:'div',id:Ext.id()},true);

//Create new PaginToolbar and render it to bbar (grid footer)

gbbar = new Ext.PagingToolbar({

renderTo:bbar,

store: grid.store,

pageSize: 10,

displayInfo: true,

displayMsg: '<b>Showing {0} - {1} out of {2}</b>',

emptyMsg: "<b>No Record</b>"

});

};

</script>

#ext-gen67{Display:None;visibility:hidden;};

#ext-gen59{Display:None;visibility:hidden;};

#ext-gen75{Display:None;visibility:hidden;};

#ext-gen76{Display:None;visibility:hidden;};

#ext-gen79{Display:None;visibility:hidden;};

</style>

</head>

<body>

Select Category and Subcategory

<table>

<tr>

<th>Category</th><td colspan="2">

<cfselect name="SelCategory"

bind="cfc:AddIncident.Categories()"

bindonload="true"

id="SelCategory"

class="field_150"

style="width:150px;"/>

</td>

<th>SubCategory</th>

<cfselect name="SelSubCat"

bind="cfc:AddIncident.SubCategories({SelCategory})"

bindonload="true"

class="field_150"

id="SelSubCat"

onChange="AddSelected('999');"/>

</td>

</tr>

</table>

<h4>Click on a row and select delete to remove.. will figure out how to add a delete button to each row</h4>

<cfgrid

name = "SelectedCategories"

format="html"

bindOnLoad="yes"

bind="cfc:SelectedOptions.getSlectedGrid({cfgridpage},{cfgridpagesize},{cfgridsortcolumn}, {cfgridsortdirection},'999')"

preservePageOnSort="true"

selectmode="edit"

delete="yes"

DeleteButton="Delete"

selectOnLoad="no"

font="Verdana"

fontsize="11"

label="True"

stripeRows="true"

stripeRowColor="##D9CCFF"

selectColor="##994FE6"

pagesize="5"

onChange="cfc:AddSelectedOptions.delSelectedCats({cfgridaction},{cfgridrow},{cfgridchanged })"

</cfgrid>

</cfform>

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Mon, 20 May 2013 14:33:24 GMT

I agree with cwhitescoe. But also check your other HTML tags. I had some bad code like this:

<table>

</table>

</cfform>

The date picker icon would come up but woudn't show the actual date picker.

When I corrected it, by moving the cfform tag above the table tag, it worked.

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Wed, 15 May 2013 15:03:51 GMT

1. Check for a <p> tag without a closing </p> tag.

2. Open beer.

Re: cfinput type="datefield" giving error with value CF10

forums_noreply@adobe.com — Tue, 02 Apr 2013 17:43:45 GMT

Strangely, I found another form where it wasn't generating an error ... using the code:

It actually displays as mm/dd/yyyy even though that is not what I've put as the value. I'll change my other form, but this makes no sense to me.

Sue

cfinput type="datefield" giving error with value CF10

forums_noreply@adobe.com — Tue, 02 Apr 2013 17:15:57 GMT

I have a form that was working in CF9 but now that I've moved over to CF10, it is generating an error.

I had it working without the mask, but tried it to see if it would fix the problem.

I am getting the error: 10/19/2011 is an invalid date or time string.

If I'm displaying the date as month day year, then the date as it is displayed is correct.

Am I missing something or has something changed between CF9 and CF10?

Thanks.

Sue

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Wed, 20 Mar 2013 09:33:18 GMT

That's exactly the same behaviour we experience, and describes the problem very well.

Looking in the manual (cfgrid), there is a Note "...Adobe recommends that after user updates data in a cell, they click another cell before submitting the form."

Meanwhile i put that issue on the bug-tracklist.

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Tue, 19 Mar 2013 18:48:41 GMT

Did you ever figure this out?

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Tue, 19 Mar 2013 18:03:28 GMT

Not sure if this was your issue but I have the same problem and have narrowed it down to how you exit the cell you just edited. If you tab or enter it assigns the data properly but if you click with the mouse on another field it seems the data you entered gets marked internally to the field you just clicked to.

Re: Binding Form Elements to Query Data

forums_noreply@adobe.com — Sun, 17 Mar 2013 20:05:07 GMT

There is every reason in this case to use the much simpler <div>, in place of <cfdiv>.

Re: Binding Form Elements to Query Data

forums_noreply@adobe.com — Fri, 15 Mar 2013 15:10:31 GMT

well that sounds like standard HTML-compliance - you can't have nested <form> tags

Re: Binding Form Elements to Query Data

forums_noreply@adobe.com — Fri, 15 Mar 2013 14:41:17 GMT

Ok, found some more info.

When I move my cfdiv out side of the <cfform> tag that is on my main page, everything works as it should. So apparently you cannot have a cfform within a cfform? If so, how do you work around that?

Sorry for the multiple updates. Thanks in advance.

-Brian

Re: Binding Form Elements to Query Data

forums_noreply@adobe.com — Fri, 15 Mar 2013 12:31:30 GMT

I just found something else out. If I remove the <cfform> tags from my template file, which has the form for my DIV, then the bindings work.? Now I'm totally confused.

So then how am I supposed to submit the form in the CFDIV without submiting the form on the main page????

-Brian

Binding Form Elements to Query Data

forums_noreply@adobe.com — Fri, 15 Mar 2013 03:07:43 GMT

Hello,

I have a simple form thatI'm binding query data to so I can populates a cselect box and, based on the selection, populate cfinput boxes. I have the code for this form in a <cfinclude template> and it is working just as designed.

But strangely enough, if I wrap the <cfinclude> code that contains my form in <cfdiv> tags, the binding breaks.

What would be causing that? Any help would be super greatly appreciated.

-Brian

Main Page Code with form:

<cfdiv>

</cfdiv>

CFInclude File:

<img src="images/service_vehicle.png" alt="Vehicle Log" /> <strong>Vehicle Log </strong> </legend>

<tr>

<td><label>Service Vehicle:</label></td>

</cfselect> </td>

</tr>

<tr>

<td>Origin:<br />

</tr>

<tr>

<td>Destination:</td>

</tr>

<tr>

<td><label>Start Odometer:</label></td>

</tr>

<tr>

<td>End Odometer:</td>

</tr>

<tr>

<td><label>Total mileage:</label></td>

</tr>

<tr>

<td><label>Expenses:</label></td>

</tr>

<tr>

</tr>

</table>

</fieldset>

</td></tr></table></cfform>

CFCS

select vehicle_name

from vehicles

where active = '1'

</cfquery>

</cfoutput>

</cffunction>

SELECT mileage

FROM vehicles

WHERE vehicle_name = <cfqueryparam value="#ARGUMENTS.vehicle_name#" cfsqltype="cf_sql_varchar">

</cfquery>

</cfoutput>

</cffunction></cfcomponent>

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 08 Mar 2013 17:11:07 GMT

I'm running into this myself but only with Firefox 19, Chrome, IE and Safari all work correctly. Also, it only fails on some screens, others work fine. No duplicate forms or field names. Can't figure this one out. ColdFusion 9.01. Nothing on this page has fixed my situation.

Error is " _293 is undefined" in cfcalendar.js line 43.

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Wed, 06 Mar 2013 14:53:42 GMT

Same Problem.

Because of recent Java security issues we decided to change the format of our controls from applet to html. Thus our client doesn’t need the JRE anymore.

We used the cftree and the cfgrid control. The format change of the cftree-control was not as easy as expected, but after several hours we fixed the display of the control. Now it works fine. By the way that was not our understanding of rapid prototyping.

The change of the cfgrid control was quite easy, just changing the format and adjusting some parameters. Looks fine and ready to use. But we have encountered serious problems, which we are unable to fix. Like in http://forums.adobe.com/message/5077649#5077649 and http://forums.adobe.com/message/4606378#4606378 mentions, not all modified values are transferred to the actionpage.

It seems that modified checkboxes are transferring data in the right way, but changes to a dropdown, or text cells does not always force the modified dataset to be sent. In some cases even a wrong data row is sent.

We are using CF902 and will be migrating to CF10, tests with CF10 show the same behaviour.

We would greatly appreciate a solution for this issue.

For further research here is a sample of a self running demo code.

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Gridtest</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body>
<!--- Display Formparameter --->
Form.Var: <cfdump var="#Form#">

<!--- Action --->  
<cfif isdefined("Form.Teilnehmerliste.RowStatus.Action")>
 <cfloop index="x" from="1" to="#arraylen(Form.Teilnehmerliste.RowStatus.Action)#">
  <!--- Datenbank aktualisieren --->
  <cfif #Form.Teilnehmerliste.RowStatus.Action[x]# eq 'U'>
   update <br>
  <cfelseif #Form.Teilnehmerliste.RowStatus.Action[x]# eq 'I'>
   <!--- Insert --->
  <cfelse>
   <!--- Delete --->
  </cfif>
 </cfloop>
 <cfabort>
</cfif><!---  isdefined("Form.Teilnehmerliste.RowStatus.Action") --->

<!--- Make a query of 5 records --->
<cfset xtnliste = QueryNew("Personalnummer,Anmeldung_ID,Termine_ID,Name,Vorname,Status,Tage,Privatanschrift")>
<!--- 1 --->
<cfset temp = QueryAddRow(xtnliste)> 
<cfset temp = QuerySetCell(xtnliste, "Personalnummer", "0000015")>
<cfset temp = QuerySetCell(xtnliste, "Anmeldung_ID", 54282)>
<cfset temp = QuerySetCell(xtnliste, "Termine_ID", 4711)>
<cfset temp = QuerySetCell(xtnliste, "Name", "Name1")>
<cfset temp = QuerySetCell(xtnliste, "Vorname", "Petra")>
<cfset temp = QuerySetCell(xtnliste, "Status", "Z")>
<cfset temp = QuerySetCell(xtnliste, "Tage", 35)>
<cfset temp = QuerySetCell(xtnliste, "Privatanschrift", 1)>
<!--- 2 --->
<cfset temp = QueryAddRow(xtnliste)> 
<cfset temp = QuerySetCell(xtnliste, "Personalnummer", "0004015")>
<cfset temp = QuerySetCell(xtnliste, "Anmeldung_ID", 55152)>
<cfset temp = QuerySetCell(xtnliste, "Termine_ID", 4711)>
<cfset temp = QuerySetCell(xtnliste, "Name", "Name2")>
<cfset temp = QuerySetCell(xtnliste, "Vorname", "Anja")>
<cfset temp = QuerySetCell(xtnliste, "Status", "Z")>
<cfset temp = QuerySetCell(xtnliste, "Tage", 41)>
<cfset temp = QuerySetCell(xtnliste, "Privatanschrift", 0)>
<!--- 3 --->
<cfset temp = QueryAddRow(xtnliste)> 
<cfset temp = QuerySetCell(xtnliste, "Personalnummer", "2565210")>
<cfset temp = QuerySetCell(xtnliste, "Anmeldung_ID", 55153)>
<cfset temp = QuerySetCell(xtnliste, "Termine_ID", 4711)>
<cfset temp = QuerySetCell(xtnliste, "Name", "Name3")>
<cfset temp = QuerySetCell(xtnliste, "Vorname", "Holgi")>
<cfset temp = QuerySetCell(xtnliste, "Status", "W")>
<cfset temp = QuerySetCell(xtnliste, "Tage", 0)>
<cfset temp = QuerySetCell(xtnliste, "Privatanschrift", 0)>
<!--- 4 --->
<cfset temp = QueryAddRow(xtnliste)> 
<cfset temp = QuerySetCell(xtnliste, "Personalnummer", "2577210")>
<cfset temp = QuerySetCell(xtnliste, "Anmeldung_ID", 55157)>
<cfset temp = QuerySetCell(xtnliste, "Termine_ID", 4711)>
<cfset temp = QuerySetCell(xtnliste, "Name", "Name4")>
<cfset temp = QuerySetCell(xtnliste, "Vorname", "Hilde")>
<cfset temp = QuerySetCell(xtnliste, "Status", "B")>
<cfset temp = QuerySetCell(xtnliste, "Tage", 0)>
<cfset temp = QuerySetCell(xtnliste, "Privatanschrift", 0)>
<!--- 5 --->
<cfset temp = QueryAddRow(xtnliste)> 
<cfset temp = QuerySetCell(xtnliste, "Personalnummer", "2333585")>
<cfset temp = QuerySetCell(xtnliste, "Anmeldung_ID", 55200)>
<cfset temp = QuerySetCell(xtnliste, "Termine_ID", 4711)>
<cfset temp = QuerySetCell(xtnliste, "Name", "Name5")>
<cfset temp = QuerySetCell(xtnliste, "Vorname", "Peter")>
<cfset temp = QuerySetCell(xtnliste, "Status", "Z")>
<cfset temp = QuerySetCell(xtnliste, "Tage", 10)>
<cfset temp = QuerySetCell(xtnliste, "Privatanschrift", 0)>
<!--- Display Form --->
 
<cfform action="gridtest.cfm" method="post" target="_blank" name="teilnehmer">
<cfgrid name="Teilnehmerliste" 
format="html"
query="xtnliste" 
title="Teilnehmerliste"
width="600" height="180"
insert="no" delete="no" sort="no"
bold="No" italic="No" 
appendkey="yes"  highlighthref="No"
griddataalign="left" gridlines="Yes" bgcolor="##ffffff" stripeRows="yes" stripeRowColor="##ededed"<!---  onValidate="Grid_Val"  --->
rowheaders="no" rowheaderalign="right" rowheaderitalic="No" rowheaderbold="No" 
colheaders="Yes" colheaderalign="center" colheaderitalic="No" colheaderbold="No" <!--- onError="Grid_Error" --->
selectcolor="##dde3eb" selectmode="edit" picturebar="No" autowidth="yes">
<!--- Spalten definieren --->
    <cfgridcolumn name="Personalnummer" dataalign="LEFT" bold="yes" italic="No" select="No" display="yes" headerbold="No" headeritalic="No">
 <cfgridcolumn name="Anmeldung_ID" dataalign="LEFT" bold="yes" italic="No" select="No" display="yes" headerbold="No" headeritalic="No">
 <cfgridcolumn name="Termine_ID" dataalign="LEFT" bold="yes" italic="No" select="No" display="no" headerbold="No" headeritalic="No">
 <cfgridcolumn fontsize="11" name="Name" dataalign="LEFT" bold="No" italic="No" select="no" display="yes" headerbold="No" headeritalic="No" href="data.cfm" hrefkey="Personalnummer" target="_self">
 <cfgridcolumn fontsize="11" name="Vorname" dataalign="LEFT" bold="No" italic="No" select="no" display="yes" headerbold="No" headeritalic="No">
 <cfgridcolumn fontsize="11" name="Status" dataalign="LEFT" bold="No" italic="No" select="yes" display="yes" headerbold="No" headeritalic="No" values="B,Z,W,R,A" valuesdisplay="Bewerbung, Zugelassen, Warteliste, Rueckzug, Abgelehnt" valuesdelimiter=",">
    <cfgridcolumn width="50" fontsize="11" name="Tage" dataalign="RIGHT" bold="No" italic="No" select="yes" display="yes" headerbold="No" headeritalic="No" type="numeric">
 <cfgridcolumn name="Privatanschrift" header="Privat" dataalign="LEFT" bold="No" italic="No" select="yes" display="yes" headerbold="No" headeritalic="No" type="boolean">
</cfgrid>
 <input type="submit" value="Änderungen speichern">
</cfform> 
</body>
</html>

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Sat, 16 Feb 2013 04:42:22 GMT

I have the same issue, did you solveD?

Re: CFSELECT getting ELEMENT is undefined in FORM

forums_noreply@adobe.com — Thu, 31 Jan 2013 19:01:50 GMT

The selected attribute should be a non-empty string. Setting the it to "" runs counter to what ColdFusion expects. The documentation on cfselect says this about the attribute:

"One or more option values to preselect in the selection list. To specify multiple values, use a comma-delimited list. This attribute applies only if selection list items are generated from a query. The cfform tag preserveData attribute can override this value.".

CFSELECT getting ELEMENT is undefined in FORM

forums_noreply@adobe.com — Thu, 31 Jan 2013 04:23:25 GMT

Found quite a few items on this topic when searching the web, but nothing applied.

I have a CFSELECT that searches a database for the options, and has its own blank option. On the cfselect i have a selected="". When I display the form, the selected isn't highlighted. If I don't highlight something on the field, when I click the submit button, that form field is not sent (doesn't appear in the CFDUMP. If I select the option value and press submit, it then gets passed.

						<cfselect name="Position_Club"
							required="No"
							message="Please assign Club Position"
							size="4"
							selected=""
							query="get_DropDownPositionClub"
							Display="Position"
							Value="Position_Code"
							queryPosition="below"
							Multiple="Yes">
							<option value="">None</option>
						</cfselect>

Around this code I placed another cfselect with all the option values, and they do go into the form when I press select. Before I update the code, it was using flash HTML and it worked fine. It looked like:

<cfformgroup type="horizontal" label="Club Position(s)">
	<cfselect name="Position_Club"
		required="No"
		message="Please assign Club Position"
		size="4"
		query="get_DropDownPositionClub"
		selected=""
		Display="Position"
		Value="Position_Code"
		queryPosition="below"
		width="300"
		Multiple="Yes">
		<option value = ""> None
	</cfselect>

Code any ideas?

Re: HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Sat, 22 Dec 2012 14:48:33 GMT

Could we see how you define the grid tag(s), including attributes?

Re: CFGrid field corrupt. CF version 9.02

forums_noreply@adobe.com — Sat, 22 Dec 2012 14:43:16 GMT

The guy who reported that error on raymondcamden.com said he had filed a bug report. I have searched and searched but cannot find any such report in bugbase.adobe.com. However, the blog article did reveal a workaround, namely: "Move the grid outside the form and bind the selected values to hidden form fields inside the form so you control what is submitted. This should work regardless of your enctype value.".

In any case, we are now a long way from August 2008. You will get up-to-date suggestions if you show your code here.

HTML CFGRID not passing all modified values

forums_noreply@adobe.com — Wed, 19 Dec 2012 20:22:56 GMT

I've got an HTML type CFGRID (using CF10) and keep running into this issue where it's not passing all the fields that I modify. Say I have 5 rows, and I modify the same 3 columns in all 5 rows (entering prices). All 15 cells get the little red modified indicator, but when I submit the form, the resulting form variables don't contain all the changes. I'm dumping out the form object, and looking at the "grid.rowstatus.action" array to find which rows need updating, as well as the individual arrays containing each column's data.

I can't see any pattern to why it sometimes omits rows or even just cells I've modified. And it's not always the same, and sometimes it gets it right. I haven't been able to find any references to similar behavior, so I'm kind of stumped, and at this point, I may have to ditch the cfgrid and try a JQuery grid of some sort to see if it works better.

Anyone have any ideas?

CFGrid field corrupt. CF version 9.02

forums_noreply@adobe.com — Mon, 17 Dec 2012 16:46:19 GMT

Hi I'm getting this error reported here http://www.raymondcamden.com/index.cfm/2008/8/25/Bug-with-Ajax-HTML-Grid-and-File-Upload-F orms . I am using versaion 9.02. Can anyone tell me if this bug has been fixed yet?

I have read in various places semi-colons can cause problems, but I don;t have any semi-colons on my grid....

Thanks,

Ian.

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Thu, 15 Nov 2012 19:31:11 GMT

The silence means that I'm just a busy guy ;-]

Thanks for all your efforts, but I've come to the conclusion that the individual cells within a cfgrid like this simply do not expose an event we can use to sense keystrokes. All of these attempts only "see any action" when one navigates beyond the individual cell's control. I wanted to know when a user tapped a key WITHIN a cell.

I'll bet the original thinking - when this component was created - was to provide all those nifty array elements in the submitted form scope - which tell us which rows and cells were changed and why ("RowStatus.Action" et.al.). They assumed that negated the need for complex scripted grid event management & bubbling in their minds? Just a guess.

The only problem with that original design is that those nifty array elements do not appear to even exist until the grid is actually submitted in a traditional manner. I don't see them available via script - for use in a function call to a remote object submission for example.

So my workaround has been to convince the client to either (re)process every data point in the grid back to the database all over again (a non-starter) - or dispense with the fancy-schmancy ajax-esque RO submit and just post the cfform/grid old-school (where we can actually see which data to process).

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Thu, 15 Nov 2012 09:24:58 GMT

Does the silence mean you finally finished it off? If not, here then is one solution.

You already have the string typed in by the user. All you have to do to get the last keystoke is pick out the last character of the string! Something like this

function registerKeyStrokes(){

var listener:Object = {};

var changeField=changeResult;

listener.cellEdit = function(evt:Object):Void {

var str:String = evt.target.selectedItem.city;

changeField.text = 'Last keystroke is: ' + str.substr(str.length-1,1);

}

geoGrid.addEventListener('cellEdit',listener);

}

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Tue, 13 Nov 2012 21:14:02 GMT

Here is a start. I have stayed with the form simply because it is now familiar.

In this example, the value of the edited city field is copied into the changeResult input field.

function registerKeyStrokes(){

var listener:Object = {};

var changeField=changeResult;

listener.cellEdit = function(evt:Object):Void {

changeField.text = evt.target.selectedItem.city;

}

geoGrid.addEventListener('cellEdit',listener);

}

</cfformitem>

</cfloop>

</cfgrid>

</cfform>

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Mon, 12 Nov 2012 20:39:18 GMT

I now understand what you're looking for. I'll have another go.

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Mon, 12 Nov 2012 18:53:23 GMT

Thanks for the response, BKBK!

However, your example will fire an event when one clicks on a cell - but does not provide insight into the event of typing inside a cell. This grid is not even editable.

I've extended your example below to demonstrate the issue. The desire is for the text input below the grid to update with a new "last pressed" key code with every stroke made inside a grid cell. But when executed, it only fires when one clicks between cells using the mouse.

Thanks again.

function showItinerary(){

changeResult.text = 'last key code is:' + Key.getCode();

}

</cfformitem>

</cfloop>

</cfgrid>

</cfform>

Re: cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Mon, 12 Nov 2012 14:20:23 GMT

function showItinerary(){

alert('City:' + geoGrid.selectedItem.city + ', Travel date:' + geoGrid.selectedItem.travelDate);

}

</cfformitem>

</cfloop>

</cfgrid>

</cfform>

cfgrid (type=flash) - how to capture in-cell keystroke event?

forums_noreply@adobe.com — Thu, 08 Nov 2012 20:42:09 GMT

Yep, I'm maintaining a Flash type cfform that was authored a few years ago. The application is on CF9 now.

How can my application sense when a user has keypressed within a CFGRID cell?

I've introduced a change event listener to the cfgrid via the onchange tag attribute. The event fires when the mouse clicks within any cell.

But keyboard navigation or individual cell keystrokes to not trigger a change, even when traversing to another cell via Tab or Enter.

I've also tried using the keyDown event, but that is only triggered when navigating the overall grid. It does not fire when a cell has focus - the user is typing within it.

keyUp doesn't work either, nor does keypress, keydown, keyup or any of my other exhaustive deriviation attempts. I've tried to locate a complete list of AS 2.0 event names, but have had no luck, even within Adobe's own pdf docs. If anyone has an example from their own personal museam, I'd love to see it.

Did I mention that this is a Flash cfform? Thought so...

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Sun, 28 Oct 2012 14:09:53 GMT

Glad to hear. The workaround is kludgy. So I hope you have restricted it to the specific page(s).

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Sun, 28 Oct 2012 12:44:09 GMT

Well...it works! I added the

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Sat, 27 Oct 2012 18:11:19 GMT

The error disappears when I put the following line as the very first line in the head tag.

However, I have so far succeeded in doing that only in a static HTML copy of your page. If only there was a way to get Coldfusion to dynamically insert the meta tag as first tag in the head! That would be a neat workaround.

I also discovered something absurd. The error disappears when I put the meta tag in onRequestStart, like this

</cfif>

</cffunction>

However, though this works, it is messy. It places the meta tag at the very top of the page, even before the HTML doctype.

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Sat, 27 Oct 2012 15:22:01 GMT

What a puzzler! Following some more searching I see that the meta tag must be among the first within the head tag. So I thought of testing

and

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 18:48:12 GMT

Thanks. Updated. No Change.

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 18:46:05 GMT

Just a correction. I see on the web that a better version of the meta tag is

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 18:27:09 GMT

Thanks. I have copied the page source.

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 17:23:15 GMT

Added the X-UA-Compatible, with no change. Here is the file.

https://extapps.wvu.edu/registration/index.cfm?conf=9

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 16:34:22 GMT

Ignore my previous post. I have looked into the matter some more. To be sure, this appears to be a browser/Javascript compatibility problem, not a ColdFusion problem.

Apparently, it is well known that there are Javascript quirks in IE 9. The split() problem just happens to be one. One published workaound is to use the X-UA-Compatible metatag to get IE 9 to emulate IE8:

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 15:47:37 GMT

Please kindly leave the setting at name="dayohn_43" and send me the URL of the form. It will be just for an instant.

Re: CFDatefield not working in FF

forums_noreply@adobe.com — Fri, 26 Oct 2012 15:11:23 GMT

I entered your code for the input directly and I still get the same error every time I click the calendar icon -

Message: Unable to get value of the property 'split': object is null or undefined
Line: 43
Char: 1
Code: 0
URI: https://extapps.wvu.edu/CFIDE/scripts/ajax/package/cfcalendar.js