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:
A little knowledge to share (Oracle APEX) 