This is a rewrite of the AJAX data table example from Wicket. We demonstrate here how we can deviate from the default settings by using a BindingInterceptor in the page. Also we show how the order of the generated table columns and visibility of columns can be manipulated by the @ColumnOrder annotation. The removeFrom utility method is also demonstrated for how to remove elements in the parent model via adding a button to the table. The multiselection behavior is fully driven by the model class.

This is a demo of the DataTable (DataView wrapper). Provided features:

  • Easy ordering and selection of columns
  • Takes care of sorting headers automatically
  • Takes care of page navigator automatically
  • Takes care of adding class="odd" and class="even" to table rows
  • Adds a navigator message (see BindingInterceptor in page which enables it)
Contacts
Id First Name Last Name Home Phone Cell Phone Remove
10,519,417
Abby
Lee
762-555-3325
720-555-8044
10,519,418
Christopher
Williams
627-555-5817
622-555-8534
10,519,419
Matthew
Moore
616-555-1626
433-555-8728
10,519,420
Christopher
Lee
810-555-4582
580-555-1224
10,519,421
Timothy
Lee
841-555-3075
414-555-4052
10,519,422
Sarah
Wilson
277-555-5606
763-555-6752
10,519,423
Pamela
Ortiz
250-555-3706
731-555-8548
10,519,424
Abner
Gomez
634-555-6208
745-555-2172