Challenge Engineer Life !

エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。

New components and ehancements on PrimeFaces 5.0!!

I translated my yesterday blog entry from Japanese to English :)

I checked PrimeFaces 5.0 SNAPSHOT on the Showcase Labs.

There are great components and enhancements, I'd like to use 5.0 as soon as possible!

I note the summary.

New Components

DataScroller

Twitter and Facebook have an infinite scroll feature in the timeline.
DataScroller makes it.

You can see it on Showcase Labs of DataScroll.

There is a list of cars.

f:id:kikutaro777:20140124003445j:plain

You can scroll the browser down.
If your scroll reached under the browser, it automatically read new data.

f:id:kikutaro777:20140124003512j:plain

f:id:kikutaro777:20140124003525j:plain

Actually, this feature is the same of PrimeFaces Extension Waypoint component.

Waypoint component
http://fractalsoft.net/primeext-showcase-mojarra/views/waypoint.jsf

I posted an entry when I used the Waypoint component before.

Infinite Scroll by using #PrimeFaces Extensions Waypoint.

If you are interested in it, please check my entry. I posted in English.

When I used the Waypoint component, I felt it is little bother.

By contrast this new DataScroller component sample is very simple.

<p:dataScroller value="#{tableBean.carsLarge}" var="car" chunkSize="10"> 
    <!-- panelGrid etc-->
</p:dataScroller>

Also, there are other convenient features.

It has a inline mode like following.

f:id:kikutaro777:20140124004006j:plain

I can change the loading way, not automatically but manually.

f:id:kikutaro777:20140124004047j:plain

I think DataScroller is easy to use than Waypoint.

ContentFlow

Before I tweeted

And PrimeFaces developer Mr.Cagatay Civici replied ! Wow!

At first, I thought it is kidding :)

But he moved forward...

Finally, ContentFlow component is coming!!!

f:id:kikutaro777:20140124005719j:plain

I'm soooo amazed! Awesome!!!

Twitter is very funny tool, I felt something world wide connection.

I'll use this component, of course :) Love it.

Cache

Cache component will make the JSF view rendering more efficiently.

I'm still not sure how it works, what is the inside structure.

They say the Cache component uses ehcache and hazelcast library.

On the Cache on Showcase Labs, you can check the example.

Spotlight

This component has already existed in PrimeFaces Extension :)

But it's coming to PrimeFaces.

It's easy to understand what is the component. Because the behaviro is exactly spotlight.

First, the page is like this.

f:id:kikutaro777:20140124011157j:plain

After submitting save button, the view is changed.

f:id:kikutaro777:20140124011202j:plain

If you want to focus some component, it's useful.

ExceptionHandler

ExceptionHandler helps us to handle exception on ajax request.

f:id:kikutaro777:20140124012036j:plain

But, actually it doesn't make sense for me. I need to use it.

New enhancements

TreeTable Sorting

Recently I often use TreeTable on my project. This enhancement is very helpful.

f:id:kikutaro777:20140124012337j:plain

You click the column.

Ascending order
f:id:kikutaro777:20140124012416j:plain

Descending order
f:id:kikutaro777:20140124012420j:plain

DataTable Frozen Columns

PrimeFaces DataTable has already Frozen Rows feature.
But I always wonder why only rows :q

The time is coming!

The following screenshot show the columns ,model and year, are frozen.

f:id:kikutaro777:20140124012633j:plain

f:id:kikutaro777:20140124012729j:plain

Nice :)

DataTable Column Toggler

You can change the visible columns dynamically.

DataTable header can have a menu for changing visible columns.

f:id:kikutaro777:20140124012916j:plain

If you uncheck, then dynamically column becomes invisible.

f:id:kikutaro777:20140124012942j:plain

Cool!

I'm looking forward to PrimeFaces 5.0 final release!!!

I read PrimeFaces 5.0 roadmap before.

PrimeFaces 5.0 Roadmap
http://blog.primefaces.org/?p=2976

So it will be coming Mid Spring 2014, maybe :)

にほんブログ村 IT技術ブログへ
にほんブログ村 にほんブログ村 IT技術ブログ Javaへ
にほんブログ村