«

»

Dec 07

Print this Post

Criando navegação tipo acordeon usando CFLAYOUT

Problema:

Voce quer usar ColdFusion 9 para criar navegação tipo acordeon usando a tag CFLayout.

Solução:

ColdFusion 9 incluiu a funcionalidade de navegação tipo acordeon na tag CFLayout. Todos os controles AJAX em ColdFusion suportam a biblioteca EXTJS 3.0 para criar controles Rich UI. Voce pode usar o código a seguir para criar a navegação acordeon.

Explicação detalhada:


<cflayout name="myAccordionLayout" type="accordion" width="600px">
     <cflayoutarea title="CF9 Tutorials" align="left">
          <h3>CF9 Tutorials</h3>
          <p>ColdFusion 9 Tutorials.</p>
     </cflayoutarea>
     <cflayoutarea title="CF Builder Tutorials">
          <h3>CF Builder Tutorials</h3>
          <p>CF Builder Tutorials</p>
     </cflayoutarea>
     <cflayoutarea title="CFSAAS Tutorials" align="left">
          <h3>CFSAAS Tutorials</h3>
          <p>CFSAAS Tutorials</p>
     </cflayoutarea>
</cflayout>

Nota: Cada navegação acordeon gerada usando a tag CFLayout terá um botão “+” ou “-” na área de título para expandir ou compactar o acordeon. Por default, a área de layout expandirá e compactará se clicarmos em qualquer parte da barra de título do acordeon. Isso pode ser previnido usando-se o atributo “titleCollapse” que faz com que a área de layout seja expansível ou compactável somente se clicarmos nos botões “+” ou “-” na barra de título.

by Akbarsait N
Versão em inglês: Adobe ColdFusion Cookbook

Permanent link to this article: http://ensina.me/coldfusion/criando-navegacao-tipo-acordeon-usando-cflayout/

Leave a Reply