OrderList Events
Due to popular community demand, we’ve added 3 events to OrderList component to bring the flexibility of callbacks. These are;
- select
- unselect
- reorder
Usage is simple, in case you’d like to get notified whenever one of these events occur, hook-in via p:ajax;
1 2 3 4 5 |
<p:orderList value="#{orderListView.cities}" var="city" controlsLocation="none" itemLabel="#{city}" itemValue="#{city}"> <p:ajax event="select" listener="#{orderListView.onSelect}" update="msgs"/> <p:ajax event="unselect" listener="#{orderListView.onUnselect}" update="msgs"/> <p:ajax event="reorder" listener="#{orderListView.onReorder}" update="msgs"/> </p:orderList> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
public void onSelect(SelectEvent event) { FacesContext context = FacesContext.getCurrentInstance(); context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Item Selected", event.getObject().toString())); } public void onUnselect(UnselectEvent event) { FacesContext context = FacesContext.getCurrentInstance(); context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Item Unselected", event.getObject().toString())); } public void onReorder() { FacesContext context = FacesContext.getCurrentInstance(); context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "List Reordered", null)); } |
These events are coming soon for 5.1.5, check out the live demo to see it in action.
Jasper de Vries
18 November 2014 at 11:31Can we expect the same for PickList?
Optimus Prime
18 November 2014 at 12:26Yes, hopefully soon since they are similar.