Another issue I ran into when converting some older Coldfusion 8 applications over to a Coldfusion 9 server concerning tabs using the tag. Unlike getDataSource() this issue is a Coldfusion 9 bug. The issue is that if you create a tab layout the first tab does not have an auto-height property. That being said, no matter how much content you put inside the region it will never expand to show the content.

MrTee posted on the Coldfusion 9 docs both the problem and the solution. This is not my solution, I’m just spreading the word here. The link to his comment is here. He has also posted the correct javascript file here.

The problem needs to be corrected in the layout.js file. If you are in your wwwroot folder look under CFIDE/scripts/ajax/package directory. Once you have this file open you can make the changes as expressed by MrTee himself.

“The change I made is on line 70 and changed from

var _70=new Ext.Panel({title:_6a,contentEl:_68,_cf_body:_68,id:_69,closable:_6c,tabTip:_6b, autoScroll:_6f,autoShow:true});

to

var _70=new Ext.Panel({title:_6a,contentEl:_68,_cf_body:_68,id:_69,closable:_6c,tabTip:_6b, autoScroll:_6f,autoShow:true,autoHeight:true});

I hope this helps anyone with the same problem out.”

All in all an ‘autoHeight:true’ needs added to the Panel() method. As far as I know this has not been addressed in an update by Adobe, but has been acknowledged. I used this solution and it worked perfect with no known side-effects on my own applications.

This doesn’t directly pertain to Coldfusion 9, but to the ExtJs library.  That being said, Coldfusion 8 runs off of an older version of the ExtJs library while Coldfusion 9 updated to the latest version 3 of the library.  If you are converting any Coldfusion 8 applications over to a Coldfusion 9 server keep in mind that your use of the Coldfusion AJAX components will no longer work for any components that looked for the underlying datasource.  So, for example, if you had a Coldfusion 8 grid implemented using the <cfgrid> tag and for whatever reason needed to grab some of the underlying ExtJs functionality of that grid by grabbing the grid datasource, you will need to make the update in your javascript.  Let’s pretend we have a grid named ‘mygrid’.  The Coldfusion 8 javascript code probably looked something like the following.

Coldfusion 8

//get our grid object
var mygrid = ColdFusion.Grid.getGridObject("mygrid");

//get the datasource of our grid
var mygrid_ds = mygrid.getDataSource();

//get data when the grids load
mygrid_ds.on("load", get_my_grid_data);

Once you move that code to the Coldfusion 9 server the ‘getDatasource()’ method will need to be changed to ‘getStore()’. So our new javascript would look like the following.

Coldfusion 9

//get our grid object
var mygrid = ColdFusion.Grid.getGridObject("mygrid");

//get the datasource of our grid
var mygrid_ds = mygrid.getStore();

//get data when the grids load
mygrid_ds.on("load", get_my_grid_data);

No idea why this change was made, but certainly no reason to panic. Simple fix.