<?xml version="1.0" encoding="utf-8" ?>
<jsp:root version="1.2" 
  xmlns:jsp="http://java.sun.com/JSP/Page"
   xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:ice="http://www.icesoft.com/icefaces/component">
<jsp:directive.page contentType="text/html;charset=utf-8" />
<f:view>
  <ice:outputDeclaration doctypeRoot="HTML" doctypePublic="-//W3C//DTD HTML 4.01 Transitional//EN" doctypeSystem="http://www.w3.org/TR/html4/loose.dtd"/>
  <html>
    <head>
     <title><ice:outputText value="ICEfaces, Ajax for Java EE" /></title>
     <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
    </head>
    <body>

     <ice:outputText value="Thank you for using ICEfaces." />
tree.jspx
// MPL License text (see http://www.mozilla.org/MPL/)

<ice:panelGroup styleClass="componentBox"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component">

<ice:panelGroup styleClass="synopsisBox">
    <ice:outputText value="#{msgs['page.tree.synopsis']}"/>
    <ice:outputText value="#{msgs['page.tree.explanation']}"/>
</ice:panelGroup>

<ice:panelGroup styleClass="exampleBox">
    <ice:tree id="tree"
              value="#{treeController.model}"
              var="node"
              hideRootNode="false"
              hideNavigation="false"
              imageDir="#{styleBean.imageDirectory}">
        <ice:treeNode>
            <f:facet name="icon">
                <ice:panelGroup
                        style="display: inline" >
                    <ice:graphicImage
                         value="/xmlhttp/css/#{styleBean.currentStyle}/css-images/#{node.userObject.icon}"/>
                </ice:panelGroup>
            </f:facet>
            <f:facet name="content">
                <ice:panelGroup
                        styleClass="selectedNode#{node.userObject eq treeController.selectedUserObject}"
                        style="display: inline" >
                    <ice:commandLink
                            actionListener="#{treeController.employeeNodeSelected}">
                        <f:param name="employeeId" value="#{node.userObject.employee.id}" />
                        <ice:outputText id="TreeNode"
                                        value="#{node.userObject.text}"/>
                    </ice:commandLink>
                </ice:panelGroup>
            </f:facet>
        </ice:treeNode>
    </ice:tree>
    <br/>
    <ice:commandButton id="moveUp"
                       value="#{msgs['page.tree.move.up.label']}"
                       disabled="#{treeController.moveUpDisabled}"
                       actionListener="#{treeController.moveUp}"/>
    <ice:commandButton id="moveDown"
                       value="#{msgs['page.tree.move.down.label']}"
                       disabled="#{treeController.moveDownDisabled}"
                       actionListener="#{treeController.moveDown}"/>
</ice:panelGroup>

<!-- Server-side values-->
<ice:panelGroup
        styleClass="exampleBox firstChildTitle backBeanChangeContainer">

    <!-- backing bean title box -->
    <ice:panelGroup styleClass="backBeanChangeTitle" style="width:350px;">
        <ice:outputText value="#{msgs['page.global.serverFeedback']}"/>
    </ice:panelGroup>

    <!-- actual backing bean values. -->
    <ice:panelGroup styleClass="backBeanChangeBody"
                    effect="#{treeController.valueChangeEffect}">
            <ice:panelGroup style="margin: 0; padding: 0;width:350px;">
                <ice:panelGrid cellpadding="0" cellspacing="3" columns="2"
                        rendered="#{treeController.selectedUserObject.employee != null}">
        
                    <ice:outputLabel value="#{msgs['page.tree.path.label']}"/>
                    <ice:panelSeries id="icePnlSrs"
                                     value="#{treeController.selectedTreePath}"
                                     var="treePath">
                        <ice:graphicImage
                                width="11" height="8"
                                style="margin-left:3px;margin-right:3px;"
                                value="/xmlhttp/css/rime/css-images/bullet.gif" />
                        <ice:outputText id="treePath" value="#{treePath}"/>
                    </ice:panelSeries>
        
                    <ice:outputLabel value="#{msgs['page.tree.employee.id.label']}"/>
                    <ice:outputText id="employeeID"
                            value="#{treeController.selectedUserObject.employee.id}"/>
        
                    <ice:outputLabel value="#{msgs['page.tree.employee.name.label']}"/>
                    <ice:outputText id="employeeName"
                            value="#{treeController.selectedUserObject.employee.firstName} #{treeController.selectedUserObject.employee.lastName}"/>
        
                    <ice:outputLabel value="#{msgs['page.tree.employee.phone.label']}"/>
                    <ice:outputText id="employeePhone"
                            value="#{treeController.selectedUserObject.employee.phone}"/>
                </ice:panelGrid>
            </ice:panelGroup>
    </ice:panelGroup>
</ice:panelGroup>

</ice:panelGroup>

     <ice:form>
                 <ice:messages />

     </ice:form>

    </body>
  </html>
</f:view>
</jsp:root>