Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

How to trigger dynamic action on button in interactive report with content row column

Adrian_StarJan 8 2025

Hi,

In the Interactive Report, I used a Content row column to store several buttons in the Menu.

One of them (with the class .admin-del-btn) is supposed to perform a task triggered by a dynamic action.


I created a dynamic action for the "Click" event with the following parameters:

Execution
Event Scope: Dynamic
Static Container: (jQuery Selector): div.a-Menu[id^="tc_menu"]

When
Event: Click
Selection Type: jQuery Selector
jQuery Selector: .admin-del-btn


I tried various combinations with jQuery selectors but without success.
Has anyone of you worked on a similar case and has a solution?

Below, I'm providing additional information.
In the Interactive Report, the Content Row column looks like this in the HTML code:

<td class=" u-tC" headers="admin-scope">  <div class="t-ContentRow-wrap">
       <div class="t-ContentRow-body">
      <div class="t-ContentRow-content">
           </div>
       <div class="t-ContentRow-actions"><button type="button" data-menu="tc_menu_a140390561174555235_0" class="t-Button t-Button--noLabel t-Button--icon t-Button--link t-Button--stretch is-active" title="Menu administracyjne" aria-haspopup="menu" aria-expanded="true">
  <span class="t-Icon t-Icon--left fa fa-chevron-circle-down" aria-hidden="true"></span><span class="t-Button-label">Menu administracyjne</span>
</button></div> </div>
  </div>
</td>

It contains a reference to data-menu, which has its ID for each row, and the HTML code looks like this:


<div id="tc_menu_a140390561174555235_0" style="position: absolute; top: 208px; left: 1678.86px; display: block;" 
role="menu" class="a-Menu"> 
<div class="a-Menu-content"> 
<ul role="none"> 
<li id="tc_menu_a140390561174555235_0_0" class="a-Menu-item"> 
<div class="a-Menu-inner"><span class="a-Menu-labelContainer"><span class="a-Menu-statusCol"><span 
class="fa fa-edit admin-edit-btn"></span></span><a 
href="javascript:apex.theme42.dialog('...'))" 
id="tc_menu_a140390561174555235_0_0i" role="menuitem" class="a-Menu-label">Edycja 
arkusza</a></span><span class="a-Menu-accelContainer"><span 
class="a-Menu-subMenuCol"></span></span></div> 
</li> 
<li id="tc_menu_a140390561174555235_0_1" class="a-Menu-item"> 
<div class="a-Menu-inner"><span class="a-Menu-labelContainer"><span class="a-Menu-statusCol"><span 
class="fa fa-search admin-prev-btn"></span></span><a 
href="javascript:apex.theme42.dialog('...'))" 
id="tc_menu_a140390561174555235_0_1i" role="menuitem" class="a-Menu-label">Podgląd 
arkusza</a></span><span class="a-Menu-accelContainer"><span 
class="a-Menu-subMenuCol"></span></span></div> 
</li> 
<li id="tc_menu_a140390561174555235_0_2" class="a-Menu-item"> 
<div class="a-Menu-inner"><span class="a-Menu-labelContainer"><span class="a-Menu-statusCol"><span 
class="fa fa-trash-o u-danger-text admin-del-btn"></span></span><a 
href="javascript:void(null);" id="tc_menu_a140390561174555235_0_2i" role="menuitem" 
class="a-Menu-label">Usuń</a></span><span class="a-Menu-accelContainer"><span 
class="a-Menu-subMenuCol"></span></span></div> 
</li> 
</ul> 
</div> 
</div>
This post has been answered by Karel Ekema on Jan 8 2025
Jump to Answer
Comments
Post Details
Added on Jan 8 2025
2 comments
66 views