O componente Acordeão é um elemento de interface semelhante a um conjunto vertical de guias - ao clicar no cabeçalho de um painel acordeão, o cabeçalho é animado para cima ou para baixo para exibir o contêiner associado a ele. O componente Acordeão geralmente tem profundidade de um nível, ao contrário de guias nas quais há conjuntos de guias multinível. Por ser processado verticalmente, não há espaço para acomodar mais marcação além do nome da guia. Assim, uma guia acordeão pode conter muito mais informação do que uma guia comum contém normalmente. O componente Acordeão é o contêiner para os componentes da Guia acordeão.
Este é um componente JavaServer Faces 1.2. Você pode ver componentes que utilizam essa versão do JavaServer Faces quando seu projeto utiliza Java EE 5. Para mais informações sobre o JavaServer Faces 1.2, consulte:
Após arrastar o botão da categoria Composto Woodstock da Paleta para o Visual Designer, você pode:
Selecionar o componente Acordeão e editar suas propriedades na janela Propriedades do Acordeão. Algumas propriedades típicas que você pode definir são:
id. O nome do componente. No arquivo JSP, este nome é o valor do atributo id do componente. No bean da página, o valor desta propriedade é o nome do objeto Acordeão.
multipleSelect. Quando selecionado, várias guias podem ser selecionadas ao mesmo tempo. Ao desativar essa propriedade, apenas uma guia pode ser selecionada de cada vez.
toggleControls Quando selecionado, o usuário tem a opção de expandir e ocultar o acordeão.
Clique com o botão direito do mouse no componente Acordeão e escolha uma das várias ações:
Adicionar guia acordeão Ao selecionar Adicionar guia acordeão, um componente de Guia acordeão é adicionado ao componente Acordeão A Guia acordeão adicionada é selecionada por padrão. Você pode adicionar o número de guias necessário a seu projeto.
Adicionar atributo de vinculação. Essa opção adiciona um atributo de vinculação ao componente
Observação: se você planeja fazer o script do componente em código Java, deve adicionar um atributo de vinculação manualmente, que é vinculado usando uma expressão vinculadora de valor a uma propriedade do bean da página de backup.
Remover atributo de vinculação Essa opção remove o atributo de vinculação do componente.
Alinhar à grade. Essa opção alinha o componente Acordeão às linhas de grade no Visual Designer.
Visualizar no navegador. Veja como a página é renderizada no navegador da Web padrão no seu sistema.