Os componentes são elementos da interface do usuário reutilizáveis que podem ser usados para construir a interface visual da página. Os componentes são renderizados em elementos de página HTML como texto, hyperlinks ou elementos de formulário. Os componentes no IDE são baseados na tecnologia JavaServer Faces e usam JavaScript.
Como esses componentes usam JavaScript, os usuários das suas aplicações Web devem ter o JavaScript ativado em seus navegadores Web. Além disso, os usuários dos seus aplicativos devem ativar os cookies e o CSS em seus navegadores Web.
Os componentes possuem propriedades, que descrevem a aparência, o estado e outros recursos de um componente específico de uma página. Você pode editar propriedades usando a janela Propriedades ou pode vincular propriedades a valores contidos em outros componentes ou serviços como bancos de dados ou serviços Web.
Por padrão, os componentes adicionados a uma página do JSF Visual Web são organizados na página por posição: o local onde eles forem adicionados no Visual Designer será onde eles aparecerão na página HTML final. Você pode empilhar componentes um sobre os outros usando os itens de menu Trazer para frente e Enviar para trás e pode aninhar componentes usando os componentes Painel de grade e Painel de grupo.
Finalmente, os componentes podem ter manipuladores de eventos associados, escritos na linguagem Java, que são executados quando a página é enviada.
Categorias de componentes
Os componentes são localizados na e são agrupados em categorias. Clique em uma categoria na visualização Componentes para ver os componentes associados.
A visualização Componentes contém as seguintes categorias:
Fundamentos do Woodstock. Os componentes que você usa com mais freqüência, como botões, tabelas, listas suspensas, campos de texto e muitos outros.
Layout do Woodstock Componentes cujo maior propósito é organizar ou formatar uma página, como o componente Painel de grade que dispõe os componentes em uma grade ou o componente Painel de grupo que reúne os componentes.
Composto (Woodstock) Componentes com uma organização mais complexa e um propósito específico, como o componente Lista de adicionar/remover que exibe uma lista de itens e permite ao usuário adicioná-los a outra lista ou os componentes Trilha que exibem uma lista de hiperlinks para páginas anteriores na hierarquia de um site.
Validadores. Um conjunto de verificadores que valor que pode ser usado para validar os dados inseridos do usuário.
Conversores. Um conjunto de conversores de dados que pode ser usado com componentes para converter entre o tipo de dados String e outros tipos de dados, conforme necessário.
Padrão. O conjunto original de componentes JavaServer Faces padrão incluídos no IDE. Eles não são tão sofisticados ou fáceis de usar como os componentes Básicos, Layout e Compostos. Por exemplo, os componentes Padrão não podem participar em um tema, e sua estrutura geralmente é mais complexa de se trabalhar do que com os componentes Básicos.
Avançados. Um conjunto de marcações de página JavaServer para usuários avançados. Os componentes não possuem aparência visual e são úteis para desenvolvedores com experiência em tecnologias JavaServer Faces e JSP.
Provedores de dados. Um conjunto de componentes que fornece uma interface para fontes de dados como tabelas de bancos de dados e objetos JavaBeans.
Provedores de dados avançados. Um conjunto de provedores de dados para ser utilizado somente por usuários avançados. Esses provedores de dados são geralmente criados para você e não precisam ser adicionados separadamente.
Visualizando e gerenciando componentes
Você pode visualizar ou gerenciar componentes das seguintes maneiras:
Use a para arrastar componentes para o Visual Designer a fim de trabalhar com eles.
Use a para exibir uma lista hierárquica dos componentes em uma página. Se você selecionar um componente na janela Navegador, o componente será selecionado no Visual Designer e vice-versa. Algumas vezes, é possível selecionar um componente com mais facilidade na janela Navegador do que no Visual Designer, especialmente se você desejar alterar sua localização em uma hierarquia de subcomponentes. Você pode clicar com o botão direito do mouse no nó de um componente na janela Navegador e selecionar os mesmos itens de menu pop-up que no Visual Designer.
Observação: Se você planeja criar o script do componente em código Java, você deve adicionar manualmente um atributo de vinculação ao componente. Para isso, clique com o botão direito no componente e selecione Adicionar atributo de vinculação.