|
YOUR FEEDBACK
Did you read today's front page stories & breaking news?
SYS-CON.TV SYS-CON.TV WEBCASTS |
TOP COLDFUSION LINKS Feature Test Driving ColdFusion 8
AJAX functionality combined with the simplicity of a tag-based language
Oct. 7, 2007 07:30 AM
(May 12, 2007) - You may have heard this before, but it's truer now than ever - it's a great time to be a ColdFusion developer. ColdFusion 8 is coming soon, and it will bring with it an array of new tags and features for developers who want to build sophisticated, feature-rich Web applications easily.
You Know It Don't Come Easy Recently Ben Forta, Adobe's senior product evangelist for ColdFusion, posted a series of ColdFusion 8 AJAX tutorials on his Web site at www.forta.com/blog. The tutorials provide code examples and basic information on how to implement five different ColdFusion 8 AJAX components: Auto-Suggest, Live Data Grids, Partial Page Updates, Related Selects, and File System Tree Control. If you're interested in getting up to speed quickly on the AJAX features in ColdFusion 8, Ben's site is a great place to start. After reviewing the five AJAX examples on Ben's site, I decided that my favorite (for now) is Auto-Suggest. This AJAX component augments the standard <CFINPUT> tag by adding a new auto-suggest attribute. The auto-suggest attribute accepts a comma-delimited list of values and can be populated using a database query, hard-coded values, or a CFC. In the latter case the rendered page uses ColdFusion-generated JavaScript to make asynchronous calls to a CFC that retrieves data from a database. The data is returned to the <CFINPUT> tag, which the auto-suggest attribute uses to display a list of suggested search terms. Regardless of the method used to populate the auto-suggest attribute, ColdFusion automatically generates the necessary JavaScript, CSS, and HTML code behind the scenes so that developers don't have to do it. Of course, since this is ColdFusion I expected nothing less than this, i.e., powerful AJAX functionality combined with the simplicity of a tag-based language, and that's exactly what the Auto-Suggest AJAX component delivers. The code in Listing 1 is a simple example in which the auto-suggest attribute of the <CFINPUT> tag has been populated with hard-coded values. If you're running ColdFusion 8 yourself and want to get a firsthand look at this feature, you should be able to copy and paste the code from Listing 1 and save it as a new ColdFusion file. Figure 1 shows the suggested search terms displayed by the auto-suggest attribute as text is entered into the control. Long Live the Grid In either case the resulting data grid is resizable and the colors, fonts, etc. are all customizable. A user can sort the records displayed in the grid simply by clicking on a grid column header. The HTML data grid seems like a solid alternative to ColdFusion's existing Flash and Java applet-based data grids. I found it handy because it's easy to simply drop the grid into a template and load it up with data from a query. This is a good way to rapidly prototype an application because you'll have something to show users almost immediately, without having to spend a lot of time and effort coding the UI. For the first time, ColdFusion developers will be able to implement AJAX functionality in their applications without having to write a lot of messy and tedious JavaScript, XML, and CSS code. For beginners and less experienced developers the new AJAX components can be readily deployed in applications using familiar ColdFusion tags. This means that they won't need to possess advanced knowledge of JavaScript, XML, and CSS to make AJAX work. In fact, with ColdFusion 8 it's possible to produce some stunning AJAX-type effects in ColdFusion applications with only minimal time and effort and relatively little code. Of course, Flash forms and Flex are still available to developers in ColdFusion 8. It's just that now we have a choice between these UI solutions and AJAX. ColdFusion developers will be able to choose between a Flash-based and AJAX-based solution for their applications. This is good news because there will undoubtedly be occasions when one approach is more suitable than the other. For example, the use of AJAX on a Web site may be prohibited due to accessibility concerns, so the developer could simply go with a Flash-based solution like Flex or Flash forms which tend to be more accessible-friendly than AJAX. On the other hand, if for some reason Flash is prohibited on a company intranet then the developer could use AJAX. With ColdFusion 8's AJAX components, developers will have yet another solid UI choice for their rich applications that can be implemented both quickly and easily. News Flash: All You Need Is CFFEED In Listing 2 the <CFFEED> tag is used to read EPA's "Air News Releases," an RSS 2.0 news feed that is then displayed in a simple ColdFusion 8 HTML data grid. A list of EPA news feeds is available at www.epa.gov/newsroom/rssfeeds.htm. Like most RSS feeds, EPA news feeds are comprised of XML or eXtensible Markup Language. XML is markup that contains and describes data. The EPA news feed XML is "consumed" by the <CFFEED> tag and converted into a ColdFusion query that can then be used just like any other ColdFusion query. This is significant because once you've used <CFFEED> to grab an RSS feed, you can do anything you want with the query result. For example, if you were interested in only a subset of the data retrieved by <CFFEED> you could query it again using ColdFusion's Query of Queries (QoQ) feature. This is precisely what I did in the example. After retrieving the EPA news feed with <CFFEED>, I queried the resulting query (using QoQ) and extracted just the records that I was interested in, i.e., records having EPA in the title. Remember how I said earlier that ColdFusion 8's HTML data grid provides a convenient destination for query data that you want to display? In this example the final filtered record set that I named "getFilteredRSS" is easily displayed in a simple ColdFusion 8 HTML data grid. YOUR FEEDBACK
CFDJ LATEST STORIES . . .
SUBSCRIBE TO THE WORLD'S MOST POWERFUL NEWSLETTERS SUBSCRIBE TO OUR RSS FEEDS & GET YOUR SYS-CON NEWS LIVE!
|
SYS-CON FEATURED WHITEPAPERS MOST READ THIS WEEK |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||