ICEfaces Showcase

The <ace:pushButton> component performs basic button functionality and can be used for executing listeners, action navigation and form submission.

pushbutton.xhtml

// MPL License text (see http://www.mozilla.org/MPL/)

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="/resources/templates/content-template.xhtml">

    <ui:param name="title" value="#{msgs[pushButton.title]}"/>
    <ui:param name="description" value="#{msgs[pushButton.description]}"/>
    <ui:param name="subMenuTitle" value="#{msgs[pushButton.subMenuTitle]}"/>
    <ui:param name="subMenuLinks" value="#{pushButton.subMenuLinks}"/>
    <ui:param name="resourceValue" value="#{pushButton.exampleResource}"/>

    <ui:param name="wikiResources" value="#{pushButtonResources.wikiResources}"/>
    <ui:param name="tldResources" value="#{pushButtonResources.tldResources}"/>

    <ui:define name="example">
        <h:form id="form" style="text-align: center;">
            <ace:tabSet id="tabSet">
                <ace:tabPane id="pane1" label="Action Navigation">
                    <ace:pushButton id="pushBttnAction"
                                    value="Go to LinkButton example"
                                    action="#{pushButton.executeAction}">
                        <f:param name="grp" value="aceMenu"/>
                        <f:param name="exp" value="linkButton" />
                    </ace:pushButton>
                </ace:tabPane>
                <ace:tabPane id="pane2" label="Action Listener">
                    <h:panelGroup layout="block" style="height:100px;">
                        <h:graphicImage id="img"
                                        value="#{pushButton.currentImage.path}"
                                        alt="#{pushButton.currentImage.description}" />
                    </h:panelGroup>

                    <div style="margin: 0 auto; width:100%;">
                    <ace:pushButton id="pushBttnActionList"
                                    value="Change Image" style="display:inline-block;"
                                    actionListener="#{pushButton.executeListener}"/>
                    </div>
                </ace:tabPane>
            </ace:tabSet>
        </h:form>
    </ui:define>
</ui:composition>

PushButtonBean.java

/* MPL License text (see http://www.mozilla.org/MPL/) */

package org.icefaces.samples.showcase.example.ace.pushButton;

import org.icefaces.samples.showcase.dataGenerators.ImageSet.ImageInfo;
import org.icefaces.samples.showcase.metadata.annotation.Menu;
import org.icefaces.samples.showcase.metadata.annotation.MenuLink;
import org.icefaces.samples.showcase.metadata.annotation.ComponentExample;
import org.icefaces.samples.showcase.metadata.annotation.ExampleResource;
import org.icefaces.samples.showcase.metadata.annotation.ExampleResources;
import org.icefaces.samples.showcase.metadata.annotation.ResourceType;
import org.icefaces.samples.showcase.metadata.context.ComponentExampleImpl;

import javax.annotation.PostConstruct;
import javax.faces.bean.CustomScoped;
import javax.faces.bean.ManagedBean;
import javax.faces.event.ActionEvent;
import java.io.Serializable;
import org.icefaces.samples.showcase.dataGenerators.ImageSet;

@ComponentExample(
        title = "example.ace.pushButton.title",
        description = "example.ace.pushButton.description",
        example = "/resources/examples/ace/pushButton/pushbutton.xhtml"
)
@ExampleResources(
        resources ={
            // xhtml
            @ExampleResource(type = ResourceType.xhtml,
                    title="pushbutton.xhtml",
                    resource = "/resources/examples/ace/pushButton/pushbutton.xhtml"),
            // Java Source
            @ExampleResource(type = ResourceType.java,
                    title="PushButtonBean.java",
                    resource = "/WEB-INF/classes/org/icefaces/samples/showcase/example/ace/pushButton/PushButtonBean.java")
        }
)
@Menu(
    title = "menu.ace.pushButton.subMenu.title",
    menuLinks =
                {
                    @MenuLink(title = "menu.ace.pushButton.subMenu.main", isDefault = true,
                                     exampleBeanName = PushButtonBean.BEAN_NAME)
                }
)

@ManagedBean(name= PushButtonBean.BEAN_NAME)
@CustomScoped(value = "#{window}")
public class PushButtonBean extends ComponentExampleImpl<PushButtonBean> implements Serializable {

    public static final String BEAN_NAME = "pushButton";
    ImageSet.ImageInfo currentImage;

    public PushButtonBean() {
        super(PushButtonBean.class);
        currentImage = ImageSet.getNextImage(currentImage);
    }

    @PostConstruct
    public void initMetaData() {
        super.initMetaData();
    }

    public String executeAction() {
        //application logic can be added here
        return null;
    }

    public void executeListener(ActionEvent event)
    {
        currentImage = ImageSet.getNextImage(currentImage);
    }

    public ImageInfo getCurrentImage() {
        return currentImage;
    }

    public void setCurrentImage(ImageInfo currentImage) {
        this.currentImage = currentImage;
    }
}

ACE Components

WIKI Documentation

TLD Documentation

pushbutton.xhtml

PushButtonBean.java