Actualizar datos del formulario

Al hacer clic en los botones de los formularios, normalmente se activaba la ejecución del bloque Hacer . Hay una nueva funcionalidad llamada Usar para actualización local para la acción Hacer clic de un componente Botón . Le permite actualizar el formulario sin ejecutar el bloque Hacer .

Tutorial

El siguiente tutorial explica cómo crear botones para navegar entre varias páginas de un formulario.

1. Abre el Diseñador de formularios desde la actividad Crear formulario .

2. Arrastre y suelte varios componentes del Panel o cualquier otro componente de su elección.

   En este ejemplo, cada componente del panel representa una página diferente del formulario, recopilando información diferente.

3. Arrastra y suelta un componente oculto (de la categoría Datos ). Esto se utiliza para rastrear el número de panel actual.

   Para este ejemplo, establece la etiqueta del componente como StepId. De forma predeterminada, el nombre de la clave del campo se establece como stepId.
   
   

   

   
   

4. Navega hasta Componente del panel > pestaña Condicional y establece las condiciones para mostrar el panel.

   En este ejemplo, cada panel se muestra solo cuando stepId es igual al número del panel. Para lograrlo:

   • En la sección Condiciones simples > campo Este componente debe mostrarse , selecciona True.
   • En el campo Cuando el componente del formulario , selecciona StepId.
   • En el campo Contiene el valor , introduce el número del panel (p. Ej., Primer panel:1, segundo panel:2, etc.).
   
   

   

   
   

5. Dentro de cada componente del Panel , arrastre y suelte los componentes del Botón , como se indica a continuación:

   • Para el primer panel, añade un componente Botón para navegar al segundo panel (por ejemplo, Next Step).
   • Para el último panel, añade un componente Botón para navegar al panel anterior (por ejemplo, Prev Step).
   • Para los paneles intermedios, añade dos componentes de Botón : uno para navegar al panel anterior y otro para navegar al siguiente.
6. Accede a la pestaña Pantalla de cada botón. Establece la Acción del botón en Click. Se mostrará la casilla de verificación Usar para actualización local . Esta es la característica que permite la navegación entre paneles del formulario al hacer clic en un botón, sin ejecutar el bloque Hacer .
7. Marca la casilla Usar para actualización local . Se mostrará el editor del código Actualizar lógica de datos .

8. Use el fragmento de JavaScript predefinido e introduzca los datos que desea actualizar entre llaves. Asegúrate de utilizar los nombres de la clave de campo de los componentes del formulario que quieres actualizar (los establecidos en el paso 3).

   El fragmento de JavaScript tiene la siguiente plantilla: instance.emit('updateData', {[field_key_name]:[field_key_update_value]});, donde [field_key_name] representa la clave del campo del componente y [field_key_update_value] el nuevo valor para el componente.

   Para este ejemplo, utilice los siguientes fragmentos:

   • Para botones Next Step :instance.emit('updateData', {stepId:X});y reemplaza X con el número del siguiente panel (por ejemplo, para el botón del segundo panel, utiliza instance.emit('updateData', {stepId:3});).
   • Para botones Prev Step :instance.emit('updateData', {stepId:Y});y reemplaza Y con el número del panel anterior (por ejemplo, para el botón del segundo panel, utiliza instance.emit('updateData', {stepId:1});).

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descarga el ejemplo XAML