PrimeFaces教程v05-4.doc

PrimeFaces简介 PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。 1 附录 1 1.1 全部UI组件列表 6 1.2 PrimeFaces常用属性集 6 附录 跟踪/调试工具，生命周期可视器，性能跟踪器，可视组件树。 PrimeFaces 学习笔记 下载与安装PrimeFaces Netbeans7.0自动包含了PrimeFaces，可在创建项目时选择PrimeFaces扩展库。 Netbeans6.9版本上安装使用： 下载 PrimeFacesXXX.jar二进制文件。在创建好的JSF项目中，向”库”中添加此压缩文件。 在JSF页面中使用PrimeFaces组件 在JSF2.0的Facelets风格页面中使用时，在html标记中添加名字空间的引用后，就可通过前缀使用全部PrimeFaces组件了，如下所示： html xmlns=”/1999/xhtml” xmlns:f=”/jsf/core” xmlns:h=”/jsf/html” xmlns:p=”.tr/ui” h:head /h:head h:body p:editor / /h:body /html 3.5 Calendar 以多种方式输入日期的组件。 基本格式： p:calendar value=”#{dateBean.date}”/ public class DateBean { private Date date; //Getter and Setter } 显示模式：两种模式：缺省为弹出popup模式，另一种模式是Inline。 Inline格式直接购入到行中： p:calendar value=”#{dateBean.date}” mode=”inline” / 带弹出按钮： p:calendar value=”#{dateBean.date}” mode=”popup” showOn=”button” / p:calendar value=”#{dateBean.date}” mode=”popup” showOn=”button” popupIconOnly=”true” / L11N格式设置：缺省为MM/dd/yyyy p:calendar value=”#{dateController.date1}” pattern=”dd.MM.yyyy”/ p:calendar value=”#{dateController.date2}” pattern=”yy, M, d”/ p:calendar value=”#{dateController.date3}” pattern=”EEE, dd MMM, yyyy”/ I18N国际化 缺省的地域信息从视图的地域中提取，可通过locale属性重写，如： p:calendar value=”#{dateController.date}” locale=”tr”/ 分页：p:calendar value=”#{dateController.date}” pages=”3”/ Ajax Selection: 支持ajax实例选择，当选中一个日期后，自动触发一个服务器端事件。如： p:calendar value=”#{calendarBean.date}” onSelectUpdate=”messages” selectListener=”#{calendarBean.handleDateSelect}” / p:messages id=”messages” / public void handleDateSelect(DateSelectEvent event) { Date date = event.getDate(); //Add facesmessage } 日期范围： p:calendar value=”#{dateBean.date}” mode=”inline” mindate=”07/10/2010” maxdate=”07/20/2010”/ 3.5 Capthca 验证码生成器 Catpcha应用reCaptcha api作为底层的captcha机制，它有一个内置的captcha验证器用于检测所输入的值。实现此功能需要注册reCaptcha并获得一个公共和私有密钥。 3.7 Carousel 一个多用途组件，用于显示一组数据或一般内容，如： p:carousel value=”#{carBean.cars}” var=”car” rows=”1” revealAmount=”20” effect=easeInStrong circular=true p:graphicImage value=/images/cars/#{car.manufa