I recently posted an example on using one of the Coldfusion 8 Ajax CFGRID. I also mentioned at the time that it's based upon the GUI Library found at ExtJS.com. Well I thought it would be a good idea to also show an example on how to set up a grid using the library.
So lets get started....
There are some necessary files you need to include at the top of the page that you want to have the grid on. The files are the base Yahoo utilities file, an yahoo to ext adapter and then the main ext library. Jack recently moved away from dependence on a third party base library and has created his own so in the future we won't need to have the yui-utilities included but the ext base library instead.
If you don't have the base library yet you can get it from the Extjs download area.
Put the code below into the html head of your page making sure to change the paths to where you have your resources.
<!-- these two library's must be included before any others -->
<!-- the main ext library -->
<!-- this is the main styleshee, it is also broken down into separate stylesheets for each 'widget' -->
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
The next thing we will do is set up our grid. In the head area of your HTML document drop in the following: