Blank Row Restriction in Oracle APEX

Description:

Blank Row Restriction is to avoid unwanted addition of rows in detail report (tabular Form) when a blank row already exists. This functionality can be achieved by Javascript. It is simple but can be reused everywhere.

Step:1:

 

Change Add Row Button action as “Defined by Dynamic Action.”

 

Step:2:

 

Create Dynamic Action with action as

 

Event: Click Button

 

Action : Execute Javascript Code

Code :

var i = 1;

var count = 0;

var c;

while (i != 0) {

b = “000” + i;

//alert(b);

b = pad(i,4);                     // calls function pad and pads 4     zeros

a = $x(“f05_” + b).value;           // id of mandatory column

//alert(a);

if (typeof a === “undefined”) {

i = 0;

} else {

c = a.trim();

if (c.length == 0) {

count = count + 1;

} else {

count = 0;

}

i = i + 1;

}

 

}

if (count == 0) {

javascript:apex.widget.tabular.addRow();              // Adds New    Row

//javascript:addRowTop();

}

else {

$(“#alert”).html(“Blank row already exists. Hence cannot add row”);

$(“#alert”).dialog({modal:true,resizable: false,minHeight: 105,width:380,dialogClass: ‘testclass’});

}

// Alert displayed with Jquery Dialog . For Better include Class as testclass and style elements, Otherwise Ignore it

function pad(n, width, z) {

z = z || ‘0’;

n = n + ”;

return n.length >= width ? n : new Array(width – n.length + 1).join(z) + n;

}

 

CSS : (Include CSS as Inline CSS)

 

.testclass .ui-dialog-titlebar

{

background:#00433c !important;

color:white !important;

}

.testclass .ui-dialog

{

top:50px !important;

}

.testclass .ui-dialog-title

{

color:white !important;

font-family: ‘Helvetica Neue’,’Segoe UI’,Helvetica,Arial,sans-serif !important;

margin-left:10px !important;

}

.testclass .body-content

{

/* Blur and de-color */

-webkit-filter: blur(5px) grayscale(50%);

 

/* Recede */

-webkit-transform: scale(0.9);

 

}

.testclass .ui-dialog-content

{

overflow:hidden !important;

font-family: ‘Helvetica Neue’,’Segoe UI’,Helvetica,Arial,sans-serif !important;

font-size:14px !important;

margin-top:12px !important;

margin-left:10px !important;

}

 

Output:

 

Summary: This post explains about blank Row Restriction in Oracle APEX

Queries?

Do drop a note by writing us at contact@staging.doyensys.com or use the comment section below to ask your questions.

 

Recent Posts