Databases Reference
In-Depth Information
Row Click
The next Dynamic Action will handle what happens when a row is clicked. According to the
requirements, when a row is clicked the employee number should be set in a hidden field (P1_EMPNO)
and the employee name should be displayed.
To meet this requirement, the additional custom data attributes that were added to the ENAME
column in the report will be leveraged. If you inspect the HTML of an employee name in the report
column, you'll notice the additional attributes,
data-ename
and
data-empno
, as shown in Figure 7-37.
Figure 7-37.
HTML 5 Custom Data Attributes
The following steps will create the Dynamic Action which will handle the row click event:
1.
Create a Dynamic Action, using the Advanced wizard, and call it
Row Click
.
2.
The event needs to fire when the user clicks on a row inside the Department
Employees region. The following configuration for the When section will
handle this. The JavaScript condition ensures that the click happened in a row
within the region.
•
Event:
Click
•
Selection Type:
Region
•
Region:
Department Employees
•
Condition:
JavaScript Expression
•
Value:
$(this.browserEvent.target).closest('tr .highlight-row',•
this.browserEvent.currentTarget).length > 0
