`

Primefaces3之p:tree

    博客分类:
  • JSF
阅读更多
   使用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
分享到:
评论
2 楼 wxynxyo 2017-12-13  
上善若水_Happy 写道
你好,想请教下icon的css是怎么写的?


少年,都是很多年前的,忘记了,你可以看下官网上面的教程。
1 楼 上善若水_Happy 2017-11-15  
你好,想请教下icon的css是怎么写的?

相关推荐

    primefaces cookbook示例代码

    1. **PrimeFaces组件**:PrimeFaces提供了多种组件,如数据表(DataTable)、图表(Chart)、日期选择器(Calendar)、文件上传(FileUpload)、树形结构(Tree)、对话框(Dialog)等。在示例代码中,你可以看到...

    PrimeFaces中文详细教程,工具书,含详细代码

    - **Tree**、**TreeTable**:树形结构和表格相结合的展示方式。 - **DragDrop**:包括 Draggable 和 Droppable 组件,实现拖放功能。 - **Charts**:基于 Flash 的图形生成与显示。 6. **数据导出**: - **...

    PrimeFaces学习教程

    **2.12.3 Ajax远程调用p:remoteCommand** - 远程调用JSF命令。 **2.12.4 Ajax Status** - 显示Ajax后台运行状态。 **2.12.5 Focus** - 聚焦组件,自动聚焦页面中的某个元素。 **2.12.6 Effect** - 效果组件,提供...

    PrimeFaces教程v0.5.doc

    例如,可以创建一个简单的 JSF 页面,使用 PrimeFaces 的 `&lt;p:outputLabel&gt;` 组件来显示一条问候消息。 **1.4 UI 组件** PrimeFaces 提供了多种类型的 UI 组件,涵盖布局、菜单、按钮、输入、输出等多种类别。下面...

    JSP语言实现的选择树

    5. **客户端渲染**:讲解如何利用JavaScript库(如jQuery UI的`treeview`插件,或PrimeFaces的`p:tree`组件)来渲染选择树。 6. **示例代码**:提供完整的JSP页面和Java后台代码片段,帮助开发者快速理解和实践。 *...

    jsf常用控件的使用

    - `p:tree`和`p:treeTable`(PrimeFaces扩展):用于展示层次结构的数据。 8. **导航控件**: - `h:commandButton`和`h:commandLink`可配置`action`属性实现页面跳转。 - `f:ajax`:用于实现异步请求,更新部分...

    JSF树型菜单.rar

    例如,如果你使用的是PrimeFaces,可以使用`&lt;p:tree&gt;`标签。你需要指定模型对象作为树的根节点,并设置相应的属性,如`value`、`var`、`nodeRendered`等,以便正确地渲染树结构。 3. **处理交互**:JSF树组件支持...

    priceFaces学习

    这通常包括在JSF页面中添加一个基本的PrimeFaces组件,例如`&lt;p:button&gt;`,并在浏览器中运行查看效果。 **1.4 UI组件** PrimeFaces提供了大量的UI组件,这些组件覆盖了从简单的按钮到复杂的表格和图表等多种类型。...

    jsf常用文档datatable行样式,frameset及树型目录dtree,jsf滚动组件

    例如,可以使用`&lt;p:scrollPanel&gt;`(PrimeFaces组件库)来创建一个可滚动的区域,用户可以在不改变整个页面的情况下查看或操作大量内容。 4. **JSF实现排序功能**:在`&lt;h:datatable&gt;`中,可以使用`sortBy`属性来指定...

Global site tag (gtag.js) - Google Analytics