https://www.nefele.dev/wiki/ 2026-04-11T15:45:40+0000 https://www.nefele.dev/wiki/ https://www.nefele.dev/wiki///www.nefele.dev/wiki/lib/tpl/20cones/images/favicon.ico text/html 2020-07-21T10:50:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/cpicture?rev=1595328629&do=diff Elementos de máscaras por defecto 9 : números a : letras * : caracteres alfanuméricos Tipos por defecto: integer decimal currency date time Para más información, consultar <https://github.com/RobinHerbots/Inputmask> text/html 2020-07-21T10:50:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/omask?rev=1595328629&do=diff wMask Control de pictures o máscaras para los controles de tipo wEdit Basado en el control de Robin Herbots <https://github.com/RobinHerbots/Inputmask> Propiedades Nombre Init Descripción Versión cFormat Permite ajustar el formato de visualización de los pictures date y time text/html 2023-05-04T19:26:04+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/twebpage?rev=1683228364&do=diff tWebPage La clase tWebPage es el contenedor de toda la página, en ella se procesa todo el código necesario para crear los controles que contiene y generar el HTML final que enviaremos al navegador como respuesta a la llamada a nuestro CGI. Es el único control que que retorna una cadena en el método text/html 2023-08-24T15:24:38+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/warraybrowse?rev=1692890678&do=diff wArrayBrowse Con wArrayBrowse podemos crear una tabla browse de solo lectura, esta basado el las tablas HTML con las propiedades que le añade Materialize y un poco de “tuneado” por nuestra parte. Admite un array (aItems) con los datos a presentar y otro con las comunas (aCols) pero en este caso lo que definimos es el aspecto de cada columna y la cabecera de ellas, para esto crearemos controles text/html 2022-03-26T12:14:14+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wattachfile?rev=1648296854&do=diff wAttachFile wAttachFile es uno de los controles básicos de Néfele, equivale a File Input de Materialize. Su función es permitirnos adjuntar archivos a nuestros wForm, por lo que enviaremos esos ficheros desde el dispositivo cliente a nuestra AppWeb, en dispositivos móviles podemos hacer capturas con la cámara y adjuntarla, como la captura la realiza el interface del dispositivo y no el navegador, no es necesario que nuestra AppWeb este en en un dominio HTTPS. text/html 2022-03-26T12:14:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wbadge?rev=1648296869&do=diff wBadge wBadge es un componente nativo de Materialize que podríamos definir como complementario de otros controles, ya que se suele utilizar dentro de wListView, wSplitButton, wSideNav, etc.. Siempre se alinea a la derecha y arriba del contenedor. Estos controles tendrán una Propiedad text/html 2022-03-26T19:06:04+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wbevel?rev=1648321564&do=diff wBevel wBevel es uno de los controles contenedores básicos de Néfele y tiene su equivalencia en el tag <DIV> de Html. Su función es encerrar dentro de él otros controles, permitiéndonos así tratarlos de una forma conjunta y crear dentro del documento html secciones que se comportarán de una manera uniforme. text/html 2022-03-28T22:08:25+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wbevelfooter?rev=1648505305&do=diff wBevelFooter Clase que gestiona los footers de las ventanas modales de Materialize Es usado por el método AddFooter() de la clase wBevel text/html 2022-03-26T12:14:57+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wbutton?rev=1648296897&do=diff wButton wButton es uno de los controles básicos de Néfele y tiene su equivalencia en el tag <button> de Html. Su función es presentar un botón en la página web sobre el que podemos hacer click para provocar una acción. Ejemplo de uso ---------- text/html 2020-11-06T21:48:13+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wcard?rev=1604699293&do=diff wCard text/html 2022-03-26T12:15:21+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wcheckbox?rev=1648296921&do=diff wCheckBox wCheckBox es uno de los controles básicos de Néfele, equivale a CheckBoxes de Materialize. Su función es presentar un cuadro que podamos clikear en la página web para un valor de tipo Booleano. Ejemplo de uso ---------- Propiedades Nombre text/html 2022-03-26T12:15:37+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wchips?rev=1648296937&do=diff wChips wChips tiene su equivalencia en el control Chips de Materialize. Hemos añadido la opción de utilizar un icono de Materialize en vez de una imagen. Ejemplo de uso ---------- Propiedades Nombre Init Descripción text/html 2022-03-26T12:15:49+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wcombobox?rev=1648296949&do=diff wComboBox wComboBox nos permite incluir en nuestras web un control Select de Materialize <https://materializecss.com/select.html>. Con el podemos darle al usuario la opción de seleccionar un item dentro de una lista de items que le ofrecemos. Los items los alimentamos mediante la propiedad aItems que puede ser utilizada de tres maneras. text/html 2020-11-06T22:29:21+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wcontrol?rev=1604701761&do=diff wControl Control base para la creación de controles Néfele. Propiedades Nombre Init Descripción Versión cClassId Identificador del control para generar el Id 0.1cId Nil text/html 2022-03-26T12:16:05+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wdatepicker?rev=1648296965&do=diff wDatePicker wDatePicker es uno de los controles básicos de Néfele. Muestra un campo de fecha que se puede rellenar a mano o pulsar sobre él y para presentar un calendario para escoger una fecha, podemos definir el periodo de fechas admitido. Ejemplo de uso text/html 2022-03-26T12:16:21+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wedit?rev=1648296981&do=diff wEdit Este control nos permite la introducción de datos en el AppWeb para que luego pueda ser enviado a nuestro CGI, puede ser Alfanumérico, Numérico, Contraseña, Email, Memo y Autocompletado. Como Edit Memo el alto es dinámico para que quepa el texto. text/html 2021-09-22T17:46:03+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wfileopendlg?rev=1632332763&do=diff wFileOpenDlg Este control será reemplazado con wAttachFile en próximas versiones de Néfele text/html 2020-11-06T19:19:25+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wflexitem?rev=1604690365&do=diff wFlexItem text/html 2023-08-24T15:26:14+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wfloatingbtn?rev=1692890774&do=diff wFloatingBtn wFloatingBtn es uno de los controles básicos de Néfele, equivale a Floating Action Button de Materialize. Con este control podemos crear un menú flotante en la parte baja de la página, estará siempre visible. Ejemplo de uso ---------- Propiedades text/html 2022-03-26T12:17:05+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wform?rev=1648297025&do=diff wForm El control wForm es el contenedor estándar para el tratamiento de formularios, equivale a <form> de HTML. Puede contener cualquier control de edición de datos, para una vez realizado el submit enviar el valor de todos los controles a nuestro CGI para poder tratarlos. text/html 2023-05-04T14:48:30+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wicon?rev=1683211710&do=diff wIcon Con wIcon añadimos Iconos a nuestras páginas web, por defecto tenemos habilitados los Iconos de Materialize pero también pueden habilitarse los de Font Awesome. Hay controles que entre sus propiedades hay objetos oIcons, oIconDelete, oIconEdit, etc..., estos son wIcon por lo que podemos acceder a sus propiedades como cualquier otro wIcon. text/html 2020-11-06T21:47:30+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wimage?rev=1604699250&do=diff wImage text/html 2020-08-12T20:47:20+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemcolbrowse?rev=1597265240&do=diff wItemColBrowse Con wItemColBrowse definimos el aspecto de las columnas de un wArrayBrowse, el Titulo, el tipo de dato de las celdas, los colores del texto y el fondo de las celdas, el cursor que aparecerá al poner encima el ratón y el ancho proporcional de la columna con respecto al total de la tabla. text/html 2020-07-21T10:50:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemcombobox?rev=1595328629&do=diff wItemComboBox Estos son los elementos que conformaran la propiedad aItems del wComboBox, podemos tener elementos No Seleccionables que aparecerán como cabecera de grupos de item. Para poder recuperar el valor seleccionado, podemos indicarle un valor a cIndex o en su defecto nos devolverá cText. text/html 2020-07-21T10:50:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemfloatbtn?rev=1595328629&do=diff wItemFloatBtn Con wItemFloatBtn definimos los botones colgantes de un wFloatingBtn o de un wSplitButton. Propiedades Nombre Init Descripción Versión cClassId ifbt 0.1cText Texto del botón, solo útil en el text/html 2022-03-22T19:12:34+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemlistview?rev=1647976354&do=diff wItemListView Propiedades Nombre Init Descripción Versión cClassId ilvw Identificador del control para generar el Id 1.0nRowId 0 Id del registro de la BBDD que se muestra en el LisView, si no hay Id no se puede editar/eliminar text/html 2020-11-06T21:43:42+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemparallax?rev=1604699022&do=diff wItemParallax text/html 2020-11-06T21:41:45+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemsidenav?rev=1604698905&do=diff wItemSideNav text/html 2020-11-06T21:40:42+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/witemslider?rev=1604698842&do=diff wItemSlider text/html 2022-03-26T12:08:43+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wlabel?rev=1648296523&do=diff wLabel wLabel es uno de los controles básicos de Néfele y, por defecto, tiene su equivalencia en el tag <span> de Html. Su función es presentar un texto en la página web. Ejemplo de uso ---------- Propiedades Nombre Init Descripción text/html 2020-11-06T19:22:03+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wlistview?rev=1604690523&do=diff wListView text/html 2021-08-20T21:48:02+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wmanifest?rev=1629496082&do=diff wManifest text/html 2020-11-06T21:45:19+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wmsgalert?rev=1604699119&do=diff wMsgAlert text/html 2020-11-06T19:24:39+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wpanel?rev=1604690679&do=diff wPanel text/html 2020-11-06T19:25:44+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wparallax?rev=1604690744&do=diff wParallax text/html 2022-06-09T14:46:39+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wpdfreport?rev=1654785999&do=diff wPDFReport Esta Clase nos permite crear documentos PDF sin utilizar ninguna herramienta externa, y además la creación del PDF se realiza del lado del cliente con el consiguiente ahorro de tiempo de ejecución de nuestro CGI. Tendremos que ir creando por código los elementos que componen el documento que queremos crear ( text/html 2022-03-26T12:19:17+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wqrcode?rev=1648297157&do=diff wQrCode Creación de códigos QR para incluirlos en nuestras páginas web en formato SVG o PNG. Código QR en Wikipedia Ejemplo de uso Si queremos utilizarlo desde JS podemos crear una función JS que luego podemos llamar desde cualquier evento. Por ejemplo en el OnClick de un wButton text/html 2020-11-06T21:43:23+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wradiomenu?rev=1604699003&do=diff wRadioMenu text/html 2020-11-06T21:43:09+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wrange?rev=1604698989&do=diff wRange text/html 2022-03-26T12:19:36+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wrebar?rev=1648297176&do=diff wRebar Es un objeto contenedor, cuya finalidad es funcionar como barra de navegación. Está compuesta de 3 zonas diferenciadas por su posición : brand-logo left, brand-logo center y brand-logo right - izquierda, centro y derecha respectivamente -. En cualquiera de estas zonas puede mostrar una imagen o un título. text/html 2023-09-10T17:38:31+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wrepeater?rev=1694367511&do=diff wRepeater text/html 2020-07-21T10:50:29+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wrow?rev=1595328629&do=diff wRow Consiste en un wBevel de typo nx_Row, sin márgenes y sin padding. Su uso está destinado a definir las distintas filas dentro del diseño Grid de materialize text/html 2022-03-26T12:19:57+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wseparator?rev=1648297197&do=diff wSeparator Este control es un wBevel que no es contenedor, su utilidad es básicamente como complemento para la organización de los controles, añadiendo espacios vació entre las filas de controles, podemos hacer que en añada una linea horizontal para facilitar la organización visual de la página. text/html 2020-11-06T21:42:55+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wsidenav?rev=1604698975&do=diff wSideNav text/html 2020-11-06T21:32:41+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wslider?rev=1604698361&do=diff wSlider text/html 2020-11-06T21:40:05+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wsplitbutton?rev=1604698805&do=diff wSplitButton text/html 2022-03-26T12:20:53+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wswitch?rev=1648297253&do=diff wSwitch El control wSwitch uno de los controles básicos de Néfele, equivale a Switches de Materialize. Su función es presentar un elemento de selección entre dos estados. Si queremos recuperar el valor sin utilizar el Submit de un Formulario, mediante la propiedad text/html 2022-03-26T12:21:09+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wtimepicker?rev=1648297269&do=diff wTimePicker wTimePicker es uno de los controles básicos de Néfele. Muestra un campo de hora que se puede rellenar a mano o pulsar sobre él y para presentar un reloj para escoger una hora y minutos. Ejemplo de uso ---------- Propiedades Nombre text/html 2020-11-06T21:38:47+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wtoast?rev=1604698727&do=diff wToast text/html 2020-11-06T21:38:01+0000 Anonymous (anonymous@undisclosed.example.com) https://www.nefele.dev/wiki/controles/wwaiton?rev=1604698681&do=diff wWaitOn