Пример JSF 2 panelGrid

Пример JSF 2 panelGrid

В JSF тег «h:panelGrid» используется для создания тегов таблицы HTML для размещения компонентов JSF в макете строк и столбцов слева направо и сверху вниз.

Например, вы использовали для группировки компонентов JSF теги HTML-таблиц, например:

HTML

Enter a number :

С тегом «h:panelGrid» вы можете получить тот же макет таблицы, что и выше, без ввода каких-либо тегов таблицы HTML:

h: panelGrid



    Enter a number :

    
        
    

    

Note
Атрибут «столбец» является необязательным, он определяет количество столбцов, необходимых для размещения компонента JSF, по умолчанию 1.

Пример h: panelGrid

Пример JSF 2.0, показывающий, как использовать тег «h:panelGrid» для правильной компоновки компонентов.

1. Управляемый Боб

Пустышка для демонстрации.

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. Страница JSF

Страница JSF XHTML для использования тега «h:panelGrid» для размещения компонентов JSF в макете с 3 столбцами.




    

        

JSF 2 panelGrid example

Enter a number :

Выведите следующий HTML-результат:






    

JSF 2 panelGrid example

Enter a number :

3. Demo

Снимок экрана этого примера.

jsf2-panelGrid-Example-1

jsf2-panelGrid-Example-2

Скачать исходный код

Скачать -JSF-2-PanelGrid-Example.zip (9 КБ)