Basándonos en un artículo anterior en el que mostrábamos como hacer una pantalla maestro detalle, hoy le vamos a añadir una caja donde se mostrará el detalle donde podremos modificar los datos de los empleados. También es útil saber como se hacen las Listas de Valores con esta tecnología, y veremos un ejemplo de como exportar la tabla detalle a Excel. Aplicación ejemplo en HRApplication.zip. De la  misma manera que en el artículo anterior crearemos:

• un "ADF Read-only Form" a partir del binding departmentsFindAll en la parte superior.
• una "ADF table Read-Only" a partir de departmentsFindAll > employeesList. Tabla que rodearemos con un"Panel Collection" para ver más características de ADF.
• Con un nuevo Panel Spliter, crearemos un cuadro lateral derecho, donde crearemos el form de edición.

Pues eso, arrastramos la departmentsFindAll > employeesList, y seleccionamos "ADF Form" con Submit button:

Para que este formulario sea editable arrastramos el método mergeEmployees hacia el botón submit, y diciendole a que altura dl arbol de objetos debe hacer el merge, que esen el employeeList (bindings.employeesListIterator.currentRow.dataProvider):

Podemos cambiar el texto del botón por el de "Save"  para que sea más intuitivo. Ahora vamos a crear la lista de valores de Departamentos. Arrastramos el control departamentsFindAll > EmployeesList > departments > departmentId sobre el formulario, y seleccionamos para que cree un "ADF Select One Choice ...":

En la zona "menu" del "Panel collection" vamos a crear un Menú ( que llamaremos File) y un menuItem que llamaremos "Export to Excel". Sobre el que arrastraremos un "Export Collection Action Listener". En el que el tipo será el único que existe "excelHTML", y para el id tendremos que buscar la tabla que queremos exportar:

Guardamos, y con el botón derecho seleccionamos "Run" para probar la pantalla browseEditable.jspx. Veremos como:

• Se pueden modificar empleados.
• Podemos desplegar el LOV de Departamentos.
• Se puede exportar las tablas a excel fácilmente.

En entornos administrativos nos podemos encontrar con la exigencia de un tipo de formulario master/detail. Por ejemplo para navegar los empleados que tienen cierto departamento, o los clientes que adquirieron cada uno de nuestros productos. Basándonos en la aplicación de Recursos Humanos de Oracle haremos un maestro detalle para navegar por los departamentos de la empresa. Aplicación ejemplo en HRApplication.zip. Creamos una New > JSF Page, utilizando el template creado en artículos anteriores. Desde la paleta de componentes metemos un "Panel Spliter" que hacemos vertical para que la maestra quede encima de latabla detalle. De los "Data Controls" arrastramos el departmentsfindAll seleccionando "ADF Read-only Form", eliminamos todos los campos excepto los de departamento, e incluimos los botones de navegación:

Para crear el detalle seleccionamos de los "Data Controls" del anterior departmentsFindAll > employeesList, arrastrándola a el cuadrante inferior. Seleccionamos todos los campos relevantes al empleado, y filtrado, ordenar y seleccionar:

En la tabla-detalle-empleados selecciona de la ventana de propiedades Behaviour > PartialTriggers >Edit, selecciona los cuatro botones de la tabla maestro, para que cambie al tocarlos:

Para probar, Run sobre la página browse:

En este vista puedes comprobar la versatilidad de las tablas, puedes:

• Mover las columnas de sitio
• Ordenar por cualquier columna ascendente o descendente
•  Filtrar sobre cualquier columna con un string de búsqueda

Características que podrían ser muy interesantes en un entorno administrativo.

In administrative environments we find with the requirement of a master/detail form. For example to browse the employee in a certain department, or the clients who bought each one of our products. Based on the Human Resources Oracle application we will make a master/detail to navigate over the company departments. Example application in HRApplication.zip. Create a New > JSF Page, using the template created in the last articles. From the Components Palette add a "Panel Spliter" change it to vertical in order that the master will be over the detail table. From "Data Controls" window drag the departmentsfindAllselecting the  "ADF Read-only Form", delete all the fields except the department one, and include navigation buttons (selecting it):

We create the detail by selecting from the "Data Controls" departmentsFindAll > employeesList, and dropping it to the bellow quadrant. Select all relevant fields for the employer, and filtering, sorting and selecting capabilities:

In the eployee-detail-table select in the properties window Behaviour > PartialTriggers >Edit, select the four buttons for the master table, to change when the user touch them:

To test it, select "Run" over the browse.jspx page:

In this view you can see the versatility of the tables, you can:

• Move the columns.
• Sort by every column ascendant/descendant.
• Filter over each column with a find string.

Very interesting features in an administrative environment.