PrimeFaces主题选择器
来源:互联网 发布:java代码生成技术 编辑:程序博客网 时间:2024/05/08 16:11
PrimeFaces主题选择器
作者:chszs,转载需注明。博客主页:http://blog.csdn.net/chszs
PrimeFaces集成了ThemeRoller CSS框架,而且预置了37种主题样式。可以使用在线的ThemeRoller主题产生器工具生成自定义的主题。
应用一个主题到PrimeFaces项目很简单,只需下载主题的JAR包文件,并把它添加到项目的类路径下,再配置PrimeFaces使用此主题即可。
主题包下载:http://repository.primefaces.org/org/primefaces/themes/all-themes/1.0.9/all-themes-1.0.9.jar
主题使用配置:在web.xml文件中添加下面的内容
<context-param> <param-name>primefaces.THEME</param-name> <param-value>swanky-purse</param-value></context-param>
PrimeFaces的主题选择器使得在页面上切换主题时无需刷新整个页面。
属性表
主题选择器用法
主题选择器的用法与单选菜单selectOneMenu的用法非常相似。<p:themeSwitcher style="width:150px"> <f:selectItem itemLabel="Choose Theme" itemValue="" /> <f:selectItems value="#{bean.themes}" /></p:themeSwitcher>
有状态的主题选择器
默认状态下,主题选择器仅仅改变主题样式,不进行页面刷新,一旦你喜欢上改变后的新主题,你可以使用Ajax保存新主题为设置项。<p:themeSwitcher value="#{bean.theme}" effect="fade"> <f:selectItem itemLabel="Choose Theme" itemValue="" /> <f:selectItems value="#{themeSwitcherBean.themes}" /> <p:ajax listener="#{bean.saveTheme}" /></p:themeSwitcher>
使用swanky-purse主题后的UI效果图
- PrimeFaces主题选择器
- PrimeFaces主题选择器
- primefaces 实现保存主题,使主题应用于所有JSF页面
- primefaces
- PrimeFaces
- PrimeFaces 2.x 学习笔记(开始) 主题的使用
- Android样式和主题之选择器Selector
- Android 日期选择器 DatePickerDialog 修改主题颜色
- primefaces研究
- dataGrid(primefaces)
- dataScroller(primefaces)
- dataList(primefaces)
- carousel(primefaces)
- PrimeFaces+JSF
- 第一个Limo程序:主题选择器----themeselector.ipk
- Android学习笔记之样式和主题之选择器
- Android 5.0 Launcher客制化定制之 主题选择器
- 主题选择器分析----5.1
- Windows 7 64bit和Visual Studio 2010下安装及使用Pthread-w32 2.8
- 回深研了噢耶
- 给我准备奋斗的日子
- Jetty 9稳定版正式发布
- Object-C学习笔记 基础部分(一)NSString常用方法
- PrimeFaces主题选择器
- (经典)C#基础编程练习题
- (总结)HTML基础
- j2EE架构的批判及随想(Web开发的困境)
- jQuery 入门教程(13): HTML Set
- memset详解
- 《商业周刊》推荐全球十大电子商务平台
- 怎么样注册paypal账户及避免被冻结
- Apache与Nginx的优缺点比较