New PickList

[cagatay.civici]

Dear all,

PickList component has been enhanced with drag drop based reordering, various transition effects, theme support, captions and more. Online demo is at;

http://www.primefaces.org/showcase/ui/picklist.jsf

As it is a new component, your feedback of this early work is welcome as always.

Regards,

Cagatay Civici
PrimeFaces Lead

[Oleg]

Hello Cagatay,

Great component. A couple of months ago I implemented a similar component by using of jQuery sortable http://jqueryui.com/demos/sortable/#connect-lists. I see you use it too. Well. I have two important features which are missing in your implementation at the moment. Maybe you can add them to your picklist.

1) Client-side onChange events. <p:pickList onchangeSource="..." onchangeTarget="..." />. These events are fired if user moves items from source to target and vice versa.
2) Moving per double-click. A common picklist allows to choose items per mouse double-click on them. This is a common users experience and what they expect.

That was my feedback

[Ben Utzer]

Hi Cagatay,

great job as always. Only a minor problem I've posted here.

[Oleg]

And as mentioned in issue tracker a button based reordering is desired (from user experience). I see a problem if you have many many items and would like to reorder items per drag-&-drop because a scrollbar (I guess it appears with many items) does it difficult. Buttons are better. Thanks.

[cagatay.civici]

Thanks for all the feedback, noted down, I'll add these as well.

[callahan]

If two PickLists are shown on the same page as in the showcase http://www.primefaces.org/showcase/ui/picklist.jsf, it's possible to drag items from one PickList to the other PickList. For example, Messi can be dragged to the cities PickList, and Istanbul can be dragged to the footballer PickList. An option that would prevent this form being possible would be good.

[cagatay.civici]

That is not a bug but a feature Kidding, good catch Harry.