JSF - h: outputLink

A tag h: outputLink renderiza um elemento HTML "âncora".

Tag JSF

<h:outputLink value = "page1.jsf" >Page 1</h:outputLink>

Saída renderizada

<a href = "page1.jsf">Page 1</a>

Atributos de tag

S.No Atributo e descrição
1

id

Identificador para um componente

2

binding

Referência ao componente que pode ser usado em um backing bean

3

rendered

Um booleano; falso suprime a renderização

4

styleClass

Nome da classe da folha de estilo em cascata (CSS)

5

value

O valor de um componente, normalmente uma associação de valor

6

valueChangeListener

Uma ligação de método a um método que responde a alterações de valor

7

converter

Nome da classe do conversor

8

validator

Nome da classe de um validador que é criado e anexado a um componente

9

required

Um booleano; se verdadeiro, requer que um valor seja inserido no campo associado

10

accesskey

Uma chave, normalmente combinada com uma metakey definida pelo sistema, que dá foco a um elemento

11

accept

Lista separada por vírgulas de tipos de conteúdo para um formulário

12

accept-charset

Lista separada por vírgulas ou espaços de codificações de caracteres para um formulário. oaccept-charset atributo é especificado com o atributo JSF HTML chamado acceptcharset.

13

alt

Texto alternativo para elementos não textuais, como imagens ou miniaplicativos

14

border

Valor de pixel para a largura da borda de um elemento

15

charset

Codificação de caracteres para um recurso vinculado

16

coords

Coordenadas para um elemento cuja forma é um retângulo, círculo ou polígono

17

dir

Direção do texto. Os valores válidos sãoltr (da esquerda para a direita) e rtl (direita para esquerda)

18

hreflang

Idioma base de um recurso especificado com o href atributo; hreflang só pode ser usado com href.

19

lang

Idioma básico dos atributos e texto de um elemento

20

maxlength

Número máximo de caracteres para campos de texto

21

readonly

Estado somente leitura de um campo de entrada; o texto pode ser selecionado em um campo somente leitura, mas não editado

22

rel

Relação entre o documento atual e um link especificado com o href atributo

23

rev

Link reverso da âncora especificada com hrefao documento atual. O valor do atributo é uma lista separada por espaços de tipos de link

24

size

Tamanho de um campo de entrada

25

style

Informação de estilo inline

26

tabindex

Valor numérico que especifica um índice de tabulação

27

target

O nome de uma moldura na qual um documento é aberto

28

title

Um título, usado para acessibilidade, que descreve um elemento. Navegadores visuais normalmente criam dicas de ferramentas para o valor do título

29

type

Tipo de link; por exemplo,stylesheet

30

width

Largura de um elemento

31

onblur

Elemento perde o foco

32

onchange

O valor do elemento muda

33

onclick

O botão do mouse é clicado sobre o elemento

34

ondblclick

O botão do mouse é clicado duas vezes sobre o elemento

35

onfocus

Elemento recebe foco

36

onkeydown

A tecla está pressionada

37

onkeypress

A tecla é pressionada e posteriormente liberada

38

onkeyup

Chave liberada

39

onmousedown

O botão do mouse é pressionado sobre o elemento

40

onmousemove

O mouse se move sobre o elemento

41

onmouseout

O mouse sai da área do elemento

42

onmouseover

O mouse se move para um elemento

43

onmouseup

O botão do mouse é liberado

44

onreset

O formulário foi reiniciado

45

onselect

O texto é selecionado em um campo de entrada

Aplicação de exemplo

Vamos criar um aplicativo JSF de teste para testar a tag acima.

Degrau Descrição
1 Crie um projeto com o nome helloworld sob um pacote com.tutorialspoint.test conforme explicado no capítulo JSF - Primeira Aplicação .
2 Modifique home.xhtml conforme explicado abaixo. Mantenha o resto dos arquivos inalterados.
3 Compile e execute o aplicativo para ter certeza de que a lógica de negócios está funcionando de acordo com os requisitos.
4 Por fim, construa o aplicativo na forma de um arquivo war e implante-o no Apache Tomcat Webserver.
5 Inicie seu aplicativo da web usando o URL apropriado, conforme explicado abaixo na última etapa.

home.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>JSF Tutorial!</title>
   </head>
   
   <body>
      <h2>h:outputLink example</h2>
      <hr />
      
      <h:form>
         <h:outputLink value = "page1.jsf" >Page 1</h:outputLink>
      </h:form>
   </body>
</html>

Assim que você estiver pronto com todas as mudanças feitas, vamos compilar e rodar a aplicação como fizemos no capítulo JSF - Primeira Aplicação. Se tudo estiver certo com sua aplicação, isso produzirá o seguinte resultado.