Developing Ajax Applications with ColdFusion 8

Copyright 2007 Adobe Systems Incorporated.

Developing Ajax Applicationswith ColdFusion 8

Tim Buntel

Adobe Systems Incorporated


We’ll cover

§ A ColdFusion primer

§ ColdFusion AJAX Features§ Binding

§ JSON support

§ AJAX Proxy

§ UI Controls

§ Debugging


What is ColdFusion

§ An easy way to create Internet applications

§ Pure Java

§ Very productive

§ From Adobe


Out of the box: ColdFusion Integrated Services

§ Database connectivity

§ Full text searching (Verity)

§ PDF Creation & Manipulation

§ Structured Reporting

§ Graphing and charting

§ E-Mail (POP and SMTP)

§ Internationalization

§ XML manipulation§ Including XSL and XPath

§ SOAP client and server

§ Java and .NET Object Invocation

§ Flash Remoting

§ Server-side HTTP and FTP

§ LDAP client

§ Windows NT/AD authentication

§ Debugging

§ Java, COM, CORBA client

§ … and more


How ColdFusion Works

PresentationTier

Business Tier

Presentation Logic (CFM)

Business, Integration, andTransaction Logic (CFC)

ColdFusionServer

Resource TierDB Java/.NET File sys Web

Svcs.data

J2EEApplication

Server

Web Browser

Web serverWeb server


How ColdFusion Works - with Flex 2 applications (RPC)

Business Tier Business, Integration, andTransaction Logic (CFC)

ColdFusionServer

Resource TierDBMS LDAP File sys Web

Svcs.data

J2EEApplication

Server

Flex Application (swf in browser)

Flash Remoting

Flex Builder IDEFlex Builder IDE

Flex SDKFlex SDK

ActionScriptActionScript

Flex Class LibraryFlex Class Library

MXMLMXML

Compile


ColdFusion 8 Ajax Features

§ Basic data binding

§ CFAJAXPROXY tag

§ JSON support

§ UI Controls

§ Spry support

§ Debugging


Binding

§ Display Regions

§ Form Controls

§ ColdFusion Component

§ Javascript function

§ URL

§ String

Bound to:


Demo


AJAX Proxy

§ CFAJAXPROXY§ Creates a JavaScript proxy for a ColdFusion component

§ Generates a proxy function for every remote function on the cfc

§ Specify asynchronous result and error handler callbacks


Proxy built-in functions

§ setHTTPMethod

§ setAsyncMode, setSyncMode

§ setCallBackHandler

§ setErrorHandler

§ setrQueryFormat

§ setReturnFormat

§ setForm


Demo


§ JavaScript Object Notation§ Representation of data in JavaScript

§ JavaScript can understand JSON, it’s a native data format

§ Based on array and object literals of JavaScript

Array: [“Benjamin”, “Michael”, “Scott”]

Object: {“color” : “red”, “doors” : 4}

What is JSON?


JSON Support in ColdFusion 8

§ SerializeJSON () § Converts ColdFusion objects into their JSON data format

§ DeserializeJSON () § Converts JSON data into ColdFusion objects

§ IsJSON() § Checks if the data passed to the function is in the JSON format

CF Server

HTTP

JSON Data

JavaScript

JavaScript Call

User Interface


CFMLßà JSON type mapping

§ Simple typesString: "Adobe"

Number: 1982.0

§ ArrayArray: ["Adobe","ColdFusion8"]

§ StructStruct: {"PRODUCT":"ColdFusion8","NAME":"Adobe"}

§ Query§ Column format Query:

{"ROWCOUNT":2,"COLUMNS":["NAME"],"DATA":{"name":["Adobe","ColdFusion8"]}}

§ Row format Query:

Query: {"COLUMNS":["NAME"],"DATA":[["Adobe"],["ColdFusion8"]]}


Demo


UI Controls

§ Layout§ cfdiv

§ cflayout

§ cfpod

§ Cfwindow

§ Menus & Trees

§ Form Controls§ Grid

§ Textarea

§ Autosuggest

§ Tooltip


Demo


Debugging

§ Pop-up display window

§ Javascript functions§ ColdFusion.Log.debug

§ ColdFusion.Log.dump

§ ColdFusion.Log.error

§ ColdFusion.Log.info


Demo


Next Steps

§ www.adobe.com/coldfusion

§ http://www.adobe.com/devnet/coldfusion

§ Tim Buntel [email protected]

Developing Ajax Applications with ColdFusion 8

Documents

Transcript of Developing Ajax Applications with ColdFusion 8