Java學習

<t:jsValueChangeListener>組件：

Java代碼

1. <h:panelGrid columns="2">  
2.         <h:outputLabel for="text1" value="Text:"/>  
3.         <h:inputText id="text1">  
4.             <t:jsValueChangeListener for="text2" property="value" expressionValue="($srcElem.value=='yes')?'true':'false'" />  
5.             <t:jsValueChangeListener for="text3" property="value" expressionValue="$srcElem.value" />  
6.             <t:jsValueChangeListener for="text4" expressionValue="$destElem.innerHTML = $srcElem.value" />  
7.             <t:jsValueChangeListener for="text5" expressionValue="($srcElem.value=='hide')?$destElem.style.display='none':$destElem.style.display='inline'" />  
8.             <t:jsValueSet name="countryMap" value="#{countryList.countryMap}"/>  
9.             <t:jsValueChangeListener for="text6" expressionValue="$destElem.innerHTML = countryMap[$srcElem.value]" />  
10.         </h:inputText>  
11.         <h:inputText id="text2"/>  
12.         <h:inputText id="text3"/>  
13.         <h:panelGroup id="text4" />  
14.         <h:panelGroup id="text5" >  
15.             <h:outputText value="Hide me - enter hide in first input-field."/>  
16.         </h:panelGroup>  
17.         <h:panelGroup id="text6" >  
18.             <h:outputText value="Countryname - enter ISO Code in first input-field (e.g. AT)"/>  
19.         </h:panelGroup>  
20.         <h:panelGroup/>  
21.         <h:selectOneMenu id="selone_menu_colors" value="red" styleClass="selectOneMenu">  
22.             <f:selectItem itemValue="" itemLabel="#{example_messages['empty_selitem']}" />  
23.             <f:selectItems value="#{carconf.colors}" />  
24.             <t:jsValueChangeListener for="selone_menu_subcolors" expressionValue="($srcElem.options[$srcElem.selectedIndex].value=='color_black')?$destElem.style.display='inline':$destElem.style.display='none';"/>  
25.         </h:selectOneMenu>  
26.         <h:inputText id="selone_menu_subcolors"/>  
27. </h:panelGrid>  

<h:panelGrid columns="2">
<h:outputLabel for="text1" value="Text:"/>
<h:inputText id="text1">
<t:jsValueChangeListener for="text2" property="value" expressionValue="($srcElem.value=='yes')?'true':'false'" />
<t:jsValueChangeListener for="text3" property="value" expressionValue="$srcElem.value" />
<t:jsValueChangeListener for="text4" expressionValue="$destElem.innerHTML = $srcElem.value" />
<t:jsValueChangeListener for="text5" expressionValue="($srcElem.value=='hide')?$destElem.style.display='none':$destElem.style.display='inline'" />
<t:jsValueSet name="countryMap" value="#{countryList.countryMap}"/>
<t:jsValueChangeListener for="text6" expressionValue="$destElem.innerHTML = countryMap[$srcElem.value]" />
</h:inputText>
<h:inputText id="text2"/>
<h:inputText id="text3"/>
<h:panelGroup id="text4" />
<h:panelGroup id="text5" >
<h:outputText value="Hide me - enter hide in first input-field."/>
</h:panelGroup>
<h:panelGroup id="text6" >
<h:outputText value="Countryname - enter ISO Code in first input-field (e.g. AT)"/>
</h:panelGroup>
<h:panelGroup/>
<h:selectOneMenu id="selone_menu_colors" value="red" styleClass="selectOneMenu">
<f:selectItem itemValue="" itemLabel="#{example_messages['empty_selitem']}" />
<f:selectItems value="#{carconf.colors}" />
<t:jsValueChangeListener for="selone_menu_subcolors" expressionValue="($srcElem.options[$srcElem.selectedIndex].value=='color_black')?$destElem.style.display='inline':$destElem.style.display='none';"/>
</h:selectOneMenu>
<h:inputText id="selone_menu_subcolors"/>
</h:panelGrid>

<t:inputDate>組件的使用：

<t:inputDate id="date3" value="#{date3}" type="both"/>

type屬性可以是time或both等...

<t:dataList>組件：

Java代碼

1. <t:dataList id="data3"  
2.         styleClass="standardList"  
3.         var="country"  
4.         value="#{countryList.countries}"  
5.         layout="orderedList">  
6.         <h:inputText value="#{country.name}" />  
7. </t:dataList>  

<t:dataList id="data3"
styleClass="standardList"
var="country"
value="#{countryList.countries}"
layout="orderedList">
<h:inputText value="#{country.name}" />
</t:dataList>

<t:tree>組件：

Java代碼

1. <%  
2.    if (pageContext.getAttribute("treeModel", PageContext.SESSION_SCOPE) == null) {  
3.       DefaultMutableTreeNode root = new DefaultMutableTreeNode("XY");  
4.       DefaultMutableTreeNode a = new DefaultMutableTreeNode("A");  
5.       root.insert(a);  
6.       DefaultMutableTreeNode b = new DefaultMutableTreeNode("B");  
7.       root.insert(b);  
8.       DefaultMutableTreeNode c = new DefaultMutableTreeNode("C");  
9.       root.insert(c);  
10.   
11.       DefaultMutableTreeNode node = new DefaultMutableTreeNode("a1");  
12.       a.insert(node);  
13.       node = new DefaultMutableTreeNode("a2 ");  
14.       a.insert(node);  
15.       node = new DefaultMutableTreeNode("b ");  
16.       b.insert(node);  
17.   
18.       a = node;  
19.       node = new DefaultMutableTreeNode("x1");  
20.       a.insert(node);  
21.       node = new DefaultMutableTreeNode("x2");  
22.       a.insert(node);  
23.   
24.       pageContext.setAttribute("treeModel", new DefaultTreeModel(root), PageContext.SESSION_SCOPE);  
25.    }  
26. %>  
27.   
28. <f:view>  
29.   
30.     <t:tree id="tree" value="#{treeModel}"  
31.         styleClass="tree"  
32.         nodeClass="treenode"  
33.         selectedNodeClass="treenodeSelected"  
34.         expandRoot="true">  
35.     </t:tree>  
36.   
37. </f:view>  

<%
if (pageContext.getAttribute("treeModel", PageContext.SESSION_SCOPE) == null) {
DefaultMutableTreeNode root = new DefaultMutableTreeNode("XY");
DefaultMutableTreeNode a = new DefaultMutableTreeNode("A");
root.insert(a);
DefaultMutableTreeNode b = new DefaultMutableTreeNode("B");
root.insert(b);
DefaultMutableTreeNode c = new DefaultMutableTreeNode("C");
root.insert(c);
DefaultMutableTreeNode node = new DefaultMutableTreeNode("a1");
a.insert(node);
node = new DefaultMutableTreeNode("a2 ");
a.insert(node);
node = new DefaultMutableTreeNode("b ");
b.insert(node);
a = node;
node = new DefaultMutableTreeNode("x1");
a.insert(node);
node = new DefaultMutableTreeNode("x2");
a.insert(node);
pageContext.setAttribute("treeModel", new DefaultTreeModel(root), PageContext.SESSION_SCOPE);
}
%>
<f:view>
    <t:tree id="tree" value="#{treeModel}"
        styleClass="tree"
        nodeClass="treenode"
        selectedNodeClass="treenodeSelected"
        expandRoot="true">
    </t:tree>
</f:view>

 treeTable：

Java代碼

1. <t:tree id="tree" value="#{treeTable.treeModel}"  
2.                     var="treeItem"  
3.                     styleClass="tree"  
4.                 nodeClass="treenode"  
5.                 headerClass="treeHeader"  
6.                 footerClass="treeFooter"  
7.             rowClasses="a, b"  
8.             columnClasses="col1, col2"  
9.                 selectedNodeClass="treenodeSelected"  
10.                 expandRoot="true">  
11.             <h:column>  
12.                     <f:facet name="header">  
13.                     <h:outputText value="Header 1" />  
14.             </f:facet>  
15.             <h:outputText value="#{treeItem.isoCode}" />  
16.         </h:column>  
17.             <t:treeColumn>  
18.                     <f:facet name="header">  
19.                     <h:outputText value="Header 2" />  
20.             </f:facet>  
21.                     <h:outputText value="#{treeItem.name}" />  
22.             </t:treeColumn>  
23.             <h:column>  
24.                     <f:facet name="header">  
25.                     <h:outputText value="Header 3" />  
26.             </f:facet>  
27.                     <h:outputText value="#{treeItem.description}" />  
28.         </h:column>  
29.         <f:facet name="footer">  
30.             <h:outputText value="Footer" />  
31.         </f:facet>  
32. </t:tree>  

<t:tree id="tree" value="#{treeTable.treeModel}"
var="treeItem"
styleClass="tree"
nodeClass="treenode"
headerClass="treeHeader"
footerClass="treeFooter"
rowClasses="a, b"
columnClasses="col1, col2"
selectedNodeClass="treenodeSelected"
expandRoot="true">
<h:column>
<f:facet name="header">
<h:outputText value="Header 1" />
</f:facet>
<h:outputText value="#{treeItem.isoCode}" />
</h:column>
<t:treeColumn>
<f:facet name="header">
<h:outputText value="Header 2" />
</f:facet>
<h:outputText value="#{treeItem.name}" />
</t:treeColumn>
<h:column>
<f:facet name="header">
<h:outputText value="Header 3" />
</f:facet>
<h:outputText value="#{treeItem.description}" />
</h:column>
<f:facet name="footer">
<h:outputText value="Footer" />
</f:facet>
</t:tree>

 treeTable.java:

Java代碼

1. public TreeTable()  
2.     {  
3.         DefaultMutableTreeNode root = new DefaultMutableTreeNode(new TreeItem(1, "XY", "9001", "XY 9001"));  
4.         DefaultMutableTreeNode a = new DefaultMutableTreeNode(new TreeItem(2, "A", "9001", "A 9001"));  
5.         root.insert(a);  
6.         DefaultMutableTreeNode b = new DefaultMutableTreeNode(new TreeItem(3, "B", "9001", "B 9001"));  
7.         root.insert(b);  
8.         DefaultMutableTreeNode c = new DefaultMutableTreeNode(new TreeItem(4, "C", "9001", "C 9001"));  
9.         root.insert(c);  
10.         DefaultMutableTreeNode node = new DefaultMutableTreeNode(new TreeItem(5, "a1", "9002", "a1 9002"));  
11.         a.insert(node);  
12.         node = new DefaultMutableTreeNode(new TreeItem(6, "a2", "9002", "a2 9002"));  
13.         a.insert(node);  
14.         node = new DefaultMutableTreeNode(new TreeItem(7, "a3", "9002", "a3 9002"));  
15.         a.insert(node);  
16.         node = new DefaultMutableTreeNode(new TreeItem(8, "b", "9002", "b 9002"));  
17.         b.insert(node);  
18.         a = node;  
19.         node = new DefaultMutableTreeNode(new TreeItem(9, "x1", "9003", "x1 9003"));  
20.         a.insert(node);  
21.         node = new DefaultMutableTreeNode(new TreeItem(9, "x2", "9003", "x2 9003"));  
22.         a.insert(node);  
23.         this.treeModel = new DefaultTreeModel(root);  
24.     }  
25.     /** 
26.      * @return Returns the treeModel. 
27.      */  
28.     public DefaultTreeModel getTreeModel()  
29.     {  
30.         return treeModel;  
31.     }  

public TreeTable()
{
DefaultMutableTreeNode root = new DefaultMutableTreeNode(new TreeItem(1, "XY", "9001", "XY 9001"));
DefaultMutableTreeNode a = new DefaultMutableTreeNode(new TreeItem(2, "A", "9001", "A 9001"));
root.insert(a);
DefaultMutableTreeNode b = new DefaultMutableTreeNode(new TreeItem(3, "B", "9001", "B 9001"));
root.insert(b);
DefaultMutableTreeNode c = new DefaultMutableTreeNode(new TreeItem(4, "C", "9001", "C 9001"));
root.insert(c);
DefaultMutableTreeNode node = new DefaultMutableTreeNode(new TreeItem(5, "a1", "9002", "a1 9002"));
a.insert(node);
node = new DefaultMutableTreeNode(new TreeItem(6, "a2", "9002", "a2 9002"));
a.insert(node);
node = new DefaultMutableTreeNode(new TreeItem(7, "a3", "9002", "a3 9002"));
a.insert(node);
node = new DefaultMutableTreeNode(new TreeItem(8, "b", "9002", "b 9002"));
b.insert(node);
a = node;
node = new DefaultMutableTreeNode(new TreeItem(9, "x1", "9003", "x1 9003"));
a.insert(node);
node = new DefaultMutableTreeNode(new TreeItem(9, "x2", "9003", "x2 9003"));
a.insert(node);
this.treeModel = new DefaultTreeModel(root);
}
/**
* @return Returns the treeModel.
*/
public DefaultTreeModel getTreeModel()
{
return treeModel;
}

<t:tree2>組件：

Java代碼

1. <!-- clientSideToggle="false"指是否一次過從服務器下載結點信息.showRootNode="false"指是否顯示根結點 -->  
2. <t:tree2 id="serverTree" value="#{treeBacker.treeData}" var="node" varNodeToggler="t" clientSideToggle="false" showRootNode="false">    
3.         <f:facet name="person">  
4.             <h:panelGroup>  
5.                 <t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>  
6.                 <t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>  
7.                 <h:outputText value="#{node.description}" styleClass="nodeFolder"/>  
8.             </h:panelGroup>  
9.         </f:facet>  
10.         <f:facet name="foo-folder">  
11.             <h:panelGroup>  
12.                 <t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>  
13.                 <t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>  
14.                 <h:outputText value="#{node.description}" styleClass="nodeFolder"/>  
15.                 <h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>  
16.             </h:panelGroup>  
17.         </f:facet>  
18.         <f:facet name="bar-folder">  
19.             <h:panelGroup>  
20.                 <t:graphicImage value="/images/blue-folder-open.gif" rendered="#{t.nodeExpanded}" border="0"/>  
21.                 <t:graphicImage value="/images/blue-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>  
22.                 <h:outputText value="#{node.description}" styleClass="nodeFolder"/>  
23.                 <h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>  
24.             </h:panelGroup>  
25.         </f:facet>  
26.         <f:facet name="document">  
27.             <h:panelGroup>  
28.                 <h:commandLink immediate="true" styleClass="#{t.nodeSelected ? 'documentSelected':'document'}" actionListener="#{t.setNodeSelected}">  
29.                     <t:graphicImage value="/images/document.png" border="0"/>  
30.                     <h:outputText value="#{node.description}"/>  
31.                     <f:param name="docNum" value="#{node.identifier}"/>  
32.                 </h:commandLink>  
33.             </h:panelGroup>  
34.         </f:facet>  
35.     </t:tree2>  

<!-- clientSideToggle="false"指是否一次過從服務器下載結點信息.showRootNode="false"指是否顯示根結點 -->
<t:tree2 id="serverTree" value="#{treeBacker.treeData}" var="node" varNodeToggler="t" clientSideToggle="false" showRootNode="false">
<f:facet name="person">
<h:panelGroup>
<t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>
<t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>
<h:outputText value="#{node.description}" styleClass="nodeFolder"/>
</h:panelGroup>
</f:facet>
<f:facet name="foo-folder">
<h:panelGroup>
<t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>
<t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>
<h:outputText value="#{node.description}" styleClass="nodeFolder"/>
<h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>
</h:panelGroup>
</f:facet>
<f:facet name="bar-folder">
<h:panelGroup>
<t:graphicImage value="/images/blue-folder-open.gif" rendered="#{t.nodeExpanded}" border="0"/>
<t:graphicImage value="/images/blue-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>
<h:outputText value="#{node.description}" styleClass="nodeFolder"/>
<h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>
</h:panelGroup>
</f:facet>
<f:facet name="document">
<h:panelGroup>
<h:commandLink immediate="true" styleClass="#{t.nodeSelected ? 'documentSelected':'document'}" actionListener="#{t.setNodeSelected}">
<t:graphicImage value="/images/document.png" border="0"/>
<h:outputText value="#{node.description}"/>
<f:param name="docNum" value="#{node.identifier}"/>
</h:commandLink>
</h:panelGroup>
</f:facet>
</t:tree2>

也可以使用<h:panelGrid>組件做為<f:fact>的子組件,并設置cellpadding和cellspacing屬性,以取得好有布局.

Java代碼

1. <f:facet name="foo-folder">  
2.                 <h:panelGrid id="b" columns="2" cellpadding="2" cellspacing="0">  
3.                     <t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>  
4.                     <t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>  
5.                     <h:panelGroup>  
6.                         <h:outputText value="#{node.description}" styleClass="nodeFolder"/>  
7.                         <h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>  
8.                     </h:panelGroup>  
9.                 </h:panelGrid>  
10. </f:facet>  

<f:facet name="foo-folder">
<h:panelGrid id="b" columns="2" cellpadding="2" cellspacing="0">
<t:graphicImage value="/images/yellow-folder-open.png" rendered="#{t.nodeExpanded}" border="0"/>
<t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}" border="0"/>
<h:panelGroup>
<h:outputText value="#{node.description}" styleClass="nodeFolder"/>
<h:outputText value=" (#{node.childCount})" styleClass="childCount" rendered="#{!empty node.children}"/>
</h:panelGroup>
</h:panelGrid>
</f:facet>

 treeData:

Java代碼

1. public TreeNode getTreeData()  
2.     {  
3.         TreeNode treeData = new TreeNodeBase("foo-folder", "Inbox", false);  
4.         // construct a set of fake data (normally your data would come from a database)  
5.         // populate Frank's portion of the tree  
6.         TreeNodeBase personNode = new TreeNodeBase("person", "Frank Foo", false);  
7.         personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo", false));  
8.         TreeNodeBase folderNode = new TreeNodeBase("foo-folder", "Requires Foo Reviewer", false);  
9.         folderNode.getChildren().add(new TreeNodeBase("document", "X050001", true));  
10.         folderNode.getChildren().add(new TreeNodeBase("document", "X050002", true));  
11.         folderNode.getChildren().add(new TreeNodeBase("document", "X050003", true));  
12.         personNode.getChildren().add(folderNode);  
13.         personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo Recommendation", false));  
14.         folderNode = new TreeNodeBase("foo-folder", "Requires Foo Approval", false);  
15.         folderNode.getChildren().add(new TreeNodeBase("document", "J050001", true));  
16.         folderNode.getChildren().add(new TreeNodeBase("document", "J050002", true));  
17.         folderNode.getChildren().add(new TreeNodeBase("document", "J050003", true));  
18.         folderNode.getChildren().add(new TreeNodeBase("document", "E050011", true));  
19.         folderNode.getChildren().add(new TreeNodeBase("document", "R050002", true));  
20.         folderNode.getChildren().add(new TreeNodeBase("document", "C050003", true));  
21.         personNode.getChildren().add(folderNode);  
22.         folderNode = new TreeNodeBase("bar-folder", "Requires Bar Processing", false);  
23.         folderNode.getChildren().add(new TreeNodeBase("document", "X050003", true));  
24.         folderNode.getChildren().add(new TreeNodeBase("document", "X050011", true));  
25.         folderNode.getChildren().add(new TreeNodeBase("document", "F050002", true));  
26.         folderNode.getChildren().add(new TreeNodeBase("document", "G050003", true));  
27.         personNode.getChildren().add(folderNode);  
28.         folderNode = new TreeNodeBase("bar-folder", "Requires Bar Approval", false);  
29.         folderNode.getChildren().add(new TreeNodeBase("document", "J050006", true));  
30.         folderNode.getChildren().add(new TreeNodeBase("document", "J050007", true));  
31.         personNode.getChildren().add(folderNode);  
32.         treeData.getChildren().add(personNode);  
33.         // populate Betty's portion of the tree  
34.         personNode = new TreeNodeBase("person", "Betty Bar", false);  
35.         personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo", false));  
36.         folderNode = new TreeNodeBase("foo-folder", "Requires Foo Reviewer", false);  
37.         folderNode.getChildren().add(new TreeNodeBase("document", "X012000", true));  
38.         folderNode.getChildren().add(new TreeNodeBase("document", "X013000", true));  
39.         folderNode.getChildren().add(new TreeNodeBase("document", "X014000", true));  
40.         personNode.getChildren().add(folderNode);  
41.         folderNode = new TreeNodeBase("foo-folder", "Requires Foo Recommendation", false);  
42.         folderNode.getChildren().add(new TreeNodeBase("document", "J010026", true));  
43.         folderNode.getChildren().add(new TreeNodeBase("document", "J020002", true));  
44.         folderNode.getChildren().add(new TreeNodeBase("document", "J030103", true));  
45.         folderNode.getChildren().add(new TreeNodeBase("document", "E030214", true));  
46.         folderNode.getChildren().add(new TreeNodeBase("document", "R020444", true));  
47.         folderNode.getChildren().add(new TreeNodeBase("document", "C010000", true));  
48.         personNode.getChildren().add(folderNode);  
49.         personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo Approval", false));  
50.         folderNode = new TreeNodeBase("bar-folder", "Requires Bar Processing", false);  
51.         folderNode.getChildren().add(new TreeNodeBase("document", "T052003", true));  
52.         folderNode.getChildren().add(new TreeNodeBase("document", "T020011", true));  
53.         personNode.getChildren().add(folderNode);  
54.         folderNode = new TreeNodeBase("bar-folder", "Requires Bar Approval", false);  
55.         folderNode.getChildren().add(new TreeNodeBase("document", "J010002", true));  
56.         folderNode.getChildren().add(new TreeNodeBase("document", "J030047", true));  
57.         folderNode.getChildren().add(new TreeNodeBase("document", "F030112", true));  
58.         personNode.getChildren().add(folderNode);  
59.         treeData.getChildren().add(personNode);  
60.         return treeData;  
61.     }  

public TreeNode getTreeData()
{
TreeNode treeData = new TreeNodeBase("foo-folder", "Inbox", false);
// construct a set of fake data (normally your data would come from a database)
// populate Frank's portion of the tree
TreeNodeBase personNode = new TreeNodeBase("person", "Frank Foo", false);
personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo", false));
TreeNodeBase folderNode = new TreeNodeBase("foo-folder", "Requires Foo Reviewer", false);
folderNode.getChildren().add(new TreeNodeBase("document", "X050001", true));
folderNode.getChildren().add(new TreeNodeBase("document", "X050002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "X050003", true));
personNode.getChildren().add(folderNode);
personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo Recommendation", false));
folderNode = new TreeNodeBase("foo-folder", "Requires Foo Approval", false);
folderNode.getChildren().add(new TreeNodeBase("document", "J050001", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J050002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J050003", true));
folderNode.getChildren().add(new TreeNodeBase("document", "E050011", true));
folderNode.getChildren().add(new TreeNodeBase("document", "R050002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "C050003", true));
personNode.getChildren().add(folderNode);
folderNode = new TreeNodeBase("bar-folder", "Requires Bar Processing", false);
folderNode.getChildren().add(new TreeNodeBase("document", "X050003", true));
folderNode.getChildren().add(new TreeNodeBase("document", "X050011", true));
folderNode.getChildren().add(new TreeNodeBase("document", "F050002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "G050003", true));
personNode.getChildren().add(folderNode);
folderNode = new TreeNodeBase("bar-folder", "Requires Bar Approval", false);
folderNode.getChildren().add(new TreeNodeBase("document", "J050006", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J050007", true));
personNode.getChildren().add(folderNode);
treeData.getChildren().add(personNode);
// populate Betty's portion of the tree
personNode = new TreeNodeBase("person", "Betty Bar", false);
personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo", false));
folderNode = new TreeNodeBase("foo-folder", "Requires Foo Reviewer", false);
folderNode.getChildren().add(new TreeNodeBase("document", "X012000", true));
folderNode.getChildren().add(new TreeNodeBase("document", "X013000", true));
folderNode.getChildren().add(new TreeNodeBase("document", "X014000", true));
personNode.getChildren().add(folderNode);
folderNode = new TreeNodeBase("foo-folder", "Requires Foo Recommendation", false);
folderNode.getChildren().add(new TreeNodeBase("document", "J010026", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J020002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J030103", true));
folderNode.getChildren().add(new TreeNodeBase("document", "E030214", true));
folderNode.getChildren().add(new TreeNodeBase("document", "R020444", true));
folderNode.getChildren().add(new TreeNodeBase("document", "C010000", true));
personNode.getChildren().add(folderNode);
personNode.getChildren().add(new TreeNodeBase("foo-folder", "Requires Foo Approval", false));
folderNode = new TreeNodeBase("bar-folder", "Requires Bar Processing", false);
folderNode.getChildren().add(new TreeNodeBase("document", "T052003", true));
folderNode.getChildren().add(new TreeNodeBase("document", "T020011", true));
personNode.getChildren().add(folderNode);
folderNode = new TreeNodeBase("bar-folder", "Requires Bar Approval", false);
folderNode.getChildren().add(new TreeNodeBase("document", "J010002", true));
folderNode.getChildren().add(new TreeNodeBase("document", "J030047", true));
folderNode.getChildren().add(new TreeNodeBase("document", "F030112", true));
personNode.getChildren().add(folderNode);
treeData.getChildren().add(personNode);
return treeData;
}

<t:collapsiblePanel>組件：

Java代碼

1. <t:collapsiblePanel collapsed="#{collapsiblePanelBean.collapsed}" value="testTitle">  
2.         <h:panelGrid>  
3.             <h:outputText value="Test"/>  
4.             <h:inputText value="test2"/>  
5.             <t:inputCalendar value="" renderAsPopup="true"/>  
6.         </h:panelGrid>  
7. </t:collapsiblePanel>  

<t:collapsiblePanel collapsed="#{collapsiblePanelBean.collapsed}" value="testTitle">
<h:panelGrid>
<h:outputText value="Test"/>
<h:inputText value="test2"/>
<t:inputCalendar value="" renderAsPopup="true"/>
</h:panelGrid>
</t:collapsiblePanel>