Tarefas de componente JSF Visual Web: referência rápida

Consulte também

Este tópico descreve as tarefas comuns que podem ser realizadas com componentes. Para obter informações mais detalhadas, clique nos links da coluna à direita.

Para desempenhar esta tarefa... Siga estas etapas
Adicione um atributo de vinculação a um componente JSF
  1. Clique com o botão direito no componente
  2. Selecione Adicionar atributo de vinculação.
Adicionar um componente de uma página JSF Visual Web
  1. Garanta que a página abre no
  2. Na , selecione o tipo de componente a ser adicionado, clicando na categoria correspondente.
  3. Clique duas vezes no componente ou arraste o componente para o Visual Designer e solte-o.
Adicionar uma categoria à Paleta
  1. Se necessário, abra a , escolhendo Janela > Paleta.
  2. Clique com o botão direito do mouse em qualquer categoria e escolha Criar nova categoria.
  3. Na caixa de diálogo Categoria da paleta, insira um nome para a categoria.
Adicionar uma tabela
Adicionar, usar, alterar, renomear ou excluir fragmentos de código
Alinhar os componentes
  1. No mantenha pressionada a tecla Shift e selecione os componentes a serem alinhados.
  2. Clique com o botão direito do mouse no último componente selecionado e escolha Alinhar > comando-de-alinhamento.
Vincular a propriedade component padrão
  1. Clique com o botão direito do mouse no componente que deseja vincular e escolha Vincular aos dados.
  2. Na caixa de diálogo Vincular aos dados, decida entre vincular a um objeto ou vincular a um provedor de dados.
  3. Escolha o destino ao qual deseja vincular a propriedade.
Vincular as propriedades component gerais
  1. Clique com o botão direito do mouse no componente que deseja vincular e escolha Vinculações de propriedade.
  2. Na caixa de dialogo Vinculações de propriedade, escolha a propriedade que deseja vincular na lista do lado esquerdo.
  3. Escolha o destino ao qual deseja vincular a propriedade na lista do lado direito.
Excluir um componente de uma página JSF Visual Web
  1. No ou selecione o componente a ser excluído.
  2. Clique com o botão direito do mouse no componente e escolha Excluir.
Remover uma biblioteca de componentes
Editar os estilos CSS do componente (altere a aparência de um componente em uma página)
  1. No clique no componente.
  2. Na janela Propriedades, clique no botão de reticências (...) ao lado da propriedade style.

    O Editor de estilos se abre.

  3. Escolha categorias na lista do lado esquerdo do editor.
  4. Defina os estilos das categorias que deseja aplicar ao componente.
  5. Revise as alterações no componente no Visual Designer.
  6. Clique em OK para aplicar todas as configurações à propriedade style do componente.
Editar uma folha de estilo
  1. Na   em nome-do-projeto > Páginas da Web > nó recursos, clique duas vezes em stylesheet.css (a folha de estilos padrão) ou em qualquer outro arquivo CSS no diretório.
  2. No Editor CSS, edite a folha de estilo.
  3. No menu principal, escolha Arquivo > Salvar.
Manipular eventos do componente
  1. No clique no botão Java na barra de ferramentas do editor.
  2. Adicione o código-fonte Java do seu manipulador de eventos aos métodos.

    Conforme você digita, o Editor Java oferece sugestões para auto-completar de código, incluindo métodos potenciais e variáveis de instância dos objetos aos quais você faz referência.

  3. Você também pode posicionar o cursor em um item sobre o qual necessita de informações e digitar Ctrl-Shift-Espaço para visualizar a documentação de Javadoc.
Importar novos componentes
Aninhar componentes
  • No arraste o componente na parte superior do componente no qual ele deve se aninhar.
Visualizar páginas
Remova um atributo de vinculação de um componente JSF
  1. Clique com o botão direito no componente
  2. Selecione Remover atributo de vinculação
Selecionar um único componente
  • No ou na clique no componente.
Selecionar vários componentes

Existem várias técnicas:

  • No ou na clique em cada componente enquanto mantém a tecla Control pressionada.
  • Na janela Navegador, clique no primeiro item na lista, em seguida, mantenha pressionada a tecla shift e clique no último item na lista. Todos os componentes intermediários são selecionados.
  • No Visual Designer, clique e mantenha pressionado o botão do mouse, em seguida, arraste o mouse para abranger completamente todos os itens a serem selecionados.
Definir propriedades component
  1. No ou na selecione o componente.
  2. Na janela Propriedades, defina as propriedades.
Definir estilos CSS
  1. No , clique no componente.
  2. Na janela Propriedades, clique no botão de reticências (...) ao lado do estilo.
  3. Escolha uma categoria do Editor de estilos na lista no lado esquerdo do editor.
  4. Selecione as configurações de estilo relacionadas à categoria à direita da lista de categorias.
  5. Quando terminar, clique em OK para aplicar os estilos.
Definir layout da página
  1. No clique no segundo plano da página para que você possa ver as propriedades Page.
  2. Na janela Propriedades, selecione o valor de Layout de página.
Definir a ordem de tabulação
  1. No ou na selecione o componente.
  2. Na janela Propriedades localize a propriedade tabindex na seção Acessibilidade e indique o número do índice de tabulação.
Definir a grade
  1. Escolha Ferramentas > Opções em sistemas Microsoft Windows ou UNIX, ou escolha NetBeans > Preferências em sistemas Macintosh.
  2. Clique no botão Miscelâneas e, em seguida, na aba Visual Web.
  3. Indique a Altura da grade e a Largura da grade no campo correspondente. Use as caixas de verificação para definir para Mostrar grade ou Ajustar à grade..
Ajustar componentes à grade
  1. No , selecione o item.
  2. Clique com o botão direito do mouse e escolha Ajustar à grade.
Empilhar componentes
Usar uma folha de estilo
  1. No clique na página.
  2. Na janela Propriedades, clique no botão de reticências (...) ao lado de Folha de estilo.
  3. Indique o nome e a localização do arquivo
Visualizar uma página com resoluções diferentes
Visualizar e colocar mais zoom em uma imagem
  1. Na clique duas vezes em uma imagem para exibi-la no editor.
  2. Use a barra de ferramentas que aparece no editor para aumentar ou reduzir a imagem.
Consulte também
Sobre componentes
Trabalhando com componentes

Notificações legais