22.08.2013 Views

ColdFusion Developer's Guide

ColdFusion Developer's Guide

ColdFusion Developer's Guide

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Beta Beta Beta Beta Beta Beta Beta Beta Beta Beta<br />

In addition to the tags and attributes, <strong>ColdFusion</strong> provides a number of JavaScript functions<br />

that let you control and manage the display. Most functions manage the how a specific tag<br />

displays. For example, you can use JavaScript functions to dynamically display and hide the<br />

window. There are also several utility tags, such as the <strong>ColdFusion</strong>.getElementValue function<br />

that gets the value of a control attribute, or the <strong>ColdFusion</strong>.navigate function that displays the<br />

results of a URL in a container tag. For a complete list of all <strong>ColdFusion</strong> AJAX JavaScript<br />

functions, and detailed function descriptions, see Chapter 5, “AJAX JavaScript Functions” in<br />

CFML Reference.<br />

Using <strong>ColdFusion</strong> AJAX UI features<br />

<strong>ColdFusion</strong> AJAX UI features let you create data-driven pages that update dynamically<br />

without requiring multiple HTML pages or page refreshes or non-HTML display tools such<br />

as Flash forms. Many UI features use data binding to dynamically get data based on other data<br />

values: form field values, form control selections, and selections in Spry data sets.<br />

<strong>ColdFusion</strong> AJAX UI controls and features can be divided into two major categories:<br />

■ Display layout<br />

■ Data interaction.<br />

Display layout controls include the cflayout, cfpod, and cfwindow controls. Some of the<br />

data interaction features include the HTML format cfgrid control, the cfmenu control, and<br />

dynamic autosuggest lists for text input controls. Most display layout and data interaction<br />

features can use data binding to dynamically interact with the user.<br />

<strong>ColdFusion</strong> AJAX UI features are based on the Yahoo User Interface Library and the Ext<br />

JavaScript Library. Also, the cftextarea rich text editor is based on the FCKeditor text<br />

editor. In most cases, you only need to use <strong>ColdFusion</strong> tags and functions (including<br />

JavaScript functions) to create and manage the interface, but advanced developers can also<br />

modify the library code, particularly the library CSS styles, to customize the controls in more<br />

complex ways.<br />

Controlling AJAX UI layout<br />

The following layout tags let you dynamically control the display.<br />

■ cfdiv<br />

■ cflayout<br />

■ cfpod<br />

■ cfwindow<br />

886 Using AJAX UI Components and Features

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!