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>
<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:
- Asignando valores :
- Detener una secuencia de acciones dinamicas
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
- 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
0 comentarios:
Post a Comment