«

»

Nov 30

Print this Post

Estilize uma tab usando Layout.createTab

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

Permanent link to this article: https://ensina.me/coldfusion/estilize-uma-tab-usando-layout-createtab/

Leave a Reply