今天看了一下MyFaces的tree2组件,想用它做一个菜单。
看了一下例子。主要是这样的:
XHTML中的部分代码:
<t:tree2 id="menuTree" value="#{menuBean.menuTree}" var="node"
clientSideToggle="true" varNodeToggler="t">
<f:facet name="root">#{node.description}</f:facet>
<f:facet name="child">
<h:panelGroup>
<f:facet name="expand">
<t:graphicImage value="images/yellow-folder-open.png"
rendered="#{t.nodeExpanded}" border="0" />
</f:facet>
<f:facet name="collapse">
<t:graphicImage value="images/yellow-folder-closed.png"
rendered="#{!t.nodeExpanded}" border="0" />
</f:facet>
<h:outputLink value="/XiangYun/pages/user/list.jsf">#{node.description}</h:outputLink>
</h:panelGroup>
</f:facet>
</t:tree2>
其中:#{menuBean.menuTree}是menuBean中的一个变量。是org.apache.myfaces.custom.tree2.TreeNodeBase类型。
MenuBean.java
public class MenuBean {
public MenuBean(){
menuTree =new TreeNodeBase("root","displayName",false);
menuTree.getChildren().add(new TreeNodeBase("child","displayName1","id1",true));
menuTree.getChildren().add(new TreeNodeBase("child","displayName2","id2",true));
TreeNode _treeChild =new TreeNodeBase("child","displayName5",false);
_treeChild.getChildren().add(new TreeNodeBase("child","displayName5-1",true));
menuTree.getChildren().add(_treeChild);
menuTree.getChildren().add(new TreeNodeBase("child","displayName3","id3",true));
menuTree.getChildren().add(new TreeNodeBase("child","displayName4","id4",true));
}
private TreeNode menuTree;
public TreeNode getMenuTree() {
return menuTree;
}
public void setMenuTree(TreeNode menuTree) {
this.menuTree = menuTree;
}
}
其中页面代码中的:
<f:facet name="root">是与menuBean中的new TreeNodeBase("root","displayName",false);对应的。表示这部分是渲染root的部分。这个"root"的名字可以自己定。但是两者要一致。child同理。还可以根据情况设置其他的。
TreeNodeBase的构造方法有三种:
TreeNodeBase()
TreeNodeBase(java.lang.String type, java.lang.String description, boolean leaf)
TreeNodeBase(java.lang.String type, java.lang.String description, java.lang.String identifier, boolean leaf)
最后一个参数表示是否是未级节点。把XHTML中的代码与bean 中的方法和构造方法联系起来看就比较容易了。第一个参数是type,也就是<f:facet name="root">对应的如何渲染的部分;第二个参数是description,也就是tree要显示的内容;第三个参数是treeNode的ID;第四个参数表示是否有下级节点。