1. Overview
This document explains how to create a Drag and Down the rows using Oracle APEX.
2. Technologies and Tools Used
The following technologies has been used to achieve Display time in Navigation Bar.
- Oracle Apex
- JavaScript
3. Use Case
Any requirement for Drag and Down the row just hold and move and also known smart gesture feature it can be used. Please take the Below Screenshot as example.
4. Steps with Screenshot
Steps to be followed
Step 1: Create a region and type as Interactive Report.
Step 2: Create a Dynamic action and Event as Page Load.
Step 3: Go to Shared Components and Import the Below Plugin. Please Find the below File.
Step 4: Import the Plugin, Please find the Below Screenshot.
Step 5: In the dynamic action, Action should be Plugin name.
Step 6: Paste the Below JavaScript Code in the Advanced Section.
function(config){
config.groupSelector = ‘tbody’;
config.itemSelector = ‘tr:not(:first-child)’; //’tr:nth-child(1n+2)’;
config.dataIdFn = function (item) {
return item.querySelector(‘td[headers=”EMPNO”] span’).dataset.id;
}
}
Step 7: In the Report Region, Column Formatting Section Paste the below Code.
Step 8: Finally save and Run the Page.
Output:
Below screen shot shows the output.