JSF duvida

Front-end
#1

Eu queria transformar esse codigo em JSF , só que ao invés de checkbox eu queria um list box

<?xml version="1.0" encoding="ISO-8859-1" ?>

    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view>
<html>
<head>


<title>Nova pagina 1</title>
<script Language="JavaScript">
function copia(campo_origem,campo_fim) {
if(campo_origem.checked)
{
campo_fim.value = campo_fim.value + campo_origem.value;
}
else
{
campo_fim.value = campo_fim.value.toString().replace(campo_origem.value,"");
}
}
</Script>

</head>

<body>
<form name=F1>
Selecione os Acessórios para o seu vêículo:<br>
<input type="checkbox" name="campo_origem" value="[Alan]" size="20" onclick="copia(this,campo_fim);" >Alan<br>

<input type="checkbox" name="campo_origem" value="[Miguel]" size="20" onclick="copia(this,campo_fim);" >Miguel<input type="checkbox" name="campo_origem" value="[Miguel]" size="20" onclick="copia(this,campo_fim);" >Miguel<br>
<input type="checkbox" name="campo_origem" value="e" size="20" onclick="copia(this,campo_fim);" >e<br>
<input type="checkbox" name="campo_origem" value=" " size="20" onclick="copia(this,campo_fim);" >Espaço<br>
<input type="checkbox" name="campo_origem" value=">" size="20" onclick="copia(this,campo_fim);" >><br>
<input type="checkbox" name="campo_origem" value="<" size="20" onclick="copia(this,campo_fim);" ><<br>
<input type="checkbox" name="campo_origem" value="," size="20" onclick="copia(this,campo_fim);" >,
<p>Observação:</p>

<p><textarea name="campo_fim" rows="5" cols="35"></textarea>
</p>
<p>&nbsp;
</p>
</form>


</body>

</html>
</f:view>
#2

Procure por [google]h:selectOneListbox[/google]. É esse o componente que você deve usar.

Basicamente, o atributo value de h:slectOneListbox é o lugar onde será guardado o resultado que o usuário selecionará. E seus filhos podem ser f:selectItem para obter um ítem individual ou f:selectItens para obter uma lista (ou array) de ítens de uma só vez.

#3

e use <h:outputText value=“Algo na tela” /> para escrever algo na tela :slight_smile:

#4