controles:wbutton
Creador de libros
Añadir esta página al libro
Añadir esta página al libro Creador de libros
Eliminar esta página del libro
Eliminar esta página del libro 
Mostrar, modificar libro (
Ayuda Tabla de Contenidos
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
WITH OBJECT WButton():New(:WO)
:cId := "Aceptar"
:cText := "Grabar la información"
:cOnClick := "@alert('Grabada la información')"
:cIcon := "add"
:lLarge := .T.
:lCenter := .T.
:Create()
END WITH
Propiedades
| Nombre | Init | Descripción | Versión |
|---|---|---|---|
| aParams | {} | Parametros extras a enviar al CGI { {“Param1”,“Valor1},{“Param2”,”Valor2“} } En caso de lSubmit:=.T. se envían todos los campos de edición por defecto | 0.1 |
| cAction | URL que será llamada al hacer Click, por defecto es el CGI que genero la página | 0.1 | |
| cAjaxBevel | Bevel donde se incrusta el resultado si la llamada cAction se ejecuta por Ajax | 0.1 | |
| cAjaxText | Mensaje a poner debajo del Reloj de Actividad | 0.1 | |
| cBackIcon | reply | Icono por defecto a mostrar cuando es lModalClose | 0.2 |
| cClrPane | Por defecto coge el color de Materializecss | 0.1 | |
| cClrPulse | Color para el efecto Pulse se puede elegir uno Materializecss | 0.1 | |
| cIcon | Icono del Botón, se puede elegir uno de la lista de Materialize | 0.1 | |
| cIconAlign | xc_Left | Alineación icono en el Botón | 0.1 |
| cModalTarget | Si el botón va a abrir una ventana modal, id de la ventana | 0.1 | |
| cOnClick | Función del CGI que se ejecuta al hacer click, si es lSubmit:=.T. no es necesario | 0.1 | |
| cPosition | xc_Center | Posición del botón respecto a su contenedor | 0.1 |
| cSubmitIcon | send | Icono por defecto a mostrar cuando es lSubmit | 0.2 |
| cSubmitForm | Si el wButton no esta dentro de un wForm, si queremos utilizarlo como Submit hay que indicarle cuales el cId del wForm | 0.2 | |
| cText | Texto del Botón ( admite códigos de html ) | 0.1 | |
| cTextAlign | xc_Center | Alineación de texto en el botón | 0.1 |
| lAjaxWaitON | .T. | Incluye un indicador de actividad mientras se ejecuta la función Ajax | 0.1 |
| lBack | .F. | Al pulsar el botón, retrocede a la página que ha llamado a la actual | 0.1 |
| lBold | .F. | Pone el texto del botón en negrita | 0.1 |
| lCenter | .F. | Se centra en su contenedor | 0.1 |
| lClearFix | .F. | Se asegura de que el botón inicie en una nueva fila | 0.1 |
| lContainer | .T. | El botón se encierra dentro de un contenedor tipo <div> | 0.1 |
| lEncript | .T. | Los parámetros del evento estarán encriptados en la pagina | 0.1 |
| lFlat | .F. | Habilita el modo Plano | 0.1 |
| lFloating | .F. | Habilita el modo Flotante | 0.1 |
| lLarge | .F. | Modo largo del botón | 0.1 |
| lModalClose | .F. | Indica que el botón es el encargado de cerrar la ventana modal que este abierta | 0.1 |
| lModalResult | .F. | Indica que el resultado de la llamada se presentará en una ventana modal, realizara la apertura de la ventana y luego ejecuta la llamada del CGI. | 0.1 |
| lPulse | .F. | Activa el efecto Pulse de Materializecss haciendo que el botón destelle | 0.1 |
| lRealButton | .F. | Se crean como ”<button>“ o como ”<a>“ OJO no puede haber más que un lRealButton en un Form, el Submit y lo coge automático | 0.1 |
| lShadowSheet | .F. | Presenta el ShadowSheet definido en tWebPage al picar en el, de esa manera evitamos que puedan picar en cualquier otro control mientras se esta realizando la llamada a nuestro CGI, muy util en llamadas por Ajax o contra servidores lentos | 0.1 |
| lSubmit | .F. | Submit es el botón por defecto que se ejecuta al pulsar Intro en el formulario, solo puede existir uno en cada página | 0.1 |
| nFix | 0 | Ancho del Botón respecto a su contenedor( en cualquier medida válida css ) | 0.1 |
Hereda de...
wControl
Propiedades
| Nombre | Init | Descripción | Versión |
|---|---|---|---|
| cClassId | Identificador del control para generar el Id | 0.1 | |
| cId | Nil | Identificador único para cada Control | 0.1 |
| oParent | Control contenedor | 0.1 | |
| oHtml | Objeto de la clase wHtml con el código para su renderizado | 0.1 | |
| oStyle | Objeto de la clase wStyle con las variantes de estilo | 0.1 | |
| lEnabled | .t. | El control aparece Habilitado o Inhabilitado | 0.1 |
| lHide | .f. | El control aparece Oculto o Visible | 0.1 |
| aWidth | {12,,,} | Ancho del control según el tamaño de la pantalla | 0.1 |
| aOffset | {,,,} | Margen izquierdo según el tamaño de la pantalla | 0.1 |
| cClrText | black | Color de Texto | 0.1 |
| cClrPane | white | Color del Fondo | 0.1 |
Métodos
| Nombre | Descripción | Versión |
|---|---|---|
| Create | Este es el método que crea cada uno de los controles, esta desarrollado en cada Control | 0.1 |
| FullHtml | Nos devuelve una cadena con todo el código HTML y JS necesario para crear el control | 0.1 |
| LogDebug | Nos Añade un mensaje a la consola del navegador cuando estamos en modo Debugger | 0.1 |
| Assert | Nos Añade un comentario en el HTML cuando estamos en modo Debugger | 0.1 |
| AddHTML | Nos Añade código HTML dentro del control | 0.1 |
| AddParam | Añade un parámetro a la propiedad aParams, hay que pasarle un array {“nombre”,“valor”} | 0.2 |
controles/wbutton.txt · Última modificación: 26/03/2022 12:14 por pedro
Comentario wButton