{"id":14413,"date":"2020-03-13T18:33:35","date_gmt":"2020-03-14T01:33:35","guid":{"rendered":"http:\/\/clartechsolutions.com\/?p=14413"},"modified":"2023-03-01T18:16:17","modified_gmt":"2023-03-01T18:16:17","slug":"mensajes-y-botones-en-apex","status":"publish","type":"post","link":"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/","title":{"rendered":"Mensajes y Botones en APEX"},"content":{"rendered":"<p>En esta entrega vamos a ver c\u00f3mo podemos manejar distintos mensajes disparados por medio de botones.<\/p>\n<div style=\"width: 750px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-14413-1\" width=\"750\" height=\"438\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/clartechsolutions.com\/wp-content\/uploads\/2020\/03\/2020-03-24_16h51_52.mp4?_=1\" \/><a href=\"http:\/\/clartechsolutions.com\/wp-content\/uploads\/2020\/03\/2020-03-24_16h51_52.mp4\">http:\/\/clartechsolutions.com\/wp-content\/uploads\/2020\/03\/2020-03-24_16h51_52.mp4<\/a><\/video><\/div>\n<p style=\"text-align: left;\">Vamos a crear estos cuatro botones en una p\u00e1gina en APEX:<\/p>\n<h2><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" data-attachment-id=\"16367\" data-permalink=\"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/imgbotones\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?fit=809%2C184&amp;ssl=1\" data-orig-size=\"809,184\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"imgbotones\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?fit=750%2C171&amp;ssl=1\" class=\"alignnone wp-image-16367 size-full\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?resize=750%2C171&#038;ssl=1\" alt=\"\" width=\"750\" height=\"171\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?w=809&amp;ssl=1 809w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?resize=300%2C68&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?resize=768%2C175&amp;ssl=1 768w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/imgbotones.png?resize=18%2C4&amp;ssl=1 18w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/h2>\n<h2><strong>BTN_ALERT<\/strong><\/h2>\n<p>CSS Classes: u-warning<\/p>\n<p>Icon: fa-warning<\/p>\n<p>Creamos una acci\u00f3n din\u00e1mica de tipo JavaScript:<\/p>\n<pre>\/\/ Se muestra el cuadro de di\u00e1logo \u2018alerta sin bloqueo\u2019,\n\/\/ entonces despu\u00e9s que se da clic en OK se ejecuta el pr\u00f3ximo cuadro de alerta\n\/\/ y si tuvi\u00e9ramos cualquier otro c\u00f3digo se ejecutar\u00eda al cerrar el cuadro de di\u00e1logo.\napex.message.alert('alerta sin bloqueo', function() {\n \u00a0\u00a0 apex.message.alert('cerrar la alerta');\n \u00a0\u00a0 --mifuncion();\n});<\/pre>\n<p>Usamos la funci\u00f3n <strong>alert(pMessage, pCallback)<\/strong><\/p>\n<p>Par\u00e1metros:<\/p>\n<p><strong>Nombre \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Tipo\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Descripci\u00f3n<\/strong><\/p>\n<p>pMessage\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0String \u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 El mensaje que se mostrar\u00e1 en el cuadro de di\u00e1logo de alerta.<\/p>\n<p>pCallback\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Funci\u00f3n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Llamada a la Funci\u00f3n Callback cuando el di\u00e1logo est\u00e1 cerrado.<\/p>\n<p>Esta funci\u00f3n muestra un cuadro de di\u00e1logo de alerta con el mensaje dado y el bot\u00f3n Ok. La funci\u00f3n de devoluci\u00f3n de llamada es pasada cuando se llama al par\u00e1metro pCallback cuando se cierra el cuadro de di\u00e1logo.<\/p>\n<p>El cuadro de di\u00e1logo se muestra con el widget jQuery UI &#8220;Di\u00e1logo&#8221;. Existen algunas diferencias entre esta funci\u00f3n y la funci\u00f3n de alerta incorporada de un navegador: &#8211; El estilo de di\u00e1logo ser\u00e1 coherente con el resto de la aplicaci\u00f3n. &#8211; El cuadro de di\u00e1logo se puede mover. &#8211; La llamada a apex.message.alert no se bloquea. Cualquier c\u00f3digo definido despu\u00e9s de la llamada a apex.message.alert se ejecutar\u00e1 antes de que el usuario presione OK. Por lo tanto, el c\u00f3digo que se ejecutar\u00e1 despu\u00e9s de que el usuario cierre el cuadro de di\u00e1logo debe realizarse desde la devoluci\u00f3n de llamada, como lo vemos en el ejemplo.<\/p>\n<p>Nota: Si alguno de los siguientes dos requisitos previos no se cumple, la funci\u00f3n recurre al uso de la confirmaci\u00f3n integrada del navegador: &#8211; el c\u00f3digo del widget del cuadro de di\u00e1logo de la interfaz de usuario jQuery debe cargarse en la p\u00e1gina. &#8211; El navegador debe estar ejecut\u00e1ndose en modo &#8220;Standards&#8221;. Esto se debe a que si se est\u00e1 ejecutando en modo &#8216;Quirks&#8217; (como es el caso con algunos temas m\u00e1s antiguos), esto puede causar problemas con la posici\u00f3n de visualizaci\u00f3n, donde el cuadro de di\u00e1logo se posiciona en el centro vertical de la p\u00e1gina, en lugar del centro de la p\u00e1gina visible.<\/p>\n<h2><strong>BTN_SUCCESS<\/strong><\/h2>\n<p>CSS Classes: u-success<\/p>\n<p>Icon: fa-check-circle-o<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"16368\" data-permalink=\"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/img3-10\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?fit=644%2C622&amp;ssl=1\" data-orig-size=\"644,622\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"img3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?fit=644%2C622&amp;ssl=1\" class=\"alignnone wp-image-16368 size-full\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?resize=644%2C622&#038;ssl=1\" alt=\"\" width=\"644\" height=\"622\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?w=644&amp;ssl=1 644w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?resize=300%2C290&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img3.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/p>\n<p>Creamos una acci\u00f3n din\u00e1mica de tipo JavaScript:<\/p>\n<pre>apex.message.showPageSuccess('\u00a1Exitoso!');<\/pre>\n<p>Usamos la funci\u00f3n <strong>showPageSuccess<span class=\"signature\">(pMessage)<\/span><\/strong><\/p>\n<p>Par\u00e1metro:<\/p>\n<p><strong>Nombre \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Tipo\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Descripci\u00f3n<\/strong><\/p>\n<p>pMessage\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0String\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 El mensaje de \u00e9xito para mostrar.<\/p>\n<p>Esta funci\u00f3n muestra un mensaje de \u00e9xito a nivel de p\u00e1gina. Esto borrar\u00e1 cualquier mensaje de \u00e9xito anterior que se muestre, y tambi\u00e9n supone que no hay errores, por lo que borrar\u00e1 cualquier error que se haya mostrado anteriormente.<\/p>\n<p>Los mensajes de \u00e9xito se mostrar\u00e1n utilizando la plantilla del tema de la aplicaci\u00f3n actual. Espec\u00edficamente para los mensajes de \u00e9xito de la p\u00e1gina, se utilizar\u00e1 el marcado del atributo &#8220;Subtemplate &gt; Success Message&#8221; de la plantilla de p\u00e1gina.<\/p>\n<p>Consejo: como desarrollador de temas, podemos influir o anular lo que sucede cuando se muestra un mensaje de \u00e9xito a nivel de p\u00e1gina.<\/p>\n<p>Para obtener m\u00e1s informaci\u00f3n, podemos consultar la funci\u00f3n apex.message.setThemeHooks (espec\u00edficamente la funci\u00f3n de devoluci\u00f3n de llamada beforeShow, donde necesitaremos verificar &#8216;pMsgType === apex.message.TYPE.SUCCESS&#8217; para aislar cuando se muestra un mensaje de \u00e9xito a nivel de p\u00e1gina).<\/p>\n<h2><strong>BTN_ERROR<\/strong><\/h2>\n<p>CSS Classes: u-danger<\/p>\n<p>Icon: fa-exclamation-diamond-o<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"16369\" data-permalink=\"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/img4-7\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?fit=643%2C626&amp;ssl=1\" data-orig-size=\"643,626\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"img4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?fit=643%2C626&amp;ssl=1\" class=\"alignnone wp-image-16369 size-full\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?resize=643%2C626&#038;ssl=1\" alt=\"\" width=\"643\" height=\"626\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?w=643&amp;ssl=1 643w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?resize=300%2C292&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img4.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><\/p>\n<p>Creamos una acci\u00f3n din\u00e1mica de tipo JavaScript:<\/p>\n<pre>apex.message.showErrors([\n \u00a0\u00a0 {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 type:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'error',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 location:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'page',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 message:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 '\u00a1Hubo un problema!',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 unsafe:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 false\n \u00a0\u00a0 }\n]);<\/pre>\n<p>Usamos la funci\u00f3n <strong>showErrors<span class=\"signature\">(pErrors)<\/span><\/strong><\/p>\n<p>Par\u00e1metro<\/p>\n<p><strong>Nombre: <\/strong>pErrors<\/p>\n<p><strong>\u00a0Tipo: <\/strong>Object | Array &lt;Object&gt;<\/p>\n<p><strong>\u00a0Descripci\u00f3n: <\/strong>Un objeto o conjunto de objetos con las siguientes propiedades:<\/p>\n<table style=\"height: 293px;\" width=\"1001\">\n<thead>\n<tr>\n<td><strong>Name<\/strong><\/td>\n<td><strong>Type<\/strong><\/td>\n<td><strong>Attributes<\/strong><\/td>\n<td><strong>Default<\/strong><\/td>\n<td><strong>Description<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>type<\/strong><\/td>\n<td>string<\/td>\n<td><\/td>\n<td><\/td>\n<td>Debe pasar &#8220;error&#8221;, aunque puede admitir diferentes tipos de notificaci\u00f3n en el futuro.<\/td>\n<\/tr>\n<tr>\n<td><strong>location<\/strong><\/td>\n<td>string\u00a0|\u00a0Array.&lt;string&gt;<\/td>\n<td><\/td>\n<td><\/td>\n<td>Los valores posibles son: \u201cinline\u201d, \u201cpage\u201d o [ \u201cinline\u201d, \u201cpage\u201d ].<\/td>\n<\/tr>\n<tr>\n<td><strong>pageItem<\/strong><\/td>\n<td>string<\/td>\n<td><\/td>\n<td><\/td>\n<td>Referencia del elemento donde debe aparecer un error \u2018inline\u2019 . Necesario cuando location = \u201cinline\u201d.<\/td>\n<\/tr>\n<tr>\n<td><strong>message<\/strong><\/td>\n<td>string<\/td>\n<td><\/td>\n<td><\/td>\n<td>El mensaje de error.<\/td>\n<\/tr>\n<tr>\n<td><strong>unsafe<\/strong><\/td>\n<td>boolean<\/td>\n<td>&lt;optional&gt;<\/td>\n<td>true<\/td>\n<td>Pasar verdadero (true) para que el mensaje sea escapado por showErrors. Pasar falso (false) si el mensaje ya se escap\u00f3 y no necesita ser escapado por showErrors.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Esta funci\u00f3n muestra todos los errores en la pila de errores apex.message. Los errores se mostrar\u00e1n usando las plantillas del tema de la aplicaci\u00f3n actual. Para los mensajes de nivel de p\u00e1gina (donde ubicaci\u00f3n = &#8220;page&#8221;), los mensajes de error usan marcado del atributo &#8220;Subtemplate &gt; Notification&#8221; de la plantilla de p\u00e1gina. Para los mensajes a nivel de elemento (donde ubicaci\u00f3n = &#8220;inline&#8221;), los mensajes de error utilizan el marcado del atributo &#8220;Error Display &gt; Error Template&#8221; de la plantilla de etiqueta del elemento.<\/p>\n<p>Nota: los desarrolladores de temas deben tener en cuenta lo siguiente: Para mostrar los errores de un tema correctamente, deben definir los dos atributos de plantilla descritos anteriormente. Adem\u00e1s, para los errores en l\u00ednea, la plantilla de etiqueta debe hacer referencia a la cadena de sustituci\u00f3n #ERROR_TEMPLATE# en los atributos &#8220;Before Item&#8221; o &#8220;After Item&#8221; de sus plantillas de etiquetas.<\/p>\n<p>Como desarrolladores de temas, tambi\u00e9n pueden influir o anular lo que sucede al mostrar errores a nivel de p\u00e1gina de igual forma descripta anteriormente.<\/p>\n<h2><strong>BTN_ERROR_CLEAR<\/strong><\/h2>\n<p>CSS Classes: u-danger<\/p>\n<p>Icon: fa-exclamation-circle-o<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"16370\" data-permalink=\"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/img5-5\/\" data-orig-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?fit=641%2C625&amp;ssl=1\" data-orig-size=\"641,625\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"img5\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?fit=641%2C625&amp;ssl=1\" class=\"alignnone wp-image-16370 size-full\" src=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?resize=641%2C625&#038;ssl=1\" alt=\"\" width=\"641\" height=\"625\" srcset=\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?w=641&amp;ssl=1 641w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?resize=300%2C293&amp;ssl=1 300w, https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/img5.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 641px) 100vw, 641px\" \/><\/p>\n<p>Creamos una acci\u00f3n din\u00e1mica de tipo JavaScript:<\/p>\n<pre>apex.message.clearErrors();\napex.message.showErrors([\n \u00a0\u00a0 {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 type:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'error',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 location:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'page',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 message:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 '\u00a1Eliminado todos esos errores!',\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 unsafe:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 false\n \u00a0\u00a0 }\n]);<\/pre>\n<p>Si no deseamos agregar a la pila los errores, primero debemos llamar a la funci\u00f3n clearErrors(), como vemos en el ejemplo.<\/p>\n<pre><span class=\"com\">\/\/ Primero se limpian los errores<\/span> \n<span class=\"pln\">apex<\/span><span class=\"pun\">.<\/span><span class=\"pln\">message<\/span><span class=\"pun\">.<\/span><span class=\"pln\">clearErrors<\/span><span class=\"pun\">();<\/span> \n\n<span class=\"com\">\/\/ Ahora se muestran nuevos errores<\/span> \n<span class=\"pln\">apex<\/span><span class=\"pun\">.<\/span><span class=\"pln\">message<\/span><span class=\"pun\">.<\/span><span class=\"pln\">showErrors<\/span><span class=\"pun\">([<\/span> \n<span class=\"pun\">  \u00a0 {<\/span> \n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 type<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"error\"<\/span><span class=\"pun\">,<\/span> \n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 location<\/span><span class=\"pun\">:<\/span> <span class=\"pun\">[<\/span> <span class=\"str\">\"page\"<\/span><span class=\"pun\">,<\/span> <span class=\"str\">\"inline\"<\/span> <span class=\"pun\">],<\/span> \n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 pageItem<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"P1_ENAME\"<\/span><span class=\"pun\">,<\/span> \n<span class=\"pln\">  \u00a0 \u00a0  \u00a0message<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"\u00a1El nombre es requerido!\"<\/span><span class=\"pun\">,<\/span> \n<span class=\"kwd\">  \u00a0 \u00a0  \u00a0unsafe<\/span><span class=\"pun\">:<\/span> <span class=\"kwd\">false<\/span> \n<span class=\"pun\">  \u00a0 },<\/span><span class=\"pun\">{<\/span>\n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 type<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"error\"<\/span><span class=\"pun\">,<\/span> \n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 location<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"page\"<\/span><span class=\"pun\">,<\/span> \n<span class=\"pln\">  \u00a0 \u00a0 \u00a0 message<\/span><span class=\"pun\">:<\/span> <span class=\"str\">\"\u00a1Se ha producido un error de p\u00e1gina<\/span>!\"<span class=\"pun\">,<\/span> \n<span class=\"kwd\">  \u00a0 \u00a0 \u00a0 unsafe<\/span><span class=\"pun\">:<\/span> <span class=\"kwd\">false<\/span> \n<span class=\"pun\">  \u00a0 }<\/span> \n<span class=\"pun\">]);<\/span><\/pre>\n<p>Para m\u00e1s informaci\u00f3n sobre estas funciones puedes ir a la documentaci\u00f3n de Oracle APEX 19.2 <a href=\"https:\/\/docs.oracle.com\/en\/database\/oracle\/application-express\/19.2\/aexjs\/apex.message.html#.alert\" target=\"_blank\" rel=\"noopener noreferrer\">AQUI<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En esta entrega vamos a ver c\u00f3mo podemos manejar distintos mensajes disparados por medio de botones. Vamos a crear estos cuatro botones en una p\u00e1gina en APEX: BTN_ALERT CSS Classes: u-warning Icon: fa-warning Creamos una acci\u00f3n din\u00e1mica de tipo JavaScript: \/\/ Se muestra el cuadro de di\u00e1logo \u2018alerta sin bloqueo\u2019, \/\/ entonces despu\u00e9s que se<a class=\"more-link\" href=\"https:\/\/kiusi.com\/en\/mensajes-y-botones-en-apex\/\">Continue reading <span class=\"screen-reader-text\">&#8220;Mensajes y Botones en APEX&#8221;<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":16530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":true},"categories":[121913,121999],"tags":[121903,122041,122042,122043,121886,121904,122044],"class_list":["post-14413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex-19-2","tag-apex","tag-apex-message-alert","tag-apex-message-clearerrors","tag-apex-message-showerrors","tag-oracle","tag-oracle-apex","tag-showpagesuccess","entry"],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-3Kt","amp_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2020\/03\/Destacada-Mensajes-y-Botones-en-APEX.jpg?fit=2949%2C1735&ssl=1","_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=14413"}],"version-history":[{"count":2,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14413\/revisions"}],"predecessor-version":[{"id":16371,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/14413\/revisions\/16371"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/16530"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=14413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=14413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=14413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}