Ensina-me ColdFusion ColdFusion Cookbook

Problema:

Quero estilizar uma tab usando CFLAYOUT quando a tab for criada.

Solução:

Usando javascript:ColdFusion.Layout.createTab voce pode configurar os parâmetros de configuração do "configObject". É aqui que voce pode estilizar a tab antes dela ser criada.

Explicação detalhada:

Não há muitos exemplos de como se criar uma nova tab e então esilizá-la, voce poderia estilizar sua tab usando uma style sheet externa, mas onde está a graça nisso !

Sintaxe da função:

ColdFusion.Layout.createTab(layout, layoutArea, Title, URL [, configObject])

configObjet é o que voce está interessado. Ele tras os parâmetros de configuração do objeto, incluindo style.

Um exemplo poderia ser:

style:"padding:0.5em"

Usado assim:

javascript:ColdFusion.Layout.createTab('layout','area','I am a new tab',"page.cfm",{inithide:false,selected:true,closable:true,style:"padding:0.5em"});

Um exemplo disto em uso. Voce tem uma CFGRID e quer criar um botão novo

function init(){
     var grid = ColdFusion.Grid.getGridObject("name-of-Grid");
     var gridHead = grid.getView().getHeaderPanel(true);
     var tbar = new Ext.Toolbar(gridHead);
     //button
     tbar.addButton({
          text:"New Tab",
          cls:"x-btn-text-icon",
          icon:"./images/icons/group_go.png",
          handler:newTab
     });
     tbar.addSeparator()
}

Quando clicar nesse botão, voce disparará a seguinte função que criará uma ova tab com seu style já definido.

//function runs when new tab is clicked
function newTab(button,event){
     javascript:ColdFusion.Layout.createTab('"color: #000000;">layout','"color: #000000;">layoutArea',
          'I am new Tab',"page.cfm",
          {inithide:false,selected:true,closable:true,style:"padding:0.5em"});
}

by Glyn Jackson

Versão em inglês: Adobe ColdFusion Cookbook