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