`

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是怎么写的?

相关推荐

    JSF页面,<p:fileUpload组件文件上传

    本篇文章将深入探讨如何使用PrimeFaces的`&lt;p:fileUpload&gt;`组件在JSF应用中实现实时、便捷的文件上传。 首先,让我们了解`&lt;p:fileUpload&gt;`的基本用法。在JSF页面中,你可以通过以下方式引入这个组件: ```html &lt;h:...

    primefaces cookbook示例代码

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

    primefaces

    xmlns:p="http://primefaces.org/ui"&gt; &lt;h:head&gt; &lt;title&gt;Hello World &lt;/h:head&gt; &lt;h:body&gt; &lt;h:form&gt; &lt;p:commandButton value="Click Me" /&gt; &lt;/h:form&gt; &lt;/h:body&gt; ``` #### 四、组件介绍 PrimeFaces提供了...

    primefaces-6.0.rar

    PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。 UI Components:PrimeFaces UI模块提供了拥有Rich Web用户体 验的各种JSF组件。PrimeFaces使用Yahoo UI库做为默认的客户端框架。PrimeFaces提供的...

    primefaces最新版本使用说明

    &lt;p:outputLabel value="Hello, PrimeFaces!" /&gt; &lt;/h:body&gt; ``` #### 三、组件介绍 ##### 3.1 AccordionPanel AccordionPanel 组件允许您创建一个可折叠的面板组,每个面板都包含一个标题和一个可展开的内容区域。...

    jsf1,2 css

    jsf cssjsf cssjsf cssjsf cssjsf cssjsf cssjsf css

    primefaces 中文文档

    xmlns:p="http://primefaces.org/ui"&gt; &lt;h:head /&gt; &lt;h:body&gt; &lt;p:outputLabel value="Hello World!" style="font-size:2em"/&gt; &lt;/h:body&gt; &lt;/h:html&gt; ``` 在这个例子中,我们使用了 `&lt;p:outputLabel&gt;` 组件来显示...

    Primefaces包

    Primefaces 框架包 是

    jsf2(primefaces3)+spring+hibernate案例下载

    【标题】"jsf2(primefaces3)+spring+hibernate案例下载"涉及到的是一个集成开发环境,其中包含了JavaScript Server Faces (JSF) 2.0版本、PrimeFaces 3.0 UI库、Spring框架以及Hibernate ORM工具。这个案例提供了...

    primefaces-3.5.zip

    3. **primefaces-3.5-sources.jar**: 这个文件提供了PrimeFaces 3.5源代码,对开发者来说极其宝贵。通过查看源码,开发者可以了解组件的工作原理,学习如何扩展或自定义组件,甚至调试可能遇到的问题。对于想要...

    primefaces cook book 源代码分享

    3. **Ajax 功能**:Primefaces 强大的 Ajax 支持使得页面局部刷新成为可能,降低了服务器负载,提升了用户体验。源代码中包含了各种 Ajax 交互的示例,例如 Update 和 Partial Submit。 4. **集成与扩展**:...

    JSF2 + Primefaces3 + Spring3 & Hibernate4 Integration Project

    **JSF2 + Primefaces3 + Spring3 & Hibernate4 集成项目详解** JavaScript Framework (JSF) 是Java平台上的一种用于构建用户界面的MVC(Model-View-Controller)框架,而Primefaces是一个基于JSF的开源UI组件库,...

    [primefaces]autoComplete支援ie81

    [primefaces] p:autoComplete支援ie8Shared by: Egg ChenProblem:P:autoComplete 在IE8 會

    jsf primefaces datatable

    3. **jsfDemo 示例** 在`jsfDemo`项目中,我们可能会有一个简单的`HelloJSF`示例,它演示了如何在JSF页面上使用`DataTable`显示数据。这个例子可能包含以下部分: - **Managed Bean**: 定义一个Java类,包含数据...

    primefaces-selenium:PrimeFaces对Selenium的测试支持

    基于JUnit5,Selenium和页面对象/碎片概念的PrimeFaces测试支持。 它还支持JUnit5并行测试执行,以加快测试速度。 PrimeFaces-Selenium提供了一个挂钩,以启动本地服务器,使用远程地址并实例化WebDriver。 这是...

    primefaces-extensions:PrimeFaces 扩展

    PrimeFaces 扩展 这是一个概览页面,请访问了解更多信息。 Maven 发布 (javax) &lt; groupId&gt;org.primefaces.extensions &lt; artifactId&gt;primefaces-extensions ${primefaces-extensions.version} &lt; groupId&gt;org....

    primefaces-beginners-guide:PrimeFaces入门指南源代码

    第3章:使用PrimeFaces通用实用程序组件 在本章中,我们将学习: 对话框,工具提示 低吼,消息,BlockUI 按钮,命令按钮,命令链接 使用PrimeFaces选择器和事件 第4章:介绍Primefaces客户端验证框架 在本章中,...

    primeFaces.zip

    PrimeFaces是一个广泛使用的JavaServer Faces (JSF) 框架的扩展库,它提供了丰富的UI组件和功能,极大地增强了JSF应用的用户体验。在Web开发中,JSF是一种用于构建用户界面的模型-视图-控制器(MVC)框架,而...

    如何修改Netbeans 的JSF templates 來改用primefaces1

    xmlns:p="http://primefaces.org/ui" ``` 然后,你可以开始使用PrimeFaces的组件,例如: ```html &lt;p:inputText value="#{bean.property}" /&gt; ``` 7. **配置`web.xml`** 在`web.xml`中,确保添加了...

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

    xmlns:p="http://primefaces.org/ui"&gt; &lt;h:head&gt; &lt;title&gt;HelloWorld &lt;/h:head&gt; &lt;h:body&gt; &lt;p:growl id="msgs" showDetail="true"/&gt; &lt;p:message globalOnly="true"/&gt; &lt;p:panel header="Hello World"&gt; &lt;h:...

Global site tag (gtag.js) - Google Analytics