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
2,001,981
Virginia
Smiith
762-555-7352
671-555-5676
2,001,982
Matthew
Gonzalez
581-555-2507
777-555-1054
2,001,983
Abner
Black
215-555-5700
303-555-7228
2,001,984
Pamela
Gomez
711-555-5273
306-555-1236
2,001,985
Keith
Lee
252-555-8285
476-555-6767
2,001,986
Michael
Clark
706-555-3461
246-555-3612
2,001,987
Gerald
Clark
620-555-3368
357-555-4010
2,001,988
Jacob
Gomez
876-555-7378
247-555-2356