controles:wbutton
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
controles:wbutton [04/01/2020 23:02] pedro |
controles:wbutton [26/03/2022 12:14] (actual) pedro [Ejemplo de uso] |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| - | ====== wButton ====== | + | ====== wButton ====== |
| wButton es uno de los controles básicos de Néfele y tiene su equivalencia en el tag <button> de Html. | wButton es uno de los controles básicos de Néfele y tiene su equivalencia en el tag <button> de Html. | ||
| Línea 6: | Línea 6: | ||
| ===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
| + | {{url>https://samples.nefele.dev/wiki/wbutton 100%,120px}} | ||
| <Code:xailer linenums:1> | <Code:xailer linenums:1> | ||
| WITH OBJECT WButton():New(:WO) | WITH OBJECT WButton():New(:WO) | ||
| Línea 17: | Línea 18: | ||
| END WITH | END WITH | ||
| </Code> | </Code> | ||
| - | {{url>https://samples.nefele.dev/wbutton 100%,120px}} | ||
| ---- | ---- | ||
| Línea 25: | Línea 25: | ||
| ^Nombre ^Init ^Descripción ^Versión ^ | ^Nombre ^Init ^Descripción ^Versión ^ | ||
| - | |[[propiedades:cClassId]] | btn | cId genérico de la clase si no se indica un cId al usarlo serán btn0001 btn0002 OJO no debe haber 2 iguales en la misma página| 0.1| | ||
| - | |cText | | Texto del Botón admite códigos de html como <b> <u> <i> </b> </u> </i>| 0.1| | ||
| - | |lSubmit | .F. | [[https://materializecss.com/buttons.html#submit|Submit]] es el botón por defecto que se ejecuta al pulsar Intro en el formulario, solo puede haber uno.| 0.1| | ||
| - | |lLarge | .F. | Modo [[https://materializecss.com/buttons.html#large|largo]] del botón| 0.1| | ||
| - | |lCenter | .F. | Se centra en su contenedor| 0.1| | ||
| - | |lFloating | .F. | Habilita el modo [[https://materializecss.com/buttons.html#floating|Flotante]]| 0.1| | ||
| - | |lFlat | .F. | Habilita el modo [[https://materializecss.com/buttons.html#flat|Plano]]| 0.1| | ||
| - | |[[propiedades:cOnClick]] | | Función del CGI que se ejecuta al hacer click, si es lSubmit:=.T. no es necesario| 0.1| | ||
| - | |cAction | | URL que sera llamada al hacer Click, por defecto es el CGI que genero la página| 0.1| | ||
| - | |cIcon | | Icono del Botón, se puede elegir uno de la lista de [[https://materializecss.com/icons.html|Materialize]] | 0.1| | ||
| - | |cIconAlign | [[nefele:constantes#alineaciones|xc_Left]] | Alineación icono en el Botón | 0.1| | ||
| |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| | |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| | ||
| - | |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| | + | |cAction | | URL que será llamada al hacer Click, por defecto es el CGI que genero la página| 0.1| |
| - | |nFix | 0 | Ancho fijo del Botón en 'px', si es 0 se ajusta al contenido | 0.1| | + | |cAjaxBevel | | Bevel donde se incrusta el resultado si la llamada cAction se ejecuta por [[tecnicas:Ajax]]| 0.1| |
| - | |cTextAlign | [[nefele:constantes#alineaciones|xc_Center]] | Alineación de texto en el botón| 0.1| | + | |
| - | |cAjaxBevel | | Bevel donde se incrusta el resultado de la llamada al Ajax| 0.1| | + | |
| - | |lAjaxWaitON | .T. | Incluye un indicador de actividad mientras se ejecuta la función Ajax| 0.1| | + | |
| |cAjaxText | | Mensaje a poner debajo del Reloj de Actividad| 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 [[https://materializecss.com/color.html|Materializecss]] | 0.1| | |cClrPane | | Por defecto coge el color de [[https://materializecss.com/color.html|Materializecss]] | 0.1| | ||
| - | |lPulse | .F. | Activa el efecto Pulse de [[https://materializecss.com/pulse.html|Materializecss]] haciendo que el botón destelle| 0.1| | ||
| |cClrPulse | | Color para el efecto Pulse se puede elegir uno [[https://materializecss.com/color.html|Materializecss]] | 0.1| | |cClrPulse | | Color para el efecto Pulse se puede elegir uno [[https://materializecss.com/color.html|Materializecss]] | 0.1| | ||
| + | |cIcon | | Icono del Botón, se puede elegir uno de la lista de [[https://materializecss.com/icons.html|Materialize]] | 0.1| | ||
| + | |cIconAlign | [[nefele:constantes#alineaciones|xc_Left]] | Alineación icono en el Botón | 0.1| | ||
| + | |cModalTarget | | Si el botón va a abrir una [[tecnicas:ventanas modales| ventana modal]], id de la ventana | 0.1| | ||
| + | |[[propiedades:cOnClick]] | | Función del CGI que se ejecuta al hacer click, si es lSubmit:=.T. no es necesario| 0.1| | ||
| + | |cPosition | [[nefele:constantes#alineaciones|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 | [[nefele:constantes#alineaciones|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 [[https://materializecss.com/buttons.html#flat|Plano]]| 0.1| | ||
| + | |lFloating | .F. | Habilita el modo [[https://materializecss.com/buttons.html#floating|Flotante]]| 0.1| | ||
| + | |lLarge | .F. | Modo [[https://materializecss.com/buttons.html#large|largo]] del botón| 0.1| | ||
| + | |lModalClose | .F. | Indica que el botón es el encargado de cerrar la [[tecnicas:ventanas modales| ventana modal]] que este abierta | 0.1| | ||
| + | |lModalResult | .F. | Indica que el resultado de la llamada se presentará en una [[tecnicas:ventanas modales| ventana modal]], realizara la apertura de la ventana y luego ejecuta la llamada del CGI. | 0.1| | ||
| + | |lPulse | .F. | Activa el efecto Pulse de [[https://materializecss.com/pulse.html|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 [[controles: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 [[tecnicas:Ajax]] o contra servidores lentos| 0.1| | ||
| + | |lSubmit | .F. | [[https://materializecss.com/buttons.html#submit|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... ===== | ===== Hereda de... ===== | ||
controles/wbutton.1578178942.txt.gz · Última modificación: 21/07/2020 10:50 (editor externo)
