ColdFusion RIA

So, while working on integrating the cfgrid with my demo application, I came accross a conflicts with the CSS that ColdFusion expects to produce for an HTML cfgrid versus the CSS markup from the YUI Base CSS component.

Check It Out (Unfortunately Unavailable)

So, what the Base CSS package does is,

applies a consistent style foundation for common HTML elements

This creates a conflict with the ColdFusion CSS package (which is based on Ext 1.1.1 API). At the same time, you could use this to extend the Base CSS file and define your own styles for the elements. Right now, I just removed Base CSS from my application.

Previously I blogged about implementing a filter feature and ability to show/hide columns in the grid Here. We are going to make another small enhancement to it, we will allow the User to select how many records to display per page (from a pre-defined list). We will also use some powerful Yahoo User Interface (YUI) Do functions to implement this.

Demo Currently Unavailable

[More]

The next step in the Project will be the User Administration page. The idea for the administration pages is simple:

1. Pagination (min 10 records per page)
2. Sorting on all columns
3. Ability to Filter grid Data by various columns
4. User Preferences to show/hide columns on the grid
5. Add/Edit/Delete Function Access from grid page

The ColdFusion 8 cfgrid implementation allows us to accomplish points 1 and 2 out of the box. CF8 Ajax featurs will allow us to accomplish point 3. Further looking into the ExtJS library means we can do 4 too. We will worry about point 5 for later.

[More]

I previously blogged on the YUI History Manager (read it up if you haven't). I just got around to implementing it to an Application

Now, I like to include my javascript at the top of the page (and I think most people do). This meant I had to switch some things around.

[More]

One of the things about loading pages using Ajax (not refreshing the page) is that the browser back/forward buttons stop working. Since you are not refreshing the page the browser doesn't record to its history engine.

ColdFusion 8 does not implement automatic browser history management for ColdFusion.navigate and AjaxLink (do it with 9 Adobe). That meant either build your own solution, or in this case I decided to use the YUI Browser History Manager. So lets see how it was done.

Demo the the implementation Here.

[More]