3. 8/26/23, 11:10 PM Interactive Grid shortcodes - Ontoor blogs
https://blogs.ontoorsolutions.com/post/interactive-grid-shortcodes-oracle-apex/ 3/5
// get the new record
// get the new record
var
var $newRecord
$newRecord =
= $model
$model.
.getRecord
getRecord(
(newRecordId
newRecordId)
);
;
//update record values
//update record values
$model
$model.
.setValue
setValue(
($newRecord
$newRecord,
, '<COLUMN_ALIAS 1>'
'<COLUMN_ALIAS 1>',
, 'Custom Value'
'Custom Value')
);
;
*
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
*
*
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
*
$model
$model.
.setValue
setValue(
($newRecord
$newRecord,
, '<COLUMN_ALIAS 2>'
'<COLUMN_ALIAS 2>',
, 'Custom Value'
'Custom Value')
);
;
Related Posts
Ashish Sahay Interactive Grid Shortcode
APEX_ITEM.checkbox use case
APEX_ITEM is a built-in API that provides many types of input types using SQL queries.
We use it for Interactive reports and classic reports. This article is about the
checkboxes in APEX reports. Let’s explore the checkbox use case and... Read more
APEX By Ashish Sahay · January 18, 2023 · 0 Comment
How to Create Bubble Chart Region in Oracle APEX
22.2.0 ?
1. Sign in to Oracle Application Express by entering the credentials (Workspace,
Username and Password).2. On the workspace home page, click the App
Builder icon.3. Click on your Application Name in which you want to create a New Page.
4. Click on “Create Page” button. 5. Select Component tab and Select a template for
your... Read more
APEX By Harish Kumar · January 17, 2023 · 1 Comment
How to Create Combination Chart Region in Oracle
APEX 22.2.0 ?
A combination chart, also known as a combo chart, is a type of chart that combines
two or more chart types in a single visualization. This allows you to display multiple
types of data in a single chart, making it... Read more
APEX By Harish Kumar · January 16, 2023 · 1 Comment
How to create oracle APEX plugins
Oracle APEX (Application Express) plugins are custom components that can be added
to APEX pages to extend the functionality of the application. To create an APEX plugin,
you will need to have an understanding of HTML, CSS, JavaScript, and PL/SQL.... Read
more
APEX By Ashish Sahay · January 14, 2023 · 0 Comment
How to create Scatter Chart Region in Oracle APEX
22.2.0 ?
A scatter chart is a type of chart that uses Cartesian coordinates to display values for
typically two variables for a set of data. The position of each point on the horizontal and
vertical axis represents the values of the... Read more
APEX By Harish Kumar · January 10, 2023 · 1 Comment
4. 8/26/23, 11:10 PM Interactive Grid shortcodes - Ontoor blogs
https://blogs.ontoorsolutions.com/post/interactive-grid-shortcodes-oracle-apex/ 4/5
Name * Email *
Leave a Reply
Your email address will not be published. Required fields are marked *
Comment *
How to create Donut Chart Region in Oracle Apex
22.2.0 ?
3. Click on the “Create Page” button in the top menu. 4. Select Component tab and
choose the “Charts” option and click on “Next”. 5. Select “Donut Chart” from the Chart
Type list. There are several types of charts available, including area charts, bar charts,
pie charts, and line charts etc. and... Read more
APEX By Harish Kumar · January 7, 2023 · 2 Comments
How to create Pie Chart Region in Oracle APEX 22.2.0
?
A pie chart is a circular statistical graphic, which is divided into slices to illustrate
numerical proportion. In a pie chart, the arc length of each slice is proportional to the
quantity it represents. Pie charts are very useful for... Read more
APEX By Harish Kumar · January 6, 2023 · 2 Comments
How to create Line Chart Region in Oracle APEX
22.2.0 ?
A line chart is a graphical representation of data that changes over time. It is useful for
showing trends and patterns in data over a period of time. In a line chart, data points
are plotted on a grid and... Read more
APEX By Harish Kumar · January 5, 2023 · 2 Comments
Open Door Credentials
Open Door Credentials – Enables anyone to access your application using a login page
that captures a user name. Steps to setup Open Door Credentials Parent Article:
Authentication Types Read more
APEX By Ashish Sahay · January 4, 2023 · 1 Comment
Custom Authentication Oracle APEX
Custom Authentication is the Authentication type where we can use the custom logic to
login into the APEX application. They need to be written in PLSQL and must return a
Boolean value. An “Authentication Function Name” is required to define... Read more
APEX By Ashish Sahay · January 4, 2023 · 0 Comment
5. 8/26/23, 11:10 PM Interactive Grid shortcodes - Ontoor blogs
https://blogs.ontoorsolutions.com/post/interactive-grid-shortcodes-oracle-apex/ 5/5
Website
Save my name, email, and website in this browser for the next time I comment.
Post Comment
![8/26/23, 11:10 PM Interactive Grid shortcodes - Ontoor blogs
https://blogs.ontoorsolutions.com/post/interactive-grid-shortcodes-oracle-apex/ 1/5
Ontoor blogs Home Videos Links Categories
APEX Tutorials
Oracle Functions
Interactive grid
2023 (19)
2022 (26)
2021 (54)
2020 (123)
2017 (12)
2016 (5)
2015 (1)
Recent Posts
Interactive Grid shortcodes
Application Session Sharing
Oracle APEX | Ontoor Conce
Workspace Environment Ba
Ontoor Shorts #9
APEX_ITEM.checkbox use c
How to Create Bubble Chart
in Oracle APEX 22.2.0 ?
Recent Comments
gethymn on Interactive repo
filter via URL ORACLE APEX
kbc official app on 3 Ways to
Inline Dialog Using jQuery O
APEX
How to create Chart Region
Oracle APEX 22.2.0 ? - Onto
on How to Create Combinat
Chart Region in Oracle APEX
?
How to create Chart Region
Oracle APEX 22.2.0 ? - Onto
on How to Create Bubble Ch
Region in Oracle APEX 22.2
Home APEX Interactive Grid shortcodes
Interactive Grid shortcodes
Disable Reorder and Resize
// Disable Reorder and Resize column
// Disable Reorder and Resize column
function
function(
(options
options)
){
{
options
options.
.defaultGridViewOptions
defaultGridViewOptions =
= {
{
reorderColumns
reorderColumns:
: false
false,
,
resizeColumns
resizeColumns:
: false
false
}
};
;
return
return options
options;
;
}
}
Hide Save Button
#gridID button[data-action="save"]
#gridID button[data-action="save"] {
{
display
display:
: none
none !important
!important;
;
}
}
Process GRID model
//Dynamic action on Grid ROW selection Changed
//Dynamic action on Grid ROW selection Changed
model
model =
= this
this.
.data
data.
.model
model;
;
for
for (
( i
i =
= 0
0;
; i
i <
< this
this.
.data
data.
.selectedRecords
selectedRecords.
.length
length;
; i
i++
++ )
) {
{
model
model.
.getValue
getValue(
( this
this.
.data
data.
.selectedRecords
selectedRecords[
[i
i]
],
, "<COLUMN_ALIAS>"
"<COLUMN_ALIAS>")
);
;
*
* *
* *
* *
* *
*
}
}
// Selected row Using Grid ID
// Selected row Using Grid ID
let gridView
let gridView =
= apex
apex.
.region
region(
("<Grid ID>"
"<Grid ID>")
).
.widget
widget(
()
).
.interactiveGrid
interactiveGrid(
("g
"g
let selectedRecords
let selectedRecords =
= gridView
gridView.
.getSelectedRecords
getSelectedRecords(
()
);
;
// We get the index for the column in the IG model
// We get the index for the column in the IG model
let col_1_idx
let col_1_idx =
= gridView
gridView.
.modelColumns
modelColumns[
['<COLUMN 1>'
'<COLUMN 1>']
].
.index
index;
;
let col_2_idx
let col_2_idx =
= gridView
gridView.
.modelColumns
modelColumns[
['<COLUMN 1>'
'<COLUMN 1>']
].
.index
index;
;
*
* *
* *
* *
* *
* *
* *
* *
*
APEX By Ashish Sahay · August 11, 2023 · 0 Comment
COPY CODE
COPY CODE
COPY CODE
COPY CODE
Ontoor Solutions
Ontoor Solutions
Search](https://image.slidesharecdn.com/interactivegridshortcodes-ontoorblogs-230826174059-72cbf648/85/Interactive-Grid-shortcodes-Ontoor-blogs-pdf-1-320.jpg)
![8/26/23, 11:10 PM Interactive Grid shortcodes - Ontoor blogs
https://blogs.ontoorsolutions.com/post/interactive-grid-shortcodes-oracle-apex/ 2/5
How to Create Bubble Chart
in Oracle APEX 22.2.0 ? - On
blogs on How to create Cha
Region in Oracle APEX 22.2
Categories
APEX (184)
APEX Hours (2)
APEX Tutorials (17)
DBA (3)
Events and Webinars (3)
GITHUB (3)
IG (14)
Interactive Grid (18)
JavaScript (5)
Ontoor Concepts (5)
Ontoor Extras (1)
ORACLE (43)
Oracle Tutorials (1)
ORDS (2)
Others (4)
PLSQL (12)
PLUGINS (12)
Shorts (9)
SQL (17)
*
* *
* *
* *
* *
* *
* *
* *
*
if
if(
(selectedRecords
selectedRecords.
.length
length ===
=== 1
1)
){
{
console
console.
.log
log(
(selectedRecords
selectedRecords[
[0
0]
][
[col_1_idx
col_1_idx]
])
);
;
console
console.
.log
log(
(selectedRecords
selectedRecords[
[0
0]
][
[col_2_idx
col_2_idx]
])
);
;
}
}
GRID actions
// Save
// Save
apex
apex.
.region
region(
("emp"
"emp")
).
.call
call(
("getActions"
"getActions")
).
.invoke
invoke(
("save"
"save")
);
;
// Edit
// Edit
apex
apex.
.region
region(
("emp"
"emp")
).
.call
call(
("getActions"
"getActions")
).
.invoke
invoke(
("edit"
"edit")
);
;
// refresh
// refresh
apex
apex.
.region
region(
("emp"
"emp")
).
.call
call(
("getActions"
"getActions")
).
.invoke
invoke(
("refresh"
"refresh")
);
;
// Selected Refresh
// Selected Refresh
apex
apex.
.region
region(
("emp"
"emp")
).
.call
call(
("getActions"
"getActions")
).
.invoke
invoke(
("selection-refresh"
"selection-refresh")
);
;
Horizontal Scrollbars
#grid_id .a-GV-w-hdr{
#grid_id .a-GV-w-hdr{
overflow
overflow-
-x
x:
: auto
auto !
!important
important;
;
}
}
Persistent Selection
function
function (
(config
config)
){
{
config
config.
.defaultGridViewOptions
defaultGridViewOptions =
= {
{
persistSelection
persistSelection:
: true
true;
;
}
};
;
return
return config
config;
;
}
}
Add Row using JS
// Add Row
// Add Row
var
var $widget
$widget =
= apex
apex.
.region
region(
('<grid_id>'
'<grid_id>')
).
.widget
widget(
()
);
;
var
var $grid
$grid =
= $widget
$widget.
.interactiveGrid
interactiveGrid(
('getViews'
'getViews',
, 'grid'
'grid')
);
;
var
var $model
$model =
= $grid
$grid.
.model
model;
;
// insert new record on a model
// insert new record on a model
var
var newRecordId
newRecordId =
= $model
$model.
.insertNewRecord
insertNewRecord(
()
);
;
COPY CODE
COPY CODE
COPY CODE
COPY CODE](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)