Exemple JSF 2 panelGrid

Exemple de panneau JSF 2

Dans JSF, la balise «h:panelGrid» est utilisée pour générer des balises de table HTML pour placer les composants JSF dans la disposition des lignes et des colonnes, de gauche à droite, de haut en bas.

Par exemple, vous avez utilisé pour regrouper des composants JSF avec des balises de table HTML comme ceci:

HTML




    
        Enter a number :

Avec la balise «h:panelGrid», vous pouvez obtenir la même mise en page de tableau ci-dessus, sans taper aucune des balises de tableau HTML:

h: panelGrid



    Enter a number :

Note
L'attribut «colonne» est facultatif, qui définit le nombre de colonnes nécessaires pour disposer le composant JSF, la valeur par défaut est 1.

h: exemple de panelGrid

Un exemple JSF 2.0 pour vous montrer comment utiliser la balise «h:panelGrid» pour disposer correctement les composants.

1. Bean géré

Un haricot factice pour la démo.

package com.example;

import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name="dummy")
@SessionScoped
public class DummyBean implements Serializable{

    int number;

    public int getNumber() {
        return number;
    }

    public void setNumber(int number) {
        this.number = number;
    }

}

2. Page JSF

Une page JSF XHTML pour utiliser la balise «h:panelGrid» pour placer les composants JSF dans une disposition à 3 colonnes.




    

        JSF 2 panelGrid example

    
        

            Enter a number :

Sortie du résultat HTML suivant:






    JSF 2 panelGrid example
    
    

    
    
    
        
            Enter a number :

3. Demo

Capture d'écran de cet exemple.

jsf2-panelGrid-Example-1

jsf2-panelGrid-Example-2

Télécharger le code source

Téléchargez-le -JSF-2-PanelGrid-Example.zip (9 Ko)

Référence

JSF 2 panelGrid JavaDoc

TOC