Monday, June 11, 2018

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




Share:

Acerca de mi:

img

Angel O. Flores Torres, soy Ingeniero de Sistemas CIP: 193925 e Ingeniero de Aplicaciones Apex, he trabajado con Oracle Apex 5 y 5.1 desde el 2017, En los ultimos años he desarrollado habilidades en CSS, JavaScript, Jquery y PlSql , I specialize in Oracle APEX (Oracle Application Express )

Followers

Popular Posts