Alterar estado do acordeão

Executa a ação para expandir ou recolher os itens do componente visual Acordeão.

Parâmetros

Nome

Tipo

Doc

Parâmetro 1StringIdentificador do componente visual acordeão.
Parâmetro 2StringSeleção da ação. Veja tópico Ações para mais.
Parâmetro 3StringParâmetro utilizado para expandir ou fechar um ou mais itens do acordeão.

Compatibilidade

 Cliente

Exemplo 

Nos exemplos mostrados a seguir, o bloco "Alterar estado do acordeão" foi associado a alguns botões, na figura 1 estamos passando o ID do acordeão presente na view, em seguida informamos qual a ação que deve ocorrer quando o botão for clicado, que nesse caso seria abrir o primeiro item (headingOne).


Figura 1 - Bloco Alterar estado do acordeão.


Na figura 1.1 mostramos a função deste bloco sendo chamada através do botão "Expandir item 1".



Figura 1.1 - Bloco Alterar estado do acordeão funcionando na web abrindo um item.


Ao Alterar o parâmetro Ação do bloco para "Fechar item" e Item para collapseOne, estaremos indicando que ao clicar no botão, o item 1 deverá ser fechado, confira na figura abaixo.



Figura 1.2 - Bloco Alterar estado do acordeão funcionando na web fechando um item.


Alterando a ação para "Abrir todos" podemos expandir todos os itens do acordeão de uma vez. Nesse caso não é necessário preencher o parâmetro Item.


Figura 1.3 - Bloco Alterar estado do acordeão funcionando na web expandindo todos os itens.


A última ação disponível no bloco é a de fechar todos os itens, altere a ação do bloco para "Fechar todos", desse modo, todos os itens do acordeão serão fechados quando essa função for chamada.



Figura 1.4 - Bloco Alterar estado do acordeão funcionando na web fechando todos os itens.

Sobre o bloco

O bloco de programação Alterar estado do acordeão é utilizado quando é necessário utilizar algum outro componente para fazer interação com o acordeão,

Ações

As ações "Abrir item", "Fechar item", "Abrir todos" e "Fechar todos", interagem com itens específicos, sendo assim necessário informar seu identificador no parâmetro Item.

Cada uma das ações citadas acima começam com "heading", ou "collapse", o primeiro caso é utilizado para expandir um item do acordeão, por exemplo: "headingOne" irá expandir o primeiro item. Já o segundo casso é utilizado para fechar o item, "collapseOne" é utilizado para fechar o item 1.

  • Sem rótulos