ADF11gR1: Task Flow ejecutados en Dialogo/Popup

Hay dos modos de ejecutar un Task Flow en popup.

Versión en inglés
  • Generando la Bounded Task Flow basada en páginas JSPX en lugar de fragmentos JSFF. Con ello se consigue que el Task Flow pueda ser llamado como diálogo en una actividad de otro Task Flow.

    Task Flow invocado como inline-popup

  • Usando la Bounded Task Flow como Region dentro de un af:popup
    
        
          
            
              
            
            
              
              
                
              
            
          
        
        
        
          
          
            
          
        
     
    

Ventajas e Inconvenientes de cada solución

Solución basada en TF-Call JSPX

Ventajas:
  • Se puede utilizar el framework de ADF para llamar en módo diálogo el Task Flow.
  • El Task Flow puede devolver valores a su vuelta usando el Return Values.
Inconvenientes:
  • Mayor dificultad para aplicar estílos específicos al Diálogo/Popup.
  • El Task Flow no puede ser embebido como Region.

Solución basada en Region embebida en un af:popup

Ventajas:
  • Se puede reutilizar como Region en otras Unbounded/Bounded Task Flow.
  • Facilidad para aplicar styleClass específicos para af:popup y af:dialog.
Inconvenientes:
  • No se puede devolver valores en el Return Values. Se debe realizar mediante Eventos Contextuales y un regionNavigationListener.
  • Para refrescar el Task Flow ejecutado dentro del popup. No basta con una política de refresco en Refresh y Refresh Condition. Hace falta controlar la activación del Task Flow cuando éste se abre y se cierra.

El ejemplo

El ejemplo requiere conocimientos básicos de ADF 11gR1 y contiene ambas soluciones. A través de las siguientes páginas de test se puede seguir el ejemplo:
  • testPopupInTFCall.jspx: Ejecuta los Task Flow que demuestra como un TF es invocado en modo diálogo y, a su vez, devuelve valores utilizando su Return Value. Puntos importantes del ejemplo:
    • El Task Flow es invocado como TF-Call en modo dialogo. Por ello el botón de navgación hacia el dialogo debe tener useWindow="true".
       
      


    • Al tener configurado Return Values, se mapean a una variable de Page Flow Scope para poder ser usada por el fragmento.

      Return Values definidas para el Task Flow invocado como diálogo

      Mapeo del valor devuelto por el Task Flow a una variable local del Task Flow
  • testPopupInRegion.jspx: En el se encuentra una Task Flow que es invocada en un af:popup. Configurada la política de activación para que el Task Flow se active y se cierre según . Además, incluye el uso de Eventos Contextuales para obtener los datos de respuesta. Puntos importantes de esta parte:

    • Politica de activación del Task Flow para que se desactive y active según es abierto / cerrado el popup.
      Política de activación del Task Flow
    • Uso de eventos contextuales (disparado programaticamente) en el botón que cierra el diálogo / popup para devolver los datos al Task Flow llamador.

      
        
        
          
          
            
              
            
          
        
        
          
            
          
        
        
          
            
              
                
                  
                
              
            
          
        
      
      

      /**
       * Closer Picker action
       * @param ae Action Component used
       */
      public void performClose(ActionEvent ae) {
       
       // Execute the Contextual Event programmatically before of unloading the popup
       BindingContainer bindingContainer = BindingContext.getCurrent().getCurrentBindingsEntry();
       JUEventBinding eventBinding = (JUEventBinding)bindingContainer.get("returnDialogEventBinding");  
       ActionListener actionListener = (ActionListener)eventBinding.getListener();  
       actionListener.processAction(ae);  
       
       // Check the Input Parameter if the TF has to be considered as executed in popup
       AdfFacesContext adfFacesContext = AdfFacesContext.getCurrentInstance();
       Map<String,Object> flowScope = adfFacesContext.getPageFlowScope();
       Boolean isPopup = (Boolean)flowScope.get("isPopup");
       if (isPopup != null && isPopup) {
        this.closePopup(ae);
       }
      }
      
      /**
       * Auxiliar method to close the popup
       * @param ae
       */
      private void closePopup(ActionEvent ae) {
       // Looking for the RichPopup parent of picker
       UIComponent component = ae.getComponent();
       while (!(component instanceof RichPopup))
        component = component.getParent();
       if (component != null)
        ((RichPopup)component).cancel();
      }
      

      public final class ContextualEventHandlerDC {
          
          /**
           * Default Constructor
           */
          public ContextualEventHandlerDC() {
              super();
          }
          
          /**
           * Get the list of names returned by the Contextual Event
           * @param names
           */
          public void handleReturnEvent(List<String> names) {
              for (String s: names) {
                  System.out.println(s);
              }
              AdfFacesContext.getCurrentInstance().getPageFlowScope().put("returnedNames", names);
          }
      }
      
Enlace al repositorio GitHub del Ejemplo

Ejemplo desarrollado en JDeveloper 11.1.1.7

Comments

Popular posts from this blog

OJET: Inter-Module communication in TypeScript Template

OJET: Build and Deploy in an Application Server

OJET: Select All options using only Checkboxset