Discussions
Categories
- 197.1K All Categories
- 2.5K Data
- 546 Big Data Appliance
- 1.9K Data Science
- 450.7K Databases
- 221.9K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 552 MySQL Community Space
- 479 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3.1K ORDS, SODA & JSON in the Database
- 555 SQLcl
- 4K SQL Developer Data Modeler
- 187.2K SQL & PL/SQL
- 21.3K SQL Developer
- 296.3K Development
- 17 Developer Projects
- 139 Programming Languages
- 293K Development Tools
- 110 DevOps
- 3.1K QA/Testing
- 646.1K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 158 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.2K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 19 Java Essentials
- 162 Java 8 Questions
- 86K Java Programming
- 81 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 204 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 466 LiveLabs
- 39 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 175 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 233 Portuguese
Scroll modal page to top

James Davies
Member Posts: 16 Blue Ribbon
We have a modal page which contains a interactive grid that has edit enabled by default. Enabling grid edit by default causes the focus to be placed on the grid so the page opens half way down. There are no page items at the top of the page that we can use to force focus. Is there a way to get the modal page to scroll to the top after we have enabled grid edit?
Thanks James
Best Answer
-
Thanks for you response.
I managed to get it working using this:
$('.t-Dialog-bodyWrapperIn').scrollTop(0);
Answers
-
Which code you have write to enables the edit mode in IG?
-
setGridEdit: function (pGridName) { // do this after the page loads but before the IG is initialized to catch the initial events var $ = apex.jQuery; $(function () { // listen for view change events to find out when grid views are created l_gridname = "#" + pGridName; $(l_gridname).on("interactivegridviewchange", function (event, data) { if (data.view === "grid" && data.created) { // as soon as the grid view is created go into edit mode // but actually need a little delay THINK why is this? setTimeout(function () { var ig$ = apex.region(pGridName).widget(); ig$.interactiveGrid("getActions").set("edit", true); // if the user tries to leave edit mode with Escape key return to edit mode var grid$ = ig$.interactiveGrid("getViews").grid.view$; grid$.on("gridmodechange", function (event, ui) { if (!ui.editMode) { // just setting the edit mode back to true isn't enough (perhaps it should be). // there is an issue with the cell not being reactivated // so simulate a double click to go back into edit mode setTimeout(function () { if (grid$.find(".a-GV-cell.is-focused").trigger("dblclick").length === 0) { // but if no cell is focused (could have left edit mode because of api call) // just go back into edit mode ig$.interactiveGrid("getActions").set("edit", true); } }, 100); } }); }, 1); } }); }); }
-
It seems that the edit action do this. Try to set the page scroll top :
$('html').scrollTop(0);
-
Thanks for you response.
I managed to get it working using this:
$('.t-Dialog-bodyWrapperIn').scrollTop(0);