Help tabs cflayout, cf 9 need to redraw a correct size with ext3 or CF

Whenever you load a tab dynamically with a cflayoutarea (tab) in Coldfusion 9 it will get the right height (usually just like high 20px). This also occurs when you try to reload a tab with coldfusion.navigate. I need to find a way to access the underlying EXT or use coldfusion functions to get these tabs to redraw. From now my only workaround is assigning a height, but this will create scrollbars instead of just properly mounting height as it should. Here is an example layoutarea:

< cflayout type = 'tab' style = "padding: 5px;" Width: 940px; "name ="ajaxTabs">

< name cflayoutarea = "tab0" selected = "" #tab0 # "style =" padding: 5px; "" min-height: 450px; "overflow = 'auto' refreshonactivate = 'yes '.
title = "< p ="n1"id" > ballots registered < /p > ""
source = "" #myself #xfa.savedNewsletters # "/ >"

I have got the formula for getting the layoutarea to respond, but did not understand exactly what I need to resize (below is just an attempt to jump first deactivation/activation height):

< cfsavecontent variable = "theJS" >
< script type = "text/javascript" >
function resizeTab() {}
var activeID is ColdFusion.Layout.getTabLayout('ajaxTabs').getActiveTab (user.user);.
ColdFusion.Layout.disableTab ('ajaxTabs', activeID);
ColdFusion.Layout.enableTab ('ajaxTabs', activeID);
ColdFusion.Layout.selectTab ('ajaxTabs', activeID);
return;
}
< /script >
< / cfsavecontent >
< cfhtmlhead text = "#theJS #" >
< cfset ajaxOnLoad ('resizeTab') >

Right, I fixed it, I can't guarantee that the other functions of cfajax will be unaffected, but my tests show so far everything is ok.

Basically, I started to have a look through the CF files Javascript and found one that has all the CF functions that control the functions of ExtJS.

After a bit of game and then some pertussis to the chagrin of my colleagues, I managed to get the job autoHeight.

What I have found is the Coldfusion code creates a Tabpanel first, but put nothing into it, then for each tab you create creates an Ext.Panel and puts inside the tab.

The autoHeight was put on the tabpanel himself, but it was not established on the Ext.Panel, and so they were not resizing.

I've added the parameter and everything seems to work, it still works if you want to specify a height.

The file is located in your inetpub/wwwroot/cfide/scripts/ajax/package (Windows) and is called cflayout.js

Simply replace it with a http://www.theidol.com/downloads/cflayout.js and you should find that it works.

You can back up your old file.

The change I made is on line 70 and modified to

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

TO

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

I hope this helps anyone with the same problem on.

Adobe want a kick for this omission.

Paul

Tags: ColdFusion

Similar Questions

Maybe you are looking for