En este tutorial veremos como hacer una aplicación Maestro / Detalle simple. Se utilizan tres aplicaciones: una Grid (para enumerar a los empleados), un Formulario (para editar al empleado) y un Formulario del tipo Grid Editable(para editar los detalles del empleado).

Creación del formulario del tipo Grid Editable (view)
1. Cree una nueva aplicación Formulario de tipo Grid Editable (view) utilizando la tabla Employeeprojects.

2. Click en Posicionamiento de los Campos y quitamos el campo employeeid

3. Abra la opción Campos en el menú y haga clic en ProjectID, cambiamos la el dato a tipo Select.

- En la pestaña de Edición de lookup colocamos la sentencia SQL.

SELECT ProjectID, ProjectName
FROM project
ORDER BY ProjectID
4. Para el campo pvalue en el Formato de Valores permitiremos valores negativos y positivos.

5. Haga clic en generar código fuente en la barra de herramientas de ScriptCase.
Creando el formulario de empleado (maestro).
6. Crear una nueva aplicación de formulario utilizando la tabla employees.

7. En Configuración, cambie Ancho de tabla a 350 y en Unidad de ancho de la tabla a Pixel.

8. Abra la opción Posicionamiento de los campos en el menú, elimine todos los campos del lado derecho, excepto el Firstname.

9. Haga clic en Editar Campos, y agregamos el valor de incremento automatio al campo EmployeeID.

Creación de la relación Maestro / Detalle (vinculando las aplicaciones creadas)
10. Abra la carpeta Formulario Maestro / Detalle en el menú y haga clic en Nuevo Detalle.

11. Seleccione el formulario de detalle (el formulario creado en los pasos anteriores) y haga clic en Siguiente.

12. Enlace el campo EmployeeID de un formulario a otro. Para finalizar haz clic Siguiente y como no tenemos otros parametros Seleccionamos Confirmar.

13. Abra la carpeta Layout en el menú y haga clic en Bloques. Cambia los atributos del bloque de acuerdo a la imagen de abajo:

14. Haga clic en generar código fuente en la barra de herramientas de ScriptCase.
Creando una Grid de empleados.
15. Crea una nueva aplicación de grid utilizando la tabla employees.

16. Cambiar el ancho de la tabla a 600 y la unidad del ancho de la tabla a píxel.

17. Haga clic en Posicionamiento de los campos, elimine todos los campos excepto EmployeeID y FirstName.

Vinculando la Grid con el Formulario (maestro)
18. Abra la carpeta Enlaces entre Aplicaciones en el menú y haga clic en Crear Nuevo enlace.

19. Seleccione ENLACE DE EDICIÓN y siguiente. Seleccionaremos el formulario maestro creado anteriormente.
20. Vincule los campos EmployeeID del formulario a EmployeeID desde la grid.
21. Cambie los atributos del enlace de acuerdo a la imagen de abajo:


22. Guarde los cambios y ejecute la aplicación.

Para ver más ejemplos creados con Scriptcase, vaya a: Ejemplos: Sistemas completos y aplicaciones con Scriptcase.
Comment this post