Calcular los valores de los componentes del formulario

Los valores calculados son entradas de campo determinadas en función de los valores de otros componentes del formulario.

Este es un escenario de ejemplo utilizado en el tutorial:

• Tienes tres componentes de Campo de texto: el primer componente requiere que los usuarios introduzcan su nombre, el segundo componente requiere su apellido y el tercer componente requiere su nombre completo.
• Si el usuario proporciona una entrada para los Campos de textode nombre y apellido, el Campo de texto del nombre completo se rellenará automáticamente, concatenando el nombre y el apellido.
  
  

  

  
  

Pasos

1. Abra el formulario en el que está trabajando.
2. Agregue tres componentes de campo de texto . Recuerde sus nombres de propiedad , ya que los usará para configurar el valor calculado.
3. Pasa el ratón por encima del tercer componente de campo de texto y haz clic en Editar JSON .
4. En la pestaña JSON del componente , añade el siguiente fragmento de JavaScript entre llaves y configúralo en la variable value :

   "calculateValue": "value=data.firstName + ' ' + data.lastName"

En este ejemplo, también se añade un espacio en blanco ' ' entre los nombres de propiedad firstName y lastName para mostrar el nombre completo correspondiente.

La pestaña JSON del componente tiene este aspecto:

Para este ejemplo, también se añade un espacio en blanco ' ' entre las claves de campo firstName y lastName para mostrar el nombre completo correspondiente.

Nota:

• Value : contiene el valor del componente que quieres calcular. En este ejemplo, contiene el valor del tercer componente Campo de texto, denominado Nombre completo.
• data : le ayuda a acceder al valor de un componente determinado.