下面例子介绍了w:toolBar的用法。例子也使用了w:menuBar，目的是将两者进行对比，使用户了解ToolBar的优越性。

首先创建托管Bean：

@ManagedBean(scope = ManagedBeanScope.REQUEST)
public class ToolBarBean {

    private SelectItem[] colors = { new SelectItem("Red", "Red Color"),
            new SelectItem("Green", "Green Color"), 
            new SelectItem("Blue", "Blue Color") 
    };

    public SelectItem[] getColors() {
        return colors;
    }
}

下面是页面代码：

<!-- ToolBar -->
<w:toolBar id="toolBar1" jsvar="toolBar1Jsvar" style="width:400">
    <w:menu label="文件">
        <w:menu image="images/new.gif" label="新建">
            <w:commandMenuItem label="文本文件" />
            <w:commandMenuItem label="XML文件" />
            <w:commandMenuItem label="Java文件" />
        </w:menu>
        <w:commandMenuItem image="images/open.gif" label="打开..." />
        <w:commandMenuItem image="images/save.gif" label="保存" />
        <w:commandMenuItem label="另存为..." disabled="true" />
        <w:separator />
        <w:linkMenuItem label="关闭" value="toolbar.jsp"
            onclick="return confirm('Are you sure?')" />
    </w:menu>

    <w:separator />

    <!-- 在ToolBar中放置Combo -->
    <w:combo emptyText="请选择颜色..." typeAhead="true"
        valueChangeListener="#{ToolBarBean.valueChange}">
        <f:selectItems value="#{ToolBarBean.colors}" />
    </w:combo>

    <w:separator />

    <!-- 在ToolBar中放置Button -->
    <w:button value="Click me" action="#{ToolBarBean.click}" />
</w:toolBar>

<br />

<!-- MenuBar -->
<w:menuBar>
    <w:menu label="文件">
        <w:menu image="images/new.gif" label="新建">
            <w:commandMenuItem label="文本文件" />
            <w:commandMenuItem label="XML文件" />
            <w:commandMenuItem label="Java文件" />
        </w:menu>
        <w:commandMenuItem image="images/open.gif" label="打开..." />
        <w:commandMenuItem image="images/save.gif" label="保存" />
        <w:commandMenuItem label="另存为..." disabled="true" />
        <w:separator />
        <w:linkMenuItem label="关闭" value="toolbar.jsp"
            onclick="return confirm('Are you sure?')" />
    </w:menu>
    <!-- 由于MenuBar不能直接放置Combo和Button 所以省略 -->
</w:menuBar>

通过这个例子可以看出，ToolBar不但简单易用，而且有许多MenuBar所不具备的功能。