Herramientas de usuario

Herramientas del sitio


controles:wform

¡Esta es una revisión vieja del documento!


wForm

El control wForm es el contenedor estándar para el tratamiento de formularios, equivale a <form></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.

Para realizar en envió (submit) sera necesario añadir un wButton con la propiedad lSubmit a .T., solo puede existir un botón submit en cada formulario, también podemos asignarle la funcionalidad submit a un wEdit que este en el formulario.

Normalmente en los formularios HTML cuando en un campo de texto pulsamos [Intro] se ejecuta el submit de dicho formulario. En Néfele, al pulsar [Intro] pasamos el foco al siguiente control, excepto que dicho wEdit tenga su propiedad lSubmit a .T., asignándola directamente o utilizando el método :SetSubmit(), en ese caso se ejecutaría el submit del formulario al pulsar [Intro] en dicho control.

El Submit enviara al CGI un parámetro por cada control, siempre que tengan algún valor, por ejemplo los wCheck si están a False no se envía ningún parámetro, por eso es muy practico utilizar le método oCGI:GetCGIValue con el parámetro xdefault con el valor que nos debe retornar en caso de que no venga.

Los controles que permitan múltiples valores, retornaran un array por lo que es más apropiado tratarlos con oCGI:GetCGIArray.

En HTML los controles que estén disabled, por defecto no se envían en el submit, tengan o no valor. En Néfele si tiene valor se tratan como al resto de controles.

Por defecto se le asigna el foco al primer control del Formulario que permita edición, si queremos que sea otro deberemos indicarlo en la propiedad lAutoFocus de dicho control, y habilitar la propiedad lNoAutoFocus del Formulario.

your text here

Ejemplo de uso

   WITH OBJECT WBevel():New(o)
      :cTitle      := "Introduzca Usuario y Contraseña"
      :cTitleAlign := xc_Center
      :aWidth      := {12,8}
      :aOffset     := {,2}
      WITH OBJECT WForm():New(:WO)
         :cFunction := "visparam"
         WITH OBJECT WEdit():New(:WO)
            :cId   := "usuario"
            :cHint := "Usuario"
            :cIcon := "person"
            :SetRequired()
            :Create()
         END WITH
         WITH OBJECT WEdit():New(:WO)
            :cId   := "password"
            :cHint := "Password"
            :cIcon := "vpn_key"
            :SetPassword()
            :SetRequired()
            :Create()
         END WITH
         :Create()
      END WITH
      :Create()
   END WITH

Propiedades

Nombre Init Descripción Versión
cClassId swt 0.1
cTitle Texto en pequeño que aparece sobre el Check 0.1
cTextOn Texto en para el estado On (a la derecha) 0.1
cTitle Texto en para el estado Off (a la izquierda) 0.1
cAlign xc_NoAlign Alineación 0.1
lChecked .F. Estado inicial del Switch 0.1
cClrTitle black Color del título según Materialize 0.1
cChecked true Valor que devuelve cuando esta seleccionado, solo en formularios con Submit, si se pide su Value por aParams nos devuelve siempre este valor, este o no Checkeado 0.1
aWidth {11,,,} Valores de Width apropiados para checkbox 0.1
aOffset {1,,,} Valores de Offset apropiados para checkbox 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
14/11/2019 14:37 · fredy

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
14/11/2019 14:37 · fredy

Comentario wForm

Escribe el comentario. Se permite la sintaxis wiki:
 
controles/wform.1582653016.txt.gz · Última modificación: 21/07/2020 10:50 (editor externo)