Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Alterar estado do acordeão
Evento Executa a ação para abrir expandir ou fechar recolher os itens do acordeãocomponente visual Acordeão.
Parâmetros
Nome | Tipo | Doc |
---|---|---|
Parâmetro 1 | String | Identificador do componente visual acordeão. |
Parâmetro 2 | String | Seleção da ação. Veja tópico Ações para mais. |
Parâmetro 3 | String | Parâ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".
Image Modified
Figura 1.1 : - Bloco Alterar estado do acordeão funcionando na web abrindo um item.
Alterando Ao Alterar o parâmetro Ação do bloco para "Fechar item" e e Item para "collapseOne" , estaremos indicando que ao clicar no botão, o item 1 desse deverá ser fechado, confira na figura abaixo.
Image Modified
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.
Image Modified
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.
Image Modified
Figura 1.4 : - Bloco Alterar estado do acordeão funcionando na web fechando todos os itens.
Sobre o bloco
Para entender melhor o funcionamento deste bloco e como incluí-lo em um projeto, veja os exemplos na documentação do componente visual Acordeão.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: "headingOneheadingOne" irá expandir o primeiro item. Já o segundo casso é utilizado para fechar o item, "collapseOnecollapseOne" é utilizado para fechar o item 1.