Desktop Components ShowcaseMobile Components Showcase
ace:dataTable - Click Events

Enable application driven selection and editing via click and double click ajax events. Try double clicking on a cell to edit it. After editing it, double click again on the same cell to save changes. Try clicking on any row to select it. Click on it again to deselect it. All this is done in the bean, by manipulating the table's row state map object.


When entering edit mode, a utility function is called from the ajax action listener to automatically select the text of the input field in the cell, in order to be able to start editing right away.

ID 
Name 
Chassis 
Weight 
Accel 
MPG 
Cost  
1
Enduro
Van
15383lbs.
10
17.86
$6,617.17
2
Tamale
Bus
7331lbs.
15
16.65
$31,464.24
3
Doublecharge
Pickup
5333lbs.
15
17.84
$10,922.73
4
Swordfish
Bus
10956lbs.
5
5.17
$6,019.83
5
Iguana
Pickup
1696lbs.
10
9.43
$19,736.16
6
Dart
Motorcycle
9261lbs.
15
12.85
$37,947.84
7
Pisces
Luxury
7846lbs.
10
15.13
$19,235.20
8
Flash
Mid-Size
11499lbs.
10
12.74
$29,942.38
9
Tomcat
Mid-Size
10766lbs.
15
7.04
$14,342.74
10
Passion
Subcompact
2082lbs.
10
13.38
$8,015.01
false null [0, 1, 2, 3, 4, 5, 6]
Source Code