Creating a form with JSF

[Eric Toto, modificado 9 Anos atrás.]

HI everybody

I am currently trying to create a form with many checkboxes.
But I don't know how to start.
I created the view -dynamicaly - with JSF, but it is a dummy one as I don't know how to get the values checked by user.

Here is my form :



The code of my view :

<form>
			<ui:repeat var="role" value="#{beanMFP.lesRoles}">
						</ui:repeat><ui:repeat var="groupe" value="#{beanMFP.lesGroupes}">
					<h:outputtext escape="false" value="#{beanMFP.couleurLigne}" />
					</ui:repeat><ui:repeat var="role" value="#{beanMFP.lesRoles}">
						</ui:repeat><h:outputtext escape="false" value="#{beanMFP.fermetureTr}" /><table id="MFP_Tableau_Roles">
				<!-- Entête : liste des rôles -->
				<tbody><tr>
					<td id="MFP_Table_Corner"></td>
					<td>#{role}</td>
					
				</tr>
				<!-- Chaque groupe -->
				<tr><td>#{groupe.nom} :</td>
					<td><h:selectbooleancheckbox value="" /></td>
					
					
				
			</tr></tbody></table>
			<h:commandbutton value="Zyva" />
		</form>

[Kyle Joseph Stiemann, modificado 8 Anos atrás.]

Hi Eric,

You may want to check out a JSF tutorial to help you to get started with JSF.

In order to solve your specific problem, I would recommend using h:dataTable. I don't know exactly what you need, but you could probably do something like this in your .xhtml:

<h:form>
	<h:datatable value="#{applicantModelBean.rows}" var="row">
		<h:column rowheader="true">
			<f:facet name="header"></f:facet>
			<h:outputtext value="#{row.name}" />
		</h:column>
		<h:column>
			<f:facet name="header">col1</f:facet>
			<h:selectbooleancheckbox value="#{row.col1checked}" />
		</h:column>
		<h:column>
			<f:facet name="header">col2</f:facet>
			<h:selectbooleancheckbox value="#{row.col2checked}" />
		</h:column>
		<h:column>
			<f:facet name="header">col3</f:facet>
			<h:selectbooleancheckbox value="#{row.col3checked}" />
		</h:column>
	</h:datatable>
	<h:commandbutton value="Submit" />
</h:form>

You will also need a row object such as a user or traveler. Here's a generic row example:

public class Row {

	private String name;
	private boolean col1checked;
	private boolean col2checked;
	private boolean col3checked;

	public Row(String name) {
		this.name = name;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public boolean isCol1checked() {
		return col1checked;
	}

	public void setCol1checked(boolean col1checked) {
		this.col1checked = col1checked;
	}

	public boolean isCol2checked() {
		return col2checked;
	}

	public void setCol2checked(boolean col2checked) {
		this.col2checked = col2checked;
	}

	public boolean isCol3checked() {
		return col3checked;
	}

	public void setCol3checked(boolean col3checked) {
		this.col3checked = col3checked;
	}
}

Finally you will need a backing bean with an appropriate scope (@SessionScoped is used for example, but it may not be appropriate for your project):

@ManagedBean(name = "applicantModelBean")
@SessionScoped
public class ApplicantModelBean implements Serializable {

	private List<row> rows;
	private Row row1;
	private Row row2;
	private Row row3;

	public ApplicantModelBean() {
		rows = new ArrayList<row>();
		row1 = new Row("row1");
		row2 = new Row("row2");
		row3 = new Row("row3");
		rows.add(row1);
		rows.add(row2);
		rows.add(row3);
	}

	public List<row> getRows() {
		return rows;
	}

	public void setRows(List<row> rows) {
		this.rows = rows;
	}
}
</row></row></row></row>

- Kyle

[Abderrazek Gasmi, modificado 8 Anos atrás.]

Hi

to resolve problem of
ui:repeat with h:selectBooleanCheckbox
you can use a4j:repeat instead of ui:repeat

thinks
Gasmi