PC SOFT

AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente. Haga clic aquí para ver la versión en inglés.
  • Resumen de control Campo de entrada
  • Crear un "Editar" control
  • Principales características de control Campo de entrada
  • Tipo de una control Campo de entrada
  • Tipo y máscaras
  • Visualización de un texto de sugerencia en una edición de control
  • Otras características importantes
  • Estilo del control Campo de entrada
  • Personalización del teclado alfanumérico
  • Validación de los controles de edición mediante la tecla Intro
  • Características específicas de HTML 5
  • Convertir una control de edición en una control Estático
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Resumen de control Campo de entrada
El control Campo de entrada permite al usuario escribir información. La control Campo de entrada también se puede utilizar para ver información.

Crear un "Editar" control

Para crear una control"Edit":
  1. En la pestaña "Creación", en el grupo "Controles frecuentes", haga clic en .
  2. Haga clic en la ventana o página en la ubicación en la que desea crear el control. El control aparece en el editor.
Observación: También tiene la posibilidad de crear un control Campo de entrada a partir de una lista de controles preestablecidos expandiendo "Edit".. La lista de controles disponibles se muestra con la plantilla del proyecto. Simplemente haga clic en el control que desea crear.
Para ver las características del control, seleccione la opción "Descripción" en el menú contextual.
Editor de reportes: También tiene la posibilidad de crear una control Campo de entrada en un reporte. Para obtener más información, consulte Entrada en los informes.
Principales características de control Campo de entrada

Tipo de una control Campo de entrada

El formato de un control Campo de entrada depende del tipo de información mostrada o introducida. Se pueden crear los siguientes tipos de controles de edición:
  • textopara mostrar o introducir una cadena de caracteres (nombre, Address, etc.).
  • Texto multilíneapara visualizar o introducir varias líneas separadas por un "Carriage Return".
  • WINDEV Texto RTF para introducir y mostrar información en RTF.
  • WEBDEV - Código Servidor Texto HTMLpara introducir y formatear texto enriquecido.
  • Contraseña: al escribir información, todos los caracteres serán reemplazados por estrellas en la pantalla.
  • Numeric para visualizar o introducir un valor numérico (peso, etc.). Si el control no es lo suficientemente grande para mostrar todo el número, se muestran los caracteres "+++".
  • Monedapara visualizar o introducir valores monetarios.
  • Monetario + Europara gestionar precios, por ejemplo
  • salir conpara visualizar o introducir fechas.
  • momentopara introducir o visualizar tiempos.
  • Duraciónpara introducir o visualizar duraciones.
  • Tokens de texto gestionar una entrada con tokens.
  • WEBDEV - Código Servidor Subirpara gestionar la carga del archivo.

Tipo y máscaras

  • Máscara de entrada: Se pueden utilizar varios máscaras de entrada para cada tipo de control Campo de entrada.
    Las máscaras de entrada son multilingües: se pueden seleccionar diferentes máscaras de entrada de acuerdo con el idioma de ejecución del proyecto. Para obtener más información, consulte Función multilingüe en los controles.
    Las máscaras de entrada pueden modificarse mediante programación con la propiedad InputMask.
    iPhone/iPad El teclado que aparece al introducir datos en el control se adapta automáticamente a la máscara de entrada seleccionada. Por ejemplo, el teclado numérico se mostrará automáticamente para introducir valores en una control utilizando una máscara de entrada numérica.
  • WINDEVAndroidJava Máscara de visualización: También puede definir máscaras de visualización para algunos tipos de controles (Moneda, Moneda + Euro, Fecha, Hora y Duración).. Estas máscaras de visualización se utilizan para definir las características de la control cuando no está en edición.
    Por ejemplo, una fecha control puede tener:
    • la máscara de entrada: "DD/MM/AAAA".
    • la máscara de visualización: "DDDD DD MMMM YYYY" (formato de fecha largo).
    Las máscaras de visualización pueden ser multilingües y se pueden modificar mediante programación con el DisplayMask Property.
WINDEVWEBDEV - Código ServidoriPhone/iPad

Visualización de un texto de sugerencia en una edición de control

El texto de la pista se utiliza para mostrar un texto de ayuda en el control Campo de entrada vacío. Este texto de ayuda se borra automáticamente en cuanto el usuario teclea el primer carácter de la control.
Ejemplo de tooltip
Este texto de pistas está disponible para:
  • los controles de edición de texto.
  • WINDEViPhone/iPad los controles de edición Numérico, Moneda y Moneda + Euro.
    Para mostrar el texto de sugerencia en los controles de edición Numérico, Moneda o Moneda + Euro, la opción "En blanco si es cero" debe estar marcada (pestaña "Detalles" del control description).
    También puede mostrar el límite inferior y el límite superior de la control Campo de entrada numérica:
    • en el texto de la pista ("Mostrar los límites en el texto de la pista" en la pestaña "Detalles" del control description).
    • en el tooltip de control ("Mostrar los límites en el tooltip" en la pestaña "Detalles" del control description).
Se puede escribir el texto de ayuda:
  • en la ventana description de control de edición (pestaña "Ayuda" en WINDEV/WINDEV Mobile y pestaña "Contenido" en WEBDEV).
  • mediante programación con la propiedad Pista.
WINDEViPhone/iPad El estilo del texto de sugerencia que aparece en la control puede configurarse en la pestaña "Estilo". Por Default, corresponde al estilo del área de entrada, en gris y cursiva. Para modificarlo, simplemente seleccione "Texto de la pista" y marque "Personalizar el estilo del texto de la pista".
El SugerenciaTextoColor Property se utiliza para obtener y cambiar el Color del texto informativo mediante programación.
WEBDEV - Código Servidor El estilo del texto de información corresponde al estilo del área de entrada, en cursiva y gris.
WINDEVJava

Otras características importantes

Una control Campo de entrada puede serlo:
  • WINDEV usado para realizar un "Arrastrar y soltar". Para obtener más información, consulte Arrastrar y soltar.
  • WINDEVWindows en insumos asistidos: Cuando la entrada se realiza en el control, la aplicación propone automáticamente el valor correspondiente que se encuentra en el elemento clave HFSQL relacionado al control.
    Por ejemplo, en la "City" control, "London" se propone automáticamente una vez que se teclea "Lo"..
    El input asistido opera sólo en los ítems clave y en los ítems de Texto..
    La entrada asistida no funciona en los elementos no clave, en los numéricos y si se utiliza una máscara de entrada para las fechas. Para obtener más información, consulte Entrada asistida en un control Campo de entrada
Un control Campo de entrada también puede proponer:
  • WINDEVWindows una historia de input: Cuando se realiza la entrada en el control, se propone automáticamente la lista de valores introducidos previamente en el control. Este historial de entrada no se propone para los controles multilínea. Para obtener más información, consulte Almacenamiento de los datos introducidos (AAF).
  • WINDEV ayuda al introducir la ruta del archivo. Esta opción se utiliza para proponer los diferentes directorios y ficheros accesibles al escribir un nombre de fichero con su ruta. Esta opción no está disponible si la entrada asistida se propone para la control.
Para ver las características del control, seleccione la opción "Descripción en el menú contextual.

Estilo del control Campo de entrada

La pestaña "Estilo" permite personalizar el aspecto de todos los elementos de la edición de control. Puedes aplicar estilos a diferentes elementos:
  • El título del control: Puede definir la fuente del texto, la posición, Color , etc.
  • El exterior Border.
  • El texto del área de entrada.
  • El área de entrada: Por ejemplo, puede definir el fondo Color, el borde Color, ...
    Nueva funcionalidad versión 27
    El botón "Márgenes" le permite set los márgenes entre el texto y el Border del área de entrada.
  • El texto de sugerencia.
  • Las fichas (si las hay).
  • Indicadores de entrada no válidos o requeridos.
  • ...
AndroidiPhone/iPad

Personalización del teclado alfanumérico

En las aplicaciones Android e iOS, un teclado en pantalla aparece automáticamente cuando una entrada de texto control recibe el foco. Este teclado permite al usuario introducir el texto deseado.
Este teclado incluye un botón (abajo a la derecha) que puede ser personalizado:
Para configurar este botón:
  1. Vaya a la pestaña "Detalles" de la ventana de control de edición de description.
  2. En la opción "Botón teclado", seleccione el tipo de botón deseado. Dependiendo del tipo seleccionado, el sistema mostrará el botón correspondiente en el idioma actual en el dispositivo.

    Observación: El botón "Personalizado" sólo puede añadirse en Android.
  3. Validar.
La Event associated con este botón puede ser introducida en el editor de códigos. Corresponde a la Event opcional "Validación por teclado". Para obtener más información, consulte Eventos associated con la edición control.
WEBDEV - Código Servidor

Validación de los controles de edición mediante la tecla Intro

Para cada control Campo de entrada de una página, puede especificar la acción que se ejecutará cuando el usuario pulse la tecla ENTER.
Esto permite, por ejemplo, mejorar los eventos de Default en una página. Por ejemplo, se pueden encontrar varias control s de búsqueda en la misma página y cada control se puede validar pulsando la tecla Enter. La acción realizada será la de la associated con la control Campo de entrada con foco.
Para definir la acción associated con una control Campo de entrada:
  1. Crea un botón en tu página que contenga el código deseado.
  2. Abrir la control Campo de entrada description. En la pestaña "UI", seleccione el botón deseado en la opción " Acción de 'Entrar' ".
WEBDEV - Código Servidor

Características específicas de HTML 5

Algunas características de los controles de edición utilizan las características de HTML 5:
  • Máscaras de entrada. Al elegir una máscara de entrada HTML 5, el sitio deja la gestión de las entradas y su comprobación al navegador. No es la página (el sitio) la que realiza las comprobaciones, sino el propio navegador. Siempre es posible ejecutar un código WLanguage al salir de una control, lo que permite realizar comprobaciones adicionales de los datos introducidos. Estas características están disponibles sólo para algunos navegadores, a partir de las siguientes versiones: Firefox 5, Chrome 12, Opera 11, Safari 5, ...
    Para más detalles, consulte la ayuda sobre las máscaras de entrada de los controles texto, numérico, fecha y momento.
  • HTML 5 search control: Si se selecciona esta opción para un texto control, el navegador mostrará una cruz a la derecha de la control. Esta X permite al usuario borrar el contenido de control.
    Esta opción está disponible en la pestaña "General" de la ventana de control de description.
    Atención: Esta opción sólo se tiene en cuenta en los navegadores compatibles con HTML 5, en particular Chrome 12 y Safari 5..
  • Autocompletado: Esta opción (situada en la pestaña "Detalles" de la ventana control description) se utiliza para activar (o no) la finalización de automatic en la edición de control s. La autocompletación está habilitada por Default. Cuando el usuario comienza a escribir información en un formulario, todos los controles de la página se rellenan de forma inmediata y automática con los datos introducidos previamente en este ordenador..
    La función de autocompletar es una característica peligrosa que debe desactivarse para los datos confidenciales..
    Esta Property es soportada por la mayoría de los navegadores que soportan HTML 5 (Firefox, Chrome, Safari, Opera, etc.).
Convertir una control de edición en una control Estático
WINDEVUniversal Windows 10 AppAndroidiPhone/iPadJava WINDEV y WINDEV Mobile permiten convertir automáticamente una control de edición en varias control estáticas:
  1. Seleccione la edición de control que desea convertir.
  2. En la pestaña "Modificación", en el grupo "Transformaciones", despliegue "Refactorización y permutaciones" y seleccione "Control Campo de entrada a Estáticos".
Se crea automáticamente una control estática para el título de la control Campo de entrada y también para el área de entrada.
Versión mínima requerida
  • Versión 9
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario