由于公司项目中前端框架要改用Primefaces,之前没有接触过这个框架,而且网上资料教程少之又少,只能自己照着官网给的案例一步一步学,话不多说,接下来分享一些我学习中遇到的一些组件问题。
1、selectManyCheckbox组件中记得加布局样式layout=“grid”
2、<h:panelGrid cellpadding=“5” columns=“2”> h:panelGrid中才有cellpadding属性
3、 <h:outputText id=“Max” value=“Max,Min and Step”/> id属性不能有空格 例: id=Max Min
4、 <p:dialog widgetVar=“dlg” header=“Content” showEffect=“fade” hideEffect=“fade”>
<p:outputLabel id=“display”>
<h:outputText value="#{editorView.text1}" escape=“false”/> //记得加escape
</p:outputLabel>
</p:dialog>
5、想要获取pickList中的source和target的值,需要用DualListModel cities中的cities.getTarget()和cities.getSource()方法
6、DataTable中列的sortBy属性sortBy ="#{dev.id}" 要在load方法中的map传入参数
由于刚学了两周,还有许多组件没用过,所以只能一边记录一边学习,有大佬知道怎么给按钮添加图标以及加背景图片啊就像官网这样,试了icon属性但没用。。。。
以下为转载内容
转载地址:https://www.ccjk.com/primefaces-ui使用小结/
一、ManagedBean的Scoped
1、RequestScoped
2、ViewScoped
3、SessionScoped
4、ApplicationScoped
Request、Session、Application大家都比较熟悉,就不多说了,ViewScoped顾名思义视图有效,或者说当前页有效,因为Servlet规范里并没有View这个概念,所以它是JSF延伸出的一个概念,个人理解是为Ajax准备的,大家一定要记住它哦,后续它可发挥了很大的作用。
二、Primefaces
1、template的使用
在现在Web开发中,特别是Ajax出现后,framesetframeiframe已经不是特别推荐使用了(当然也可以使用),牛人可以用DIV构建出任何想要的布局,像我们这些平民懂的分享牛人的成果就OK了,在Primefaces里我们可以用p:layout布局,并做成template,后面的每个页面只要继承这个template,就可以直接享用,如下图
2、ViewScoped的使用
这个很重要,在项目开始时,因为SessionScoped的生命周期太长了不想用,所以大部分的ManagedBean都是用的RequestScoped,问题是一个接一个,如p:commandButton和p:commandLink的action和actionListener莫名其妙的不可进入,Ajax的使用也有时可以有时不可以,Scoped换成Session就一切都OK了,发现跟Bean的生命周期有关系,最后调试完,发现用ViewScoped最合适,生命周期比Request长比Session短,同时又能解决上述问题,因为Primefaces UI里大量用到ajax通信,这种场景最适合用ViewScoped。
3、form的使用
在使用中一定要避免form嵌套form的情况,它会出现很多不可以预知的情况,如提交附件会出现问题,但并列form可以放心的使用
4、tree的使用
如上图的Left中可以放置一个树形菜单,使用过的人可能会和我碰到一样的问题,那就是当我打开一个新页面时,树形菜单不能保持我打开页面之前的状态,解决方法:负责树形菜单Node节点的Bean的Scoped要申明成SessionScoped,并在tree标签上加属性dynamic=”true”,如
5、confirmDialog的使用
如果在使用confirmDialog时发现,弹出框被遮罩层给挡住了不可使用,怎么办?解决方法:在confirmDialog标签加属性appendToBody=”true”,如
6、dialog的使用
不得不提的一个组件,超级好用,我的应用里大量用到了它,它用起来让你的Web应用就像是一个Client应用,交互性和用户体验非常的好。你可以将dialog当作一个提示框用,也可以在dialog里做一个复杂的表单,你可以选择遮罩也可以不使用,如果要使用遮罩只需加上属性modal=”true”
7、panelpanelGridoutputPanelaccordionPaneltabView等的使用
他们都是布局展现相关的,用好来,效果非常的好,当然还有其它的。
8、process和update属性的使用
前面说了Primefaces大量用到了Ajax,那就不得不提process和update,他们俩刚好相反,process指出要异步提交哪一部分的内容,update指出要异步更新哪一部分的内容,经常在一起配合使用。功能非常的强大,如果有兴以后可以再详细说说。
9、fileUpload的使用
在使用前要在Web.xml中加入如下部分:
PrimeFaces FileUpload Filter
org.primefaces.webapp.filter.FileUploadFilter
PrimeFaces FileUpload Filter
Faces Servlet
使用p:fileUpload的form必须加上属性enctype=”multipart/form-data”,而且它不
支持Ajax异步提交,所以对应的command要加上属性ajax=”false”。