使用primefaces3做JSF页面的开发,在使用p:tree的时候,发现官网和文档都有问题,按照文档并不能做出正确的树结构,会有一种"Type is not string"的错误,具体的忘记了。
我在自己项目上实现了正确的p:tree结构,先看下效果
页面代码如下:
<h5>Menu</h5>
<p:tree dynamic="true" value="#{rightTreeBean.root}" style="..." var="data" id="tree">
<p:treeNode id="treeNode" icon="...">
<h:outputText value="#{data}" style="..."/>
</p:treeNode>
<p:treeNode id="treeNodeIBM" type="IBM" icon="...">
<h:outputText value="#{data}" style="..."/>
</p:treeNode>
<p:treeNode id="treeNodeNOKIA" type="NOKIA" icon="...">
<h:outputText value="#{data}" style="..."/>
</p:treeNode>
<p:treeNode id="treeNodeAPPLE" type="APPLE" icon="...">
<h:outputText value="#{data}" style="..."/>
</p:treeNode>
</p:tree>
后台的JAVA代码
public RightTreeBean(){
root = new DefaultTreeNode("Root", null);
TreeNode orgNode = new DefaultTreeNode("Test", root);
TreeNode templdateNode = new DefaultTreeNode("IBM","IBM",orgNode);
TreeNode vmsNode = new DefaultTreeNode("NOKIA","NOKIA", orgNode);
TreeNode appNode = new DefaultTreeNode("APPLE","APPLE", orgNode);
}
每一个TREE左边的图片是用icon来做的,效果不错。

- 大小: 6 KB
分享到:
相关推荐
1. **PrimeFaces组件**:PrimeFaces提供了多种组件,如数据表(DataTable)、图表(Chart)、日期选择器(Calendar)、文件上传(FileUpload)、树形结构(Tree)、对话框(Dialog)等。在示例代码中,你可以看到...
- **Tree**、**TreeTable**:树形结构和表格相结合的展示方式。 - **DragDrop**:包括 Draggable 和 Droppable 组件,实现拖放功能。 - **Charts**:基于 Flash 的图形生成与显示。 6. **数据导出**: - **...
**2.12.3 Ajax远程调用p:remoteCommand** - 远程调用JSF命令。 **2.12.4 Ajax Status** - 显示Ajax后台运行状态。 **2.12.5 Focus** - 聚焦组件,自动聚焦页面中的某个元素。 **2.12.6 Effect** - 效果组件,提供...
例如,可以创建一个简单的 JSF 页面,使用 PrimeFaces 的 `<p:outputLabel>` 组件来显示一条问候消息。 **1.4 UI 组件** PrimeFaces 提供了多种类型的 UI 组件,涵盖布局、菜单、按钮、输入、输出等多种类别。下面...
5. **客户端渲染**:讲解如何利用JavaScript库(如jQuery UI的`treeview`插件,或PrimeFaces的`p:tree`组件)来渲染选择树。 6. **示例代码**:提供完整的JSP页面和Java后台代码片段,帮助开发者快速理解和实践。 *...
- `p:tree`和`p:treeTable`(PrimeFaces扩展):用于展示层次结构的数据。 8. **导航控件**: - `h:commandButton`和`h:commandLink`可配置`action`属性实现页面跳转。 - `f:ajax`:用于实现异步请求,更新部分...
例如,如果你使用的是PrimeFaces,可以使用`<p:tree>`标签。你需要指定模型对象作为树的根节点,并设置相应的属性,如`value`、`var`、`nodeRendered`等,以便正确地渲染树结构。 3. **处理交互**:JSF树组件支持...
这通常包括在JSF页面中添加一个基本的PrimeFaces组件,例如`<p:button>`,并在浏览器中运行查看效果。 **1.4 UI组件** PrimeFaces提供了大量的UI组件,这些组件覆盖了从简单的按钮到复杂的表格和图表等多种类型。...
例如,可以使用`<p:scrollPanel>`(PrimeFaces组件库)来创建一个可滚动的区域,用户可以在不改变整个页面的情况下查看或操作大量内容。 4. **JSF实现排序功能**:在`<h:datatable>`中,可以使用`sortBy`属性来指定...