PrimeFaces Extensions Showcase

Scaffolding

Source

XHTML page
Managed bean


<pe:scaffolding ready="#{not empty scaffoldingController.data}" id="scaffolding"
                loader="#{scaffoldingController.fetchData(2000)}">
    <f:facet name="loading">
        <p:skeleton width="3rem" height="3rem" shape="circle"/>
    </f:facet>
    <f:facet name="ready">
        <p:avatar label="#{scaffoldingController.data}" size="large" shape="circle" />
    </f:facet>
</pe:scaffolding>


@Named
@ViewScoped
public class ScaffoldingController implements Serializable {

    private String data;

    public void fetchData(final long sleep) throws InterruptedException {
        Thread.sleep(sleep);
        data = "Hello!";
    }

    public void resetData() {
        data = null;
    }

    public String getData() {
        return data;
    }

}

Components and more

Use Cases

Documentation pe:scaffolding

Attributes (move mouse over the names to see data types)

Name	Description
id	Unique identifier of the component in a namingContainer.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding	An el expression referring to a server side UIComponent instance in a backing bean.
style	Inline style of the component.
styleClass	Style class of the component.
widgetVar	Name of the client side widget.
ready	Flag indicating whether the data required to render the "ready" facet has been loaded.
loader	A method expression to process when the component is rendered.
global	Global ajax requests are listened by ajaxStatus component, setting global to false will not trigger ajaxStatus. Default value: true.
async	When set to true, ajax requests are not queued. Default value: true.
loadWhenVisible	When set to true and a loader is set, load when this component is scrolled into view. Default value: false.

PrimeFaces: 11.0.0,

PrimeFaces Extensions: 11.0.3,

JSF: Apache MyFaces JSF-2.3 Core API 2.3.9,

Server: jetty/9.4.36.v20210114,

Build time: 2022-04-17 14:55