使用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
分享到:
相关推荐
本篇文章将深入探讨如何使用PrimeFaces的`<p:fileUpload>`组件在JSF应用中实现实时、便捷的文件上传。 首先,让我们了解`<p:fileUpload>`的基本用法。在JSF页面中,你可以通过以下方式引入这个组件: ```html <h:...
1. **PrimeFaces组件**:PrimeFaces提供了多种组件,如数据表(DataTable)、图表(Chart)、日期选择器(Calendar)、文件上传(FileUpload)、树形结构(Tree)、对话框(Dialog)等。在示例代码中,你可以看到...
xmlns:p="http://primefaces.org/ui"> <h:head> <title>Hello World </h:head> <h:body> <h:form> <p:commandButton value="Click Me" /> </h:form> </h:body> ``` #### 四、组件介绍 PrimeFaces提供了...
PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。 UI Components:PrimeFaces UI模块提供了拥有Rich Web用户体 验的各种JSF组件。PrimeFaces使用Yahoo UI库做为默认的客户端框架。PrimeFaces提供的...
<p:outputLabel value="Hello, PrimeFaces!" /> </h:body> ``` #### 三、组件介绍 ##### 3.1 AccordionPanel AccordionPanel 组件允许您创建一个可折叠的面板组,每个面板都包含一个标题和一个可展开的内容区域。...
jsf cssjsf cssjsf cssjsf cssjsf cssjsf cssjsf css
xmlns:p="http://primefaces.org/ui"> <h:head /> <h:body> <p:outputLabel value="Hello World!" style="font-size:2em"/> </h:body> </h:html> ``` 在这个例子中,我们使用了 `<p:outputLabel>` 组件来显示...
Primefaces 框架包 是
【标题】"jsf2(primefaces3)+spring+hibernate案例下载"涉及到的是一个集成开发环境,其中包含了JavaScript Server Faces (JSF) 2.0版本、PrimeFaces 3.0 UI库、Spring框架以及Hibernate ORM工具。这个案例提供了...
3. **primefaces-3.5-sources.jar**: 这个文件提供了PrimeFaces 3.5源代码,对开发者来说极其宝贵。通过查看源码,开发者可以了解组件的工作原理,学习如何扩展或自定义组件,甚至调试可能遇到的问题。对于想要...
3. **Ajax 功能**:Primefaces 强大的 Ajax 支持使得页面局部刷新成为可能,降低了服务器负载,提升了用户体验。源代码中包含了各种 Ajax 交互的示例,例如 Update 和 Partial Submit。 4. **集成与扩展**:...
**JSF2 + Primefaces3 + Spring3 & Hibernate4 集成项目详解** JavaScript Framework (JSF) 是Java平台上的一种用于构建用户界面的MVC(Model-View-Controller)框架,而Primefaces是一个基于JSF的开源UI组件库,...
[primefaces] p:autoComplete支援ie8Shared by: Egg ChenProblem:P:autoComplete 在IE8 會
3. **jsfDemo 示例** 在`jsfDemo`项目中,我们可能会有一个简单的`HelloJSF`示例,它演示了如何在JSF页面上使用`DataTable`显示数据。这个例子可能包含以下部分: - **Managed Bean**: 定义一个Java类,包含数据...
基于JUnit5,Selenium和页面对象/碎片概念的PrimeFaces测试支持。 它还支持JUnit5并行测试执行,以加快测试速度。 PrimeFaces-Selenium提供了一个挂钩,以启动本地服务器,使用远程地址并实例化WebDriver。 这是...
PrimeFaces 扩展 这是一个概览页面,请访问了解更多信息。 Maven 发布 (javax) < groupId>org.primefaces.extensions < artifactId>primefaces-extensions ${primefaces-extensions.version} < groupId>org....
第3章:使用PrimeFaces通用实用程序组件 在本章中,我们将学习: 对话框,工具提示 低吼,消息,BlockUI 按钮,命令按钮,命令链接 使用PrimeFaces选择器和事件 第4章:介绍Primefaces客户端验证框架 在本章中,...
PrimeFaces是一个广泛使用的JavaServer Faces (JSF) 框架的扩展库,它提供了丰富的UI组件和功能,极大地增强了JSF应用的用户体验。在Web开发中,JSF是一种用于构建用户界面的模型-视图-控制器(MVC)框架,而...
xmlns:p="http://primefaces.org/ui" ``` 然后,你可以开始使用PrimeFaces的组件,例如: ```html <p:inputText value="#{bean.property}" /> ``` 7. **配置`web.xml`** 在`web.xml`中,确保添加了...
xmlns:p="http://primefaces.org/ui"> <h:head> <title>HelloWorld </h:head> <h:body> <p:growl id="msgs" showDetail="true"/> <p:message globalOnly="true"/> <p:panel header="Hello World"> <h:...