ICEfaces Showcase

Two examples using many of the features available on ace:list.

list.xhtml

<?xml version="1.0" encoding="UTF-8"?>
// 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[listBean.title]}"/>
    <ui:param name="description" value="#{msgs[listBean.description]}"/>
    <ui:param name="subMenuTitle" value="#{msgs[listBean.subMenuTitle]}"/>
    <ui:param name="subMenuLinks" value="#{listBean.subMenuLinks}"/>
    <ui:param name="resourceValue" value="#{listBean.exampleResource}"/>

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

    <ui:define name="example">
        <ui:param value="#{listBean}" name="backing" />

        <h:form id="form">
            <h:panelGroup style="padding: 0.5em;" layout="block">
                <style type="text/css">
                    /* To layout lists side by side if space is available */
                    .subList {
                        font-size: 80% !important;
                    }
                </style>
                <ace:listControl id="dualListControl" style="width:35%; margin:0 auto 0 auto;">
                    <f:facet name="header">
                        Dual List Header
                    </f:facet>
                    <f:facet name="footer">
                        Dual List Footer
                    </f:facet>

                    <ace:list id="firstList" value="#{backing.stringList}"
                              styleClass="subList"
                              dropGroup="textGroup"
                              selectionMode="multiple"
                               />

                    <ace:list id="secondList" value="#{backing.destStringList}"
                              styleClass="subList"
                              dropGroup="textGroup"
                              selectionMode="multiple"
                              />
                </ace:listControl>
            </h:panelGroup>
        </h:form>
    </ui:define>
</ui:composition>

ListBean.java

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

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

import org.icefaces.samples.showcase.dataGenerators.utilityClasses.DataTableData;
import org.icefaces.samples.showcase.example.compat.dataTable.Car;
import org.icefaces.samples.showcase.metadata.annotation.*;
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.model.SelectItem;
import java.io.Serializable;
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;

@ComponentExample(
    title = "example.ace.list.title",
    description = "example.ace.list.description",
    example = "/resources/examples/ace/list/list.xhtml"
)
@ExampleResources(
    resources ={
        // xhtml
        @ExampleResource(type = ResourceType.xhtml,
                title="List.xhtml",
                resource = "/resources/examples/ace/"+
                        "list/list.xhtml"),
        // Java Source
        @ExampleResource(type = ResourceType.java,
                title="ListBean.java",
                resource = "/WEB-INF/classes/org/icefaces/samples/"+
                        "showcase/example/ace/list/ListBean.java")
    }
)
@Menu(
    title = "menu.ace.list.subMenu.title",
    menuLinks = {
            @MenuLink(title = "menu.ace.list.subMenu.main",
                    isDefault = true, exampleBeanName = ListBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.selection",
                    exampleBeanName = ListSelectionBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.selectionAjax",
                    exampleBeanName = ListSelectionAjaxBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.selectionMini",
                      exampleBeanName = ListSelectionMiniBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.reordering",
                    exampleBeanName = ListReorderBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.reorderingAjax",
                    exampleBeanName = ListReorderAjaxBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.drag",
                    exampleBeanName = ListDragBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.dual",
                    exampleBeanName = ListDualBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.multi",
                    exampleBeanName = ListMultiBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.block",
                    exampleBeanName = ListBlockBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.blockComplex",
                    exampleBeanName = ListBlockComplexBean.BEAN_NAME) ,
            @MenuLink(title = "menu.ace.list.subMenu.filtering",
                              exampleBeanName = ListFilterBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.list.subMenu.sorting",
                                        exampleBeanName = ListSortingBean.BEAN_NAME)
    })

@ManagedBean(name= ListBean.BEAN_NAME)
@CustomScoped(value = "#{window}")
public class ListBean extends ComponentExampleImpl<ListBean> implements Serializable {
    public static final String BEAN_NAME = "listBean";

    public ListBean() {
        super(ListBean.class);

        // Move some of cars to other lists at init
        List<Car> removals = carList.subList(6,10);
        fstDestCarList = new ArrayList<Car>(removals.subList(0, 2));
        sndDestCarList = new ArrayList<Car>(removals.subList(2, 4));
        carList = carList.subList(0,6);
    }

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

    List<SelectItem> stringList = new ArrayList<SelectItem>() {{
        for (String s : DataTableData.CHASSIS_ALL) {
            add(new SelectItem(s));
        }
        remove(DataTableData.CHASSIS_ALL.length-1);
    }};

    List<SelectItem> destStringList = new ArrayList<SelectItem>() {{
        add(new SelectItem(DataTableData.CHASSIS_ALL[DataTableData.CHASSIS_ALL.length-1]));
    }};

    List<Car> carList = DataTableData.getDefaultData().subList(0,10);
    List<Car> fstDestCarList;
    List<Car> sndDestCarList;

    public List<SelectItem> getStringList() {
        return stringList;
    }

    public void setStringList(List<SelectItem> stringList) {
        this.stringList = stringList;
    }

    public List<SelectItem> getDestStringList() {
        return destStringList;
    }

    public void setDestStringList(List<SelectItem> destStringList) {
        this.destStringList = destStringList;
    }

    public List<Car> getCarList() {
        return carList;
    }

    public void setCarList(List<Car> carList) {
        this.carList = carList;
    }

    public List<Car> getFstDestCarList() {
        return fstDestCarList;
    }

    public void setFstDestCarList(List<Car> fstDestCarList) {
        this.fstDestCarList = fstDestCarList;
    }

    public List<Car> getSndDestCarList() {
        return sndDestCarList;
    }

    public void setSndDestCarList(List<Car> sndDestCarList) {
        this.sndDestCarList = sndDestCarList;
    }
}

ACE Components

WIKI Documentation

TLD Documentation

list.xhtml

ListBean.java