ColdFusion Developer's Guide

Beta Beta Beta Beta Beta Beta Beta Beta Beta Beta
■ The cftextarea control has a rich text editor option. The text editor is configurable
■ The cfinput supports a datefield type in HTML format with an AJAX-based pop-up
calendar from which user can select the date.
■ The cfinput tag with text type supports an autosuggest attribute that lets you
dynamically supply a drop-down list of field completions based on the current user input.
■ The HTML format cfinput, cfselect, and cftextarea tags support a tooltip
attribute that specifies a pop-up tool tip to display when the user moves the mouse over
the control. The cftooltip tag displays a tool over any region of a page, not just a form
control.
Using AJAX form controls
ColdFusion AJAX-based form controls provide two major features that affect how you
develop your application:
■ Data binding lets you dynamically get and update control contents.
■ You can submit a form without refreshing the entire page with the action page.
This section describes ways you can submit AJAX forms. For a detailed discussion of data
binding, see “Binding data to form fields” on page 930.
Using AJAX containers for submission
The simplest way to submit a form without refreshing the entire page is to put the form inside
a cfdiv, cflayout, cfpod, or cfwindow tag. In this case, when a user submits the form, any
output from the action page replaces the body of the container tag that encloses the form on
the current page, as the following example shows. The submitSimple.cfm page has the
following contents:
This area is not refreshed when the form is submitted.
This form is replaced by the action page
900 Using AJAX UI Components and Features