Snippets Apex Oracle , JavaScript , Css, / Codigo de uso diario

Quería escribir este post como una manera sencilla de organizar todas aquellas partes de código que a menudo uso para desarrollar, iré creando otro post con otros tips y código que uso, así como algunas herramientas que uso para desarrollar.


Botones:

icono : fa-save

  
<button type=\"button\" class=\"t-Button t-Button--icon t-Button--success t-Button--simple t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-save\">
</span>Guardar
</button>
<button type=\"button\" class=\"t-Button t-Button--icon t-Button--success t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-save\">
</span>Guardar</button>

icono: fa-ban

<button type=\"button\" class=\"t-Button t-Button--icon t-Button--warning t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-ban\"></span>
Anular
</button>

<button type=\"button\" class=\"t-Button t-Button--icon t-Button--warning t-Button--simple t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-ban\">
</span>Anular</button>

icono fa-trash :

<button type=\"button\" class=\"t-Button t-Button--icon t-Button--danger t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-trash\">
</span>Eliminar</button>

<button type=\"button\" class=\"t-Button t-Button--icon t-Button--danger t-Button--simple t-Button--iconLeft\">
<span aria-hidden=\"true\" class=\"t-Icon t-Icon--left fa fa-trash\">
</span>Eliminar</button>

icono fa-check

icono fa-times-circle:

icono fa-chevron-left

icono fa-chevron-right

Todas estas conbinaciones se pueden realizar desde el button builder de universal theme de apex.

JavaScript:

  • Obteniendo valores:

$v(\”P2_ITEM\”);

  • Asignando valores :

$s(\”P2_ITEM\”,\”Hello World!\”);

  • Detener una secuencia de acciones dinamicas

apex.da.cancelEvent.call(this)

APEX – JS 

  •  Mostrar errores en APEX usando javascript

// First clear the errors
apex.message.clearErrors();

// Now show new errors
apex.message.showErrors([
{
type: \"error\",
location: [ \"page\", \"inline\" ],
pageItem: \"P1_ENAME\",
message: \"Name is required!\",
unsafe: false
},
{
type: \"error\",
location: \"page\",
message: \"Page error has occurred!\",
unsafe: false
}
]);

  • Pequeño cambio para mostrar el error en un ITEM especifico

var id_item = $v(\'P700_ERROR_ITEM\'); 

apex.message.clearErrors();

apex.message.showErrors([
{
type: \"error\",
location: [ \"page\", \"inline\" ],
pageItem: id_abs,
message: \"Comment for disapprove is required!\",
unsafe: false
}
]);
  • Capturando el cambio de valor de un ITEM
$(\'#item\').change(funtion() {
console.log(this);
});
  • Saber si un checkbox esta marcado, (checked)
$(document).ready(function(){  

$(\"#checkbox_comprobar\").click(function() {
if($(\"#checkbox\").is(\':checked\')) {
alert(\"Está activado\");
} else {
alert(\"No está activado\");
}
});

});

APEX

  • Usando las mascaras de fecha , definidas en la configuracion global de apex
APP_NLS_DATE_FORMAT

APP_DATE_TIME_FORMAT

— Puedes reemplazar cualquier variable como una mascara ejem: &APP_DATE_TIME_FORMAT. o :APP_DATE_TIME_FORMAT

  • Habilitando el debug y mostrando mensaje , cuando se llama un proceso.

apex_debug.enable (p_level => 1);

apex_debug.message(\'Mensaje prueba mes inicio \' || :P120_MES_INICIO ,p_level =>1);

– luego puedes ver tu mensaje , abriendo la pestaba de verDebug en apex

  • Mostrando el icono de espera.
widget = apex.widget.waitPopup();

widget.remove();

Continuara ….

Referencias:

Checkbox

Obteniendo asignando valor items

Detener una accion dinamica

Published by Angel O. Flores Torres

System engineer, Applications engineer, working with C# and Oracle Apex 5, 5.1 since 2017. I specialize in Oracle APEX (Oracle Application Express )

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: