PPR Example - ajaxifying a datatable using PPR with partialTriggerPattern

streetnumber streetname↑ zip state 12 dummyStreet 8 noState 44 dummyStreet 2 noState 93 dummyStreet 8 noState 47 dummyStreet 6 noState 33 dummyStreet 2 noState 1 2

about this example

The partialTriggerPattern attribute takes a regular expression
(JavaScript regular expression). All input components which
clientIds match this regular expression trigger AJAX updates
of this pprPanelGroup.

In this example inputs for sorting and scrolling the datatable
sit in -mainform-. Therefore all clientIds of this inputs
will start with -mainform:-. (A client id is the HTML-ID
attribute the HTML-element rendered by a component has set)
Therefore the clientIds of all buttons match the pattern specified
in the pprPanelGroup and so all of them trigger AJAX updates
of the group.

In order not to interfere with other possible components on the
page the table could also be placed inside a naming container
like f:subview.