Adobe 38043740 - ColdFusion Standard - Mac Development Manual page 825

DEVELOPING COLDFUSION 9 APPLICATIONS
Requesting and Presenting Information
<!--- upload.cfm --->
<!--- <cffile action = "upload" destination = "#Expandpath('./upload')#"
nameconflict="makeunique"> --->
<script language="javascript">
var uploadCompleteHandler = function(obj){
var result = "Upload Details:" + "\n\n";
for(var i=0;i < obj.length; i++){
result = result + "FILENAME: " + obj[i].FILENAME + "\n" + "STATUS: " + obj[i].STATUS
+ "\n" + "MESSAGE: " + obj[i].MESSAGE + "\n\n";
}
}
</script>
<br>
<cffileupload
url="uploadall.cfm"
name="myuploader"
onUploadComplete="uploadCompleteHandler"
maxUploadSize=100
stopOnError=false
/>
Using Ajax form controls and features
ColdFusion HTML forms and controls provide the following Ajax-based features:
• The
, ,
cfgrid cfinput cfselect
• ColdFusion functions support asynchronous submission of forms without refreshing the entire page. When a form
is in an Ajax container control, it is done automatically. Also, the
function and Ajax proxy
• The and
cfgrid cftree
• The
control has a rich text editor option. The text editor is configurable.
cftextarea
• The
tag supports a
cfinput
• The tag with
cfinput text
list of field completions based on the current user input.
• The , , and
cfinput cfselect
display when the user moves the mouse over the control. The
page, not just a form control.
Using Ajax form controls
ColdFusion Ajax-based form controls let you submit Ajax forms in your applications without refreshing the entire page.
Note: When you use Ajax to submit forms asynchronously from the page, you cannot use
upload files.
Using Ajax containers for form submission
The ColdFusion Ajax container tags,
that they contain asynchronously. When the form is submitted, the result returned by the action page replaces the
contents of the container, but has no effect on the rest of the page.
The following example shows this behavior in the submitSimple.cfm page:
, , and
cftextarea cftree
function support manual asynchronous submissions.
setForm
tags provide HTML grids and trees that do not require a Java applet or Flash.
type with an Ajax-based pop-up calendar from which user can select the date.
datefield
type supports an
autosuggest
tags support a
cftextarea
,
cfdiv cflayoutarea
Last updated 1/20/2012
controls support binding to get control contents.
ColdFusion.Ajax.SubmitForm
attribute that lets you dynamically supply a drop-down
attribute that specifies a pop-up tool tip to
tooltip
tag displays a tool over any region of a
cftooltip
cfinput
, , and , automatically submit any forms
cfpod cfwindow
820
JavaScript
or tags to
input