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
3,479,002
Douglas
Black
617-555-4537
325-555-5888
3,479,003
Sarah
Black
454-555-6563
566-555-5706
3,479,004
Joshua
Clark
316-555-8120
827-555-7218
3,479,005
Debra
Davis
650-555-5640
362-555-8548
3,479,006
Maria
Johnson
653-555-6717
707-555-3846
3,479,007
Emily
Bailey
884-555-8242
810-555-2462
3,479,008
Samantha
Moore
507-555-2616
513-555-5632
3,479,009
Samantha
Wilson
483-555-8100
723-555-7507