Invocación de procesos de larga vida centrados en el ser humano

Puede invocar mediante programación procesos de larga duración centrados en el ser humano creados en Workbench utilizando estas aplicaciones cliente:

El proceso de larga duración que se invoca se llama FirstAppSolution/PreLoanProcess. Puede crear este proceso siguiendo el tutorial especificado en Creación de la primera aplicación de AEM Forms.

Un proceso centrado en el ser humano implica una tarea a la que un usuario puede responder mediante Workspace. Por ejemplo, con Workbench, puede crear un proceso que permita a un administrador bancario aprobar o denegar una solicitud de préstamo. La siguiente ilustración muestra el proceso FirstAppSolution/PreLoanProcess.

El proceso* FirstAppSolution/PreLoanProcess* acepta un parámetro de entrada denominado* formData* cuyo tipo de datos es XML. Los datos XML se combinan con un diseño de formulario denominado PreLoanForm.xdp. La siguiente ilustración muestra un formulario que representa una tarea asignada a un usuario para aprobar o denegar una solicitud de préstamo. El usuario aprueba o rechaza la aplicación utilizando Workspace. El usuario de Workspace puede aprobar la solicitud de préstamo haciendo clic en el botón Approve que se muestra en la siguiente ilustración. Del mismo modo, el usuario puede denegar la solicitud de préstamo haciendo clic en el botón denegar.

Un proceso de larga duración se invoca asincrónicamente y no se puede invocar sincrónicamente debido a los siguientes factores:

  • Un proceso puede abarcar una cantidad de tiempo considerable.
  • Un proceso puede abarcar límites organizativos.
  • Un proceso necesita una entrada externa para que finalice. Por ejemplo, considere una situación en la que se envía un formulario a un administrador que está fuera de la oficina. En este caso, el proceso no se completa hasta que el administrador vuelva y rellene el formulario.

Cuando se invoca un proceso de larga duración, AEM Forms crea un valor de identificador de invocación como parte de la creación de un registro. El registro rastrea el estado del proceso de larga duración y se almacena en la base de datos de AEM Forms. Con el valor del identificador de invocación, se puede realizar un seguimiento del estado del proceso de larga duración. Además, puede utilizar el valor del identificador de invocación del proceso para realizar operaciones del Administrador de procesos, como terminar una instancia de proceso en ejecución.

NOTA

AEM Forms no crea un valor de identificador de invocación ni un registro cuando se invoca un proceso de corta duración.

El proceso FirstAppSolution/PreLoanProcess se invoca cuando un solicitante envía una solicitud, que se representa como datos XML. El nombre de la variable del proceso de entrada es formData y su tipo de datos es XML. A los efectos de esta discusión, supongamos que se utilizan los siguientes datos XML como entrada para el proceso FirstAppSolution/PreLoanProcess.

 <?xml version="1.0" encoding="UTF-8"?> 
 <LoanApp> 
 <Name>Sam White</Name> 
 <LoanAmount>250000</LoanAmount> 
 <PhoneOrEmail>(555)555-5555</PhoneOrEmail> 
 <ApprovalStatus>PENDING APPROVAL</ApprovalStatus> 
 </LoanApp>

Los datos XML que se pasan a un proceso deben coincidir con los campos ubicados en el formulario utilizado en el proceso. De lo contrario, los datos no se muestran dentro del formulario. Todas las aplicaciones que invoquen el proceso FirstAppSolution/PreLoanProcess deben pasar este origen de datos XML. Las aplicaciones creadas en Invocando procesos de larga duración centrados en el ser humano crean dinámicamente la fuente de datos XML a partir de valores que un usuario ingresó en un cliente web.

Con una aplicación cliente, puede enviar *FirstAppSolution/PreLoanProcess para procesar los datos XML requeridos. Un proceso de larga duración devuelve un valor de identificador de invocación como su valor devuelto. La siguiente ilustración muestra aplicaciones cliente que invocan el proceso FirstAppSolution/PreLoanProcess *de larga duración. Las aplicaciones cliente envían datos XML y recuperan un valor de cadena que representa el valor del identificador de invocación.

Consulte también

Creación de una aplicación web de Java que invoque un proceso prolongado centrado en el ser humano

Creación de una aplicación web ASP.NET que invoque un proceso prolongado centrado en el ser humano

Creación de una aplicación cliente creada con Flex que invoca un proceso prolongado centrado en el ser humano

Creación de una aplicación web de Java que invoque un proceso prolongado centrado en el ser humano

Puede crear una aplicación basada en Web que utilice un servlet Java para invocar el proceso FirstAppSolution/PreLoanProcess. Para invocar este proceso desde un servlet Java, utilice la API de invocación dentro del servlet Java. (Consulte Invocación de AEM Forms mediante la API de Java).

La siguiente ilustración muestra una aplicación cliente basada en web que publica valores de nombre, teléfono (o correo electrónico) y cantidad. Estos valores se envían al servlet Java cuando el usuario hace clic en el botón Enviar aplicación .

El servlet Java realiza las siguientes tareas:

  • Recupera los valores anunciados desde la página HTML en el servlet Java.
  • Crea dinámicamente un origen de datos XML para pasarlo al proceso* FirstAppSolution/PreLoanProcess *. Los valores de nombre, teléfono (o correo electrónico) y cantidad se especifican en el origen de datos XML.
  • Invoca el proceso FirstAppSolution/PreLoanProcess mediante la API de invocación de AEM Forms.
  • Devuelve el valor del identificador de invocación al explorador web del cliente.

Resumen de los pasos

Para crear una aplicación Java basada en Web que invoque el proceso FirstAppSolution/PreLoanProcess , realice los siguientes pasos:

  1. Crear un proyecto web.
  2. Cree una lógica de aplicación Java para el servlet.
  3. Crear la página web para la aplicación web
  4. Empaquete la aplicación web a un archivo WAR.
  5. Implemente el archivo WAR en el servidor de aplicaciones J2EE que aloje AEM Forms.
  6. Pruebe la aplicación web.
NOTA

Algunos de estos pasos dependen de la aplicación J2EE en la que se implementa AEM Forms. Por ejemplo, el método que utilice para implementar un archivo WAR depende del servidor de aplicaciones J2EE que esté utilizando. Se supone que AEM Forms está implementado en JBoss®.

Crear un proyecto web

El primer paso para crear una aplicación web es crear un proyecto web. El IDE de Java en el que se basa este documento es Eclipse 3.3. Mediante el IDE de Eclipse, cree un proyecto web y agregue los archivos JAR necesarios al proyecto. Agregue una página HTML denominada *index.html *y un servlet Java al proyecto.

La siguiente lista especifica los archivos JAR que se incluirán en el proyecto web:

  • adobe-livecycle-client.jar
  • adobe-usermanager-client.jar
  • J2EE.jar

Para ver la ubicación de estos archivos JAR, consulte Inclusión de archivos de biblioteca Java de AEM Forms.

NOTA

El archivo J2EE.jar define los tipos de datos que utiliza un servlet Java. Puede obtener este archivo JAR desde el servidor de aplicaciones J2EE en el que se implementa AEM Forms.

Creación de un proyecto web

  1. Inicie Eclipse y haga clic en Archivo > Nuevo proyecto.
  2. En el cuadro de diálogo Nuevo proyecto, seleccione Web > Proyecto Web dinámico.
  3. Escriba InvokePreLoanProcess para el nombre del proyecto y haga clic en Finalizar.

Añadir los archivos JAR necesarios al proyecto

  1. En la ventana Explorador de proyectos, haga clic con el botón derecho en el proyecto InvokePreLoanProcess y seleccione Propiedades.
  2. Haga clic en Ruta de compilación de Java y, a continuación, haga clic en la pestaña Bibliotecas.
  3. Haga clic en el botón Add External JARs y busque los archivos JAR que desea incluir.

Agregar un servlet Java al proyecto

  1. En la ventana Explorador de proyectos, haga clic con el botón derecho en el proyecto InvokePreLoanProcess y seleccione Nuevo > Otro.
  2. Expanda la carpeta Web, seleccione Servlet y, a continuación, haga clic en Siguiente.
  3. En el cuadro de diálogo Crear servlet, escriba SubmitXML para el nombre del servlet y haga clic en Finalizar.

Agregar una página HTML al proyecto

  1. En la ventana Explorador de proyectos, haga clic con el botón derecho en el proyecto InvokePreLoanProcess y seleccione Nuevo > Otro.
  2. Expanda la carpeta Web, seleccione HTML y haga clic en Siguiente.
  3. En el cuadro de diálogo Nuevo HTML, escriba index.html para el nombre del archivo y haga clic en Finalizar.
NOTA

Para obtener información sobre la creación de contenido HTML que invoca el servlet Java SubmitXML, consulte Creación de la página web para la aplicación web.

Cree la lógica de aplicación Java para el servlet

Cree una lógica de aplicación Java que invoque el proceso FirstAppSolution/PreLoanProcess desde el servlet Java. El siguiente código muestra la sintaxis del servlet Java SubmitXML:

     public class SubmitXML extends HttpServlet implements Servlet { 
         public void doGet(HttpServletRequest req, HttpServletResponse resp 
         throws ServletException, IOException { 
         doPost(req,resp); 
          
         } 
         public void doPost(HttpServletRequest req, HttpServletResponse resp 
         throws ServletException, IOException { 
             //Add code here to invoke the FirstAppSolution/PreLoanProcess process 
             }

Normalmente, no colocaría código de cliente dentro del método doGet o doPost de un servlet Java. Una mejor práctica de programación es colocar este código dentro de una clase separada. A continuación, cree una instancia de la clase desde el método doPost (o el método doGet) e invoque los métodos adecuados. Sin embargo, para la brevedad del código, los ejemplos de código se reducen al mínimo y se colocan en el método doPost.

Para invocar el proceso FirstAppSolution/PreLoanProcess mediante la API de invocación, realice las siguientes tareas:

  1. Incluya archivos JAR del cliente, como adobe-livecycle-client.jar, en la ruta de clase de su proyecto Java. Para obtener información sobre la ubicación de estos archivos, consulte Inclusión de archivos de biblioteca Java de AEM Forms.

  2. Recupere los valores de nombre, teléfono y cantidad que se envían desde la página HTML. Utilice estos valores para crear dinámicamente un origen de datos XML que se envíe al proceso FirstAppSolution/PreLoanProcess. Puede utilizar clases org.w3c.dom para crear el origen de datos XML (esta lógica de aplicación se muestra en el siguiente ejemplo de código).

  3. Cree un objeto ServiceClientFactory que contenga propiedades de conexión. (Consulte Configuración de las propiedades de conexión).

  4. Cree un objeto ServiceClient utilizando su constructor y pasando el objeto ServiceClientFactory. Un objeto ServiceClient permite invocar una operación de servicio. Gestiona tareas como la localización, el envío y las solicitudes de invocación de enrutamiento.

  5. Cree un objeto java.util.HashMap utilizando su constructor.

  6. Invoque el método java.util.HashMap del objeto put para que cada parámetro de entrada pase al proceso de larga duración. Asegúrese de especificar el nombre de los parámetros de entrada del proceso. Dado que el proceso FirstAppSolution/PreLoanProcess requiere un parámetro de entrada de tipo XML (denominado formData), solo debe invocar el método put una vez.

     //Get the XML to pass to the FirstAppSolution/PreLoanProcess process 
 org.w3c.dom.Document inXML = GetDataSource(name,phone,amount); 
              
 //Create a Map object to store the parameter value 
 Map params = new HashMap(); 
 params.put("formData", inXML);

  7. Cree un objeto InvocationRequest invocando el método ServiceClientFactory del objeto createInvocationRequest y pasando los siguientes valores:

    • Un valor de cadena que especifica el nombre del proceso de larga duración que se va a invocar. Para invocar el proceso FirstAppSolution/PreLoanProcess, especifique FirstAppSolution/PreLoanProcess.
    • Valor de cadena que representa el nombre de la operación de proceso. El nombre de la operación de proceso de larga duración es invoke.
    • El objeto java.util.HashMap que contiene los valores de parámetro que requiere la operación de servicio.
    • Un valor booleano que especifica false, que crea una solicitud asincrónica (este valor es aplicable para invocar un proceso de larga duración).
    NOTA

    Se puede invocar un proceso de corta duración pasando el valor true como el cuarto parámetro del método createInvocationRequest . Pasar el valor true crea una solicitud sincrónica.

  8. Envíe la solicitud de invocación a AEM Forms invocando el método ServiceClient del objeto invoke y pasando el objeto InvocationRequest. El método invoke devuelve un objeto InvocationReponse.

  9. Un proceso de larga duración devuelve un valor de cadena que representa un valor de identificación de invocación. Recupere este valor invocando el método InvocationReponse del objeto getInvocationId.

     //Send the invocation request to the long-lived process and  
 //get back an invocation response object 
 InvocationResponse lcResponse = myServiceClient.invoke(lcRequest); 
 String invocationId = lcResponse.getInvocationId();

  10. Escriba el valor de identificación de invocación en el explorador web del cliente. Puede utilizar una instancia java.io.PrintWriter para escribir este valor en el explorador web del cliente.

Inicio rápido: Invocación de un proceso de larga duración mediante la API de invocación

El siguiente ejemplo de código Java representa el servlet Java que invoca el proceso FirstAppSolution/PreLoanProcess.

 /* 
     * This Java Quick Start uses the following JAR files 
     * 1. adobe-livecycle-client.jar 
     * 2. adobe-usermanager-client.jar 
     * 
     * (Because this  quick start is implemented as a Java servlet, it is  
     * not necessary to include J2EE specific JAR files - the Java project 
     * that contains this quick start is exported as a WAR file which 
     * is deployed to the J2EE application server) 
     * 
     * These JAR files are located in the following path: 
     * <install directory>/sdk/client-libs/common 
     * 
     * For complete details about the location of these JAR files,  
     * see "Including AEM Forms library files" in Programming with AEM forms 
     * */ 
 import java.io.ByteArrayOutputStream; 
 import java.io.File; 
 import java.io.IOException; 
 import java.io.PrintWriter; 
  
 import javax.servlet.ServletException; 
 import javax.servlet.http.HttpServletRequest; 
 import javax.servlet.http.HttpServletResponse; 
 import java.util.*; 
 import com.adobe.idp.dsc.clientsdk.ServiceClientFactory; 
 import com.adobe.idp.dsc.clientsdk.ServiceClientFactoryProperties; 
 import javax.xml.parsers.DocumentBuilder; 
 import javax.xml.parsers.DocumentBuilderFactory; 
 import javax.xml.transform.Transformer; 
 import javax.xml.transform.TransformerFactory; 
 import javax.xml.transform.dom.DOMSource; 
 import javax.xml.transform.stream.StreamResult; 
  
 import com.adobe.idp.dsc.InvocationRequest; 
 import com.adobe.idp.dsc.InvocationResponse; 
 import com.adobe.idp.dsc.clientsdk.ServiceClient; 
 import org.w3c.dom.Element; 
  
     public class SubmitXML extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet { 
       static final long serialVersionUID = 1L; 
      
        public SubmitXML() { 
         super(); 
     }        
      
      
     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
         // TODO Auto-generated method stub 
         doPost(request,response); 
     }       
      
     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
                  
         try{ 
             //Set connection properties required to invoke AEM Forms                                 
             Properties connectionProps = new Properties(); 
             connectionProps.setProperty(ServiceClientFactoryProperties.DSC_DEFAULT_EJB_ENDPOINT, "jnp://localhost:1099"); 
             connectionProps.setProperty(ServiceClientFactoryProperties.DSC_TRANSPORT_PROTOCOL,ServiceClientFactoryProperties.DSC_EJB_PROTOCOL);           
             connectionProps.setProperty(ServiceClientFactoryProperties.DSC_SERVER_TYPE, "JBoss"); 
             connectionProps.setProperty(ServiceClientFactoryProperties.DSC_CREDENTIAL_USERNAME, "administrator"); 
             connectionProps.setProperty(ServiceClientFactoryProperties.DSC_CREDENTIAL_PASSWORD, "password"); 
              
             //Create a ServiceClientFactory object 
             ServiceClientFactory myFactory = ServiceClientFactory.createInstance(connectionProps); 
              
             //Create a ServiceClient object 
             ServiceClient myServiceClient = myFactory.getServiceClient(); 
              
             //Get the values that are passed from the Loan HTML page 
             String name = (String)request.getParameter("name"); 
             String phone = (String)request.getParameter("phone"); 
             String amount = (String)request.getParameter("amount"); 
                  
             //Create XML to pass to the FirstAppSolution/PreLoanProcess process 
             org.w3c.dom.Document inXML = GetDataSource(name,phone,amount); 
                                  
             //Create a Map object to store the XML input parameter value 
             Map params = new HashMap(); 
             params.put("formData", inXML);  
              
             //Create an InvocationRequest object 
             InvocationRequest lcRequest =  myFactory.createInvocationRequest( 
                 "FirstAppSolution/PreLoanProcess", //Specify the long-lived process name 
                     "invoke",           //Specify the operation name     
                     params,               //Specify input values 
                     false);               //Create an asynchronous request  
              
             //Send the invocation request to the long-lived process and  
             //get back an invocation response object 
             InvocationResponse lcResponse = myServiceClient.invoke(lcRequest); 
             String invocationId = lcResponse.getInvocationId(); 
  
             //Create a PrintWriter instance 
             PrintWriter pp = response.getWriter();      
              
             //Write the invocation identifier value back to the client web browser 
             pp.println("The job status identifier value is: " +invocationId); 
              
         }catch (Exception e) { 
              System.out.println("The following exception occurred: "+e.getMessage()); 
       } 
     } 
      
      
      //Create XML data to pass to the long-lived process 
      private static org.w3c.dom.Document GetDataSource(String name, String phone, String amount) 
      { 
             org.w3c.dom.Document document = null; 
              
             try 
             { 
                 //Create DocumentBuilderFactory and DocumentBuilder objects 
                 DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance(); 
                 DocumentBuilder builder = factory.newDocumentBuilder(); 
  
                 //Create a new Document object 
                 document = builder.newDocument();  
  
                 //Create MortgageApp - the root element in the XML  
                 Element root = (Element)document.createElement("LoanApp"); 
                 document.appendChild(root); 
                                              
                 //Create an XML element for Name 
                 Element nameElement = (Element)document.createElement("Name"); 
                 nameElement.appendChild(document.createTextNode(name)); 
                 root.appendChild(nameElement); 
                  
                 //Create an XML element for Phone 
                 Element phoneElement = (Element)document.createElement("PhoneOrEmail"); 
                 phoneElement.appendChild(document.createTextNode(phone)); 
                 root.appendChild(phoneElement); 
                  
                 //Create an XML element for amount 
                 Element loanElement = (Element)document.createElement("LoanAmount"); 
                 loanElement.appendChild(document.createTextNode(amount)); 
                 root.appendChild(loanElement); 
  
                 //Create an XML element for ApprovalStatus 
                 Element approveElement = (Element)document.createElement("ApprovalStatus"); 
                 approveElement.appendChild(document.createTextNode("PENDING APPROVAL")); 
                 root.appendChild(approveElement); 
                                  
               } 
          catch (Exception e) { 
                   System.out.println("The following exception occurred: "+e.getMessage()); 
                } 
         return document; 
          } 
         }

Cree la página web para la aplicación web

La página web * index.html * proporciona un punto de entrada al servlet Java que invoca el proceso FirstAppSolution/PreLoanProcess. Esta página web es un formulario HTML básico que contiene un formulario HTML y un botón de envío. Cuando el usuario hace clic en el botón de envío, los datos del formulario se publican en el servlet Java SubmitXML.

El servlet Java captura los datos que se publican desde la página HTML mediante el siguiente código Java:

 //Get the values that are passed from the Loan HTML page 
 String name = request.getParameter("name"); 
 String phone = request.getParameter("phone"); 
 String amount = request.getParameter("amount");

El siguiente código HTML representa el archivo index.html que se creó durante la configuración del entorno de desarrollo. (Consulte Creación de un proyecto web).

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> 
 <html> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 <title>Insert title here</title> 
 </head> 
 <body> 
 <table> 
     <TBODY> 
         <TR> 
             <td><img src="financeCorpLogo.jpg" width="172" height="62"></TD> 
             <td><FONT size="+2"><strong>Java Loan Application Page</strong></FONT></TD> 
             <td> </TD> 
             <td> </TD> 
         </TR> 
          
     </TBODY> 
 </TABLE> 
     <FORM action="https://hiro-xp:8080/PreLoanProcess/SubmitXML" method="post"> 
        <table> 
          <TBODY> 
                <TR> 
                      <td><LABEL for="name">Name: </LABEL></TD> 
                  <td><INPUT type="text" name="name"></TD> 
                  <td><input type="submit" value="Submit Application"></TD> 
                  </TR> 
            <TR> 
                  <td> <LABEL for="phone">Phone/Email: </LABEL></TD> 
              <td><INPUT type="text" name="phone"></TD> 
                  <td></TD> 
              </TR> 
  
            <TR> 
                  <td><LABEL for="amount">Amount: </LABEL></TD> 
              <td><INPUT type="text" name="amount"></TD> 
                 <td></TD> 
             </TR> 
          </TBODY> 
 </TABLE> 
       </FORM> 
 </body> 
 </html>

Empaquete la aplicación web a un archivo WAR

Para implementar el servlet Java que invoca el proceso FirstAppSolution/PreLoanProcess, empaquete la aplicación web a un archivo WAR. Asegúrese de que los archivos JAR externos de los que depende la lógica empresarial del componente, como adobe-livecycle-client.jar y adobe-usermanager-client.jar, también estén incluidos en el archivo WAR.

La siguiente ilustración muestra el contenido del proyecto Eclipse, que se empaqueta en un archivo WAR.

NOTA

En la ilustración anterior, el archivo JPG se puede reemplazar por cualquier archivo de imagen JPG.

Empaquete una aplicación web a un archivo WAR:

  1. En la ventana Project Explorer, haga clic con el botón derecho en el proyecto InvokePreLoanProcess y seleccione Export > WAR file.
  2. En el cuadro de texto Web module, escriba InvokePreLoanProcess para el nombre del proyecto Java.
  3. En el cuadro de texto Destination, escriba PreLoanProcess.warpara el nombre del archivo especifique la ubicación del archivo WAR y, a continuación, haga clic en Finish.

Implementar el archivo WAR en el servidor de aplicaciones J2EE que hospeda AEM Forms

Implemente el archivo WAR en el servidor de aplicaciones J2EE en el que se implementa AEM Forms. Para implementar el archivo WAR en el servidor de aplicaciones J2EE, copie el archivo WAR de la ruta de exportación a [Instalación de AEM Forms]\Adobe\Adobe Experience Manager Forms\jboss\server\lc_turnkey\deploy.

NOTA

si AEM Forms no está implementado en JBoss, entonces debe implementar el archivo WAR de acuerdo con el servidor de aplicaciones J2EE que hospeda AEM Forms.

Probar la aplicación web

Después de implementar la aplicación web, puede probarla con un explorador web. Suponiendo que esté utilizando el mismo equipo que aloja AEM Forms, puede especificar la siguiente URL:

  • http://localhost:8080/PreLoanProcess/index.html

    Introduzca valores en los campos del formulario HTML y haga clic en el botón Submit Application . Si se producen problemas, consulte el archivo de registro del servidor de aplicaciones J2EE.

    NOTA

    Para confirmar que la aplicación Java invocó el proceso, inicie Workspace y acepte el préstamo.

Creación de una aplicación web ASP.NET que invoque un proceso prolongado centrado en el ser humano

Puede crear una aplicación ASP.NET que invoque el proceso FirstAppSolution/PreLoanProcess. Para invocar este proceso desde una aplicación ASP.NET, utilice los servicios Web. (Consulte Invocación de AEM Forms mediante servicios Web).

La siguiente ilustración muestra una aplicación cliente ASP.NET que obtiene datos de un usuario final. Los datos se colocan en un origen de datos XML y se envían al proceso FirstAppSolution/PreLoanProcess cuando el usuario hace clic en el botón Enviar aplicación.

Una vez invocado el proceso, se muestra un valor de identificador de invocación. Se crea un valor de identificador de invocación como parte de un registro que rastrea el estado del proceso de larga duración.

La aplicación ASP.NET realiza las siguientes tareas:

  • Recupera los valores introducidos por el usuario en la página web.
  • Crea dinámicamente un origen de datos XML que se pasa al proceso* FirstAppSolution/PreLoanProcess *. Los tres valores se especifican en el origen de datos XML.
  • Invoca el proceso* FirstAppSolution/PreLoanProcess *mediante los servicios web.
  • Devuelve el valor del identificador de invocación y el estado de la operación de larga duración en el explorador web del cliente.

Resumen de los pasos

Para crear una aplicación ASP.NET que pueda invocar el proceso FirstAppSolution/PreLoanProcess, realice los siguientes pasos:

  1. Crear una aplicación web ASP.NET.
  2. Cree una página ASP que invoque FirstAppSolution/PreLoanProcess.
  3. Ejecute la aplicación ASP.NET.

Crear una aplicación web ASP.NET

Cree una aplicación web ASP.NET de Microsoft .NET C#. La siguiente ilustración muestra el contenido del proyecto ASP.NET denominado InvokePreLoanProcess.

Aviso en Referencias de servicio, hay dos artículos. El primer elemento se llama* JobManager*. Esta referencia permite que la aplicación ASP.NET invoque el servicio Administrador de trabajos. Este servicio devuelve información sobre el estado de un proceso de larga duración. Por ejemplo, si el proceso se está ejecutando actualmente, este servicio devuelve un valor numérico que especifica que el proceso se está ejecutando. La segunda referencia se llama PreLoanProcess. Esta referencia de servicio representa la referencia al proceso* FirstAppSolution/PreLoanProcess *. Después de crear una referencia de servicio, los tipos de datos asociados con el servicio AEM Forms están disponibles para su uso en el proyecto .NET.

Crear un proyecto de ASP.NET:

  1. Inicie Microsoft Visual Studio 2008.
  2. En el menú Archivo, seleccione Nuevo, Sitio Web.
  3. En la lista Templates, seleccione Sitio Web ASP.NET.
  4. En el cuadro Ubicación, seleccione una ubicación para el proyecto. Asigne un nombre al proyecto InvokePreLoanProcess.
  5. En el cuadro Language, seleccione Visual C#
  6. Haga clic en Aceptar.

Añadir referencias de servicio:

  1. En el menú Proyecto, seleccione Agregar referencia de servicio.

  2. En el cuadro de diálogo Address, especifique el WSDL en el servicio Administrador de trabajos.

     https://hiro-xp:8080/soap/services/JobManager?WSDL&lc_version=9.0.1

  3. En el campo Área de nombres, escriba JobManager.

  4. Haga clic en Ir y, a continuación, haga clic en Aceptar.

  5. En el menú Proyecto, seleccione Agregar referencia de servicio.

  6. En el cuadro de diálogo Address, especifique el WSDL para el proceso FirstAppSolution/PreLoanProcess.

     https://hiro-xp:8080/soap/services/FirstAppSolution/PreLoanProcess?WSDL&lc_version=9.0.1

  7. En el campo Área de nombres, escriba PreLoanProcess.

  8. Haga clic en Ir y, a continuación, haga clic en Aceptar.

NOTA

Sustituya hiro-xp por la dirección IP del servidor de aplicaciones J2EE que aloja AEM Forms. La opción lc_version garantiza que la funcionalidad de AEM Forms, como MTOM, esté disponible. Sin especificar la opción lc_version, no puede invocar AEM Forms mediante MTOM. (Consulte Invocación de AEM Forms mediante MTOM).

Cree una página ASP que invoque FirstAppSolution/PreLoanProcess

Dentro del proyecto ASP.NET, agregue un formulario web (un archivo ASPX) que sea responsable de mostrar una página HTML al solicitante del préstamo. El formulario web se basa en una clase derivada de System.Web.UI.Page. La lógica de aplicación C# que invoca FirstAppSolution/PreLoanProcess se encuentra en el método Button1_Click (este botón representa el botón Enviar aplicación).

La siguiente ilustración muestra la aplicación ASP.NET

En la tabla siguiente se enumeran los controles que forman parte de esta aplicación ASP.NET.

Nombre de control

Descripción

TextBoxName

Especifica el nombre y los apellidos del cliente.

TextBoxPhone

Especifica el teléfono o la dirección de correo electrónico del cliente.

TextBoxAmount

Especifica el importe del préstamo.

Botón 1

Representa el botón Enviar aplicación.

LabelJobID

Un control Label que especifica el valor del valor del identificador de invocación.

LabelStatus

Un control Label que especifica el valor del estado del trabajo. Este valor se recupera invocando el servicio Administrador de trabajos.

La lógica de aplicación que forma parte de la aplicación ASP.NET debe crear dinámicamente un origen de datos XML para pasarlo al proceso FirstAppSolution/PreLoanProcess. Los valores que el solicitante introdujo en la página HTML deben especificarse en el origen de datos XML. Estos valores de datos se combinan en el formulario cuando se visualiza en Workspace. Las clases ubicadas en el espacio de nombres System.Xml se utilizan para crear el origen de datos XML.

Al invocar un proceso que requiere datos XML de una aplicación ASP.NET, hay un tipo de datos XML disponible para su uso. Es decir, no se puede pasar una instancia System.Xml.XmlDocument al proceso. El nombre completo de esta instancia XML para pasar al proceso es InvokePreLoanProcess.PreLoanProcess.XML. Convierta la instancia System.Xml.XmlDocument a InvokePreLoanProcess.PreLoanProcess.XML. Puede realizar esta tarea utilizando el siguiente código.

 //Create the XML to pass to the FirstAppSolution/PreLoanProcess process 
 XmlDocument myXML = CreateXML(userName, phone, amount); 
      
 //Convert the XML to a InvokePreLoanProcess.PreLoanProcess.XML instance 
 StringWriter sw = new StringWriter(); 
 XmlTextWriter xw = new XmlTextWriter(sw); 
 myXML.WriteTo(xw); 
  
 InvokePreLoanProcess.PreLoanProcess.XML inXML = new XML(); 
 inXML.document = sw.ToString();

Para crear una página ASP que invoque el proceso FirstAppSolution/PreLoanProcess, realice las siguientes tareas en el método Button1_Click:

  1. Cree un objeto FirstAppSolution_PreLoanProcessClient utilizando su constructor predeterminado.

  2. Cree un objeto FirstAppSolution_PreLoanProcessClient.Endpoint.Address utilizando el constructor System.ServiceModel.EndpointAddress. Pase un valor de cadena que especifique el WSDL al servicio de AEM Forms y el tipo de codificación:

     https://hiro-xp:8080/soap/services/FirstAppSolution/PreLoanProcess?blob=mtom

    No es necesario utilizar el atributo lc_version. Este atributo se utiliza al crear una referencia de servicio. Sin embargo, asegúrese de especificar ?blob=mtom.

    NOTA

    Sustituya hiro-xp* por la dirección IP del servidor de aplicaciones J2EE que aloja AEM Forms. *

  3. Cree un objeto System.ServiceModel.BasicHttpBinding obteniendo el valor del miembro de datos FirstAppSolution_PreLoanProcessClient.Endpoint.Binding. Establezca el valor devuelto en BasicHttpBinding.

  4. Establezca el miembro de datos System.ServiceModel.BasicHttpBinding del objeto MessageEncoding en WSMessageEncoding.Mtom. Este valor garantiza que se utilice MTOM.

  5. Habilite la autenticación HTTP básica realizando las siguientes tareas:

    • Asigne el nombre de usuario de los formularios AEM al miembro de datos FirstAppSolution_PreLoanProcessClient.ClientCredentials.UserName.UserName.
    • Asigne el valor de contraseña correspondiente al miembro de datos FirstAppSolution_PreLoanProcessClient.ClientCredentials.UserName.Password.
    • Asigne el valor constante HttpClientCredentialType.Basic al miembro de datos BasicHttpBindingSecurity.Transport.ClientCredentialType.
    • Asigne el valor constante BasicHttpSecurityMode.TransportCredentialOnly al miembro de datos BasicHttpBindingSecurity.Security.Mode.

    El siguiente ejemplo de código muestra estas tareas.

     //Enable BASIC HTTP authentication 
 BasicHttpBinding b = (BasicHttpBinding)mortgageClient.Endpoint.Binding; 
 b.MessageEncoding = WSMessageEncoding.Mtom; 
 mortgageClient.ClientCredentials.UserName.UserName = "administrator"; 
 mortgageClient.ClientCredentials.UserName.Password = "password"; 
 b.Security.Transport.ClientCredentialType = HttpClientCredentialType.Basic; 
 b.Security.Mode = BasicHttpSecurityMode.TransportCredentialOnly; 
 b.MaxReceivedMessageSize = 2000000; 
 b.MaxBufferSize = 2000000; 
 b.ReaderQuotas.MaxArrayLength = 2000000;

  6. Recupere los valores de nombre, teléfono y cantidad que el usuario introdujo en la página web. Utilice estos valores para crear dinámicamente un origen de datos XML que se envíe al proceso FirstAppSolution/PreLoanProcess. Cree un System.Xml.XmlDocument que represente el origen de datos XML que se pasará al proceso (esta lógica de aplicación se muestra en el siguiente ejemplo de código).

  7. Convierta la instancia System.Xml.XmlDocument a InvokePreLoanProcess.PreLoanProcess.XML (esta lógica de aplicación se muestra en el siguiente ejemplo de código).

  8. Invoque el proceso FirstAppSolution/PreLoanProcess invocando el método FirstAppSolution_PreLoanProcessClient del objeto invoke_Async. Este método devuelve un valor de cadena que representa el valor del identificador de invocación del proceso de larga duración.

  9. Cree un JobManagerClient utilizando su constructor. (Asegúrese de haber establecido una referencia de servicio al servicio Administrador de trabajos).

  10. Repita los pasos del 1 al 5. Especifique la siguiente URL para el paso 2: https://hiro-xp:8080/soap/services/JobManager?blob=mtom.

  11. Cree un objeto JobId utilizando su constructor.

  12. Establezca el miembro de datos JobId del objeto id con el valor devuelto del método FirstAppSolution_PreLoanProcessClient del objeto invoke_Async.

  13. Asigne el value true al miembro de datos JobId del objeto persistent.

  14. Cree un objeto JobStatus invocando el método JobManagerService del objeto getStatus y pasando el objeto JobId.

  15. Obtenga el valor de estado recuperando el valor del miembro de datos JobStatus del objeto statusCode.

  16. Asigne el valor del identificador de invocación al campo LabelJobID.Text .

  17. Asigne el valor de estado al campo LabelStatus.Text.

Inicio rápido: Invocación de un proceso de larga duración mediante la API de servicio web

El siguiente ejemplo de código C# invoca el proceso FirstAppSolution/PreLoanProcess.

 ???/** 
     * Ensure that you create a .NET project that uses  
     * MS Visual Studio 2008 and version 3.5 of the .NET 
     * framework. This is required to invoke a  
     * AEM Forms service using MTOM. 
      
  
 using System; 
 using System.Collections; 
 using System.Configuration; 
 using System.Data; 
 using System.Linq; 
 using System.Web; 
 using System.ServiceModel; 
 using System.Web.Security; 
 using System.Web.UI; 
 using System.Web.UI.HtmlControls; 
 using System.Web.UI.WebControls; 
 using System.Web.UI.WebControls.WebParts; 
 using System.Xml.Linq; 
 using System.Xml; 
 using System.IO; 
  
 //A reference to FirstAppSolution/PreLoanProcess 
 using InvokePreLoanProcess.PreLoanProcess; 
  
 //A reference to JobManager service 
 using InvokePreLoanProcess.JobManager; 
  
  
 namespace InvokePreLoanProcess 
 { 
        public partial class _Default : System.Web.UI.Page 
        { 
            //This method is called when the Submit Application button is  
            //Clicked 
            protected void Button1_Click(object sender, EventArgs e) 
            { 
                //Create a FirstAppSolution_PreLoanProcessClient object 
                FirstAppSolution_PreLoanProcessClient mortgageClient = new FirstAppSolution_PreLoanProcessClient(); 
                mortgageClient.Endpoint.Address = new System.ServiceModel.EndpointAddress("https://hiro-xp:8080/soap/services/FirstAppSolution/PreLoanProcess?blob=mtom"); 
  
                //Enable BASIC HTTP authentication 
                BasicHttpBinding b = (BasicHttpBinding)mortgageClient.Endpoint.Binding; 
                b.MessageEncoding = WSMessageEncoding.Mtom; 
                mortgageClient.ClientCredentials.UserName.UserName = "administrator"; 
                mortgageClient.ClientCredentials.UserName.Password = "password"; 
                b.Security.Transport.ClientCredentialType = HttpClientCredentialType.Basic; 
                b.Security.Mode = BasicHttpSecurityMode.TransportCredentialOnly; 
                b.MaxReceivedMessageSize = 2000000; 
                b.MaxBufferSize = 2000000; 
                b.ReaderQuotas.MaxArrayLength = 2000000; 
      
                //Retrieve values that user entered into the web page 
                String userName = TextBoxName.Text; 
                String phone = TextBoxPhone.Text; 
                String amount = TextBoxAmount.Text; 
  
                //Create the XML to pass to the FirstAppSolution/PreLoanProcess process 
                XmlDocument myXML = CreateXML(userName, phone, amount); 
      
                StringWriter sw = new StringWriter(); 
                XmlTextWriter xw = new XmlTextWriter(sw); 
                myXML.WriteTo(xw); 
  
                InvokePreLoanProcess.PreLoanProcess.XML inXML = new XML(); 
                inXML.document = sw.ToString();  
  
                //INvoke the FirstAppSolution/PreLoanProcess process 
                String invocationID =  mortgageClient.invoke_Async(inXML); 
  
                //Create a JobManagerClient object to obtain the status of the long-lived operation 
                JobManagerClient jobManager = new JobManagerClient(); 
                jobManager.Endpoint.Address = new System.ServiceModel.EndpointAddress("https://hiro-xp:8080/soap/services/JobManager?blob=mtom"); 
  
                //Enable BASIC HTTP authentication 
                BasicHttpBinding b1 = (BasicHttpBinding)jobManager.Endpoint.Binding; 
                b1.MessageEncoding = WSMessageEncoding.Mtom; 
                jobManager.ClientCredentials.UserName.UserName = "administrator"; 
                jobManager.ClientCredentials.UserName.Password = "password"; 
                b1.Security.Transport.ClientCredentialType = HttpClientCredentialType.Basic; 
                b1.Security.Mode = BasicHttpSecurityMode.TransportCredentialOnly; 
                b1.MaxReceivedMessageSize = 2000000; 
                b1.MaxBufferSize = 2000000; 
                b1.ReaderQuotas.MaxArrayLength = 2000000; 
  
  
                //Create a JobID object that represents the status of the  
                //long-lived operation 
                JobId jobId = new JobId(); 
                jobId.id = invocationID; 
                jobId.persistent = true; 
                JobStatus jobStatus = jobManager.getStatus(jobId); 
                System.Int16 val2 = jobStatus.statusCode; 
                LabelJobID.Text = "The job status identifier value is " + invocationID;   
                LabelStatus.Text = "The status of the long-lived operation is " + getJobDescription(val2);  
      
            } 
  
            private static XmlDocument CreateXML(String name, String phone, String amount) 
            { 
                //This method dynamically creates a DDX document  
                //to pass to the FirstAppSolution/PreLoanProcess process 
                XmlDocument xmlDoc = new XmlDocument(); 
  
                //Create the root element and append it to the XML DOM         
                System.Xml.XmlElement root = xmlDoc.CreateElement("LoanApp"); 
                xmlDoc.AppendChild(root); 
  
                //Create the Name element 
                XmlElement nameElement = xmlDoc.CreateElement("Name"); 
                nameElement.AppendChild(xmlDoc.CreateTextNode(name)); 
                root.AppendChild(nameElement); 
  
                //Create the LoanAmount element 
                XmlElement LoanAmount = xmlDoc.CreateElement("LoanAmount"); 
                LoanAmount.AppendChild(xmlDoc.CreateTextNode(amount)); 
                root.AppendChild(LoanAmount); 
  
                //Create the PhoneOrEmail element 
                XmlElement PhoneOrEmail = xmlDoc.CreateElement("PhoneOrEmail"); 
                PhoneOrEmail.AppendChild(xmlDoc.CreateTextNode(phone)); 
                root.AppendChild(PhoneOrEmail); 
  
                //Create the ApprovalStatus element 
                XmlElement ApprovalStatus = xmlDoc.CreateElement("ApprovalStatus"); 
                ApprovalStatus.AppendChild(xmlDoc.CreateTextNode("PENDING APPROVAL")); 
                root.AppendChild(ApprovalStatus); 
  
                //Return the XmlElement instance 
                return xmlDoc; 
            } 
  
  
            //Returns the String value of the Job Manager status code 
            private String getJobDescription(int val) 
            { 
                switch(val) 
                { 
                    case 0: 
                        return "JOB_STATUS_UNKNOWN"; 
      
                    case 1:  
                        return "JOB_STATUS_QUEUED"; 
  
                    case 2:  
                        return "JOB_STATUS_RUNNING"; 
  
                    case 3:  
                        return "JOB_STATUS_COMPLETED";   
      
                    case 4:  
                        return "JOB_STATUS_FAILED";  
  
                     case 5:  
                        return "JOB_STATUS_COMPLETED";  
      
                    case 6:  
                        return "JOB_STATUS_SUSPENDED"; 
      
                    case 7:  
                        return "JOB_STATUS_COMPLETE_REQUESTED"; 
      
                    case 8:  
                        return "JOB_STATUS_TERMINATE_REQUESTED"; 
  
                     case 9:  
                        return "JOB_STATUS_SUSPEND_REQUESTED"; 
  
                       case 10:  
                        return "JOB_STATUS_RESUME_REQUESTED"; 
                } 
  
                return ""; 
            } 
       } 
 } 
 
NOTA

Los valores ubicados en el método definido por el usuario getJobDescription corresponden a los valores devueltos por el servicio Administrador de trabajos.

Ejecute la aplicación ASP.NET

Después de compilar e implementar la aplicación ASP.NET, puede ejecutarla con un explorador Web. Suponiendo que el nombre del proyecto ASP.NET sea InvokePreLoanProcess, especifique la siguiente URL dentro de un explorador web:

*http://localhost:1629/InvokePreLoanProcess/*Default.aspx

donde localhost es el nombre del servidor web que aloja el proyecto ASP.NET y 1629 es el número de puerto. Al compilar y crear la aplicación ASP.NET, Microsoft Visual Studio la implementa automáticamente.

NOTA

Para confirmar que la aplicación ASP.NET invocó el proceso, inicie Workspace y acepte el préstamo.

Creación de una aplicación cliente creada con Flex que invoca un proceso prolongado centrado en el ser humano

Puede crear una aplicación cliente creada con Flex para invocar el proceso FirstAppSolution/PreLoanProcess. Esta aplicación utiliza Remoting para invocar el proceso FirstAppSolution/PreLoanProcess. (Consulte Invocación de AEM Forms mediante (obsoleto para AEM formularios) AEM Forms Remoting).

La siguiente ilustración muestra una aplicación cliente creada con Flex que recopila datos de un usuario final. Los datos se colocan en un origen de datos XML y se envían al proceso.

Una vez invocado el proceso, se muestra un valor de identificador de invocación. Se crea un valor de identificador de invocación como parte de un registro que rastrea el estado del proceso de larga duración.

La aplicación cliente creada con Flex realiza las siguientes tareas:

  • Recupera los valores introducidos por el usuario en la página web.
  • Crea dinámicamente un origen de datos XML que se pasa al proceso FirstAppSolution/PreLoanProcess. Los tres valores se especifican en el origen de datos XML.
  • Invoca el proceso FirstAppSolution/PreLoanProcess mediante Remoting.
  • Devuelve el valor del identificador de invocación del proceso de larga duración.

Resumen de los pasos

Para crear una aplicación cliente creada con Flex que pueda invocar el proceso FirstAppSolution/PreLoanProcess, realice los siguientes pasos:

  1. Inicie un nuevo proyecto de Flex.

  2. Incluya el archivo adobe-remoting-provider.swc en la ruta de clase de su proyecto. (Consulte Inclusión del archivo de biblioteca Flex de AEM Forms).

  3. Cree una instancia mx:RemoteObject mediante el ActionScript o el MXML. (Consulte Creación de una instancia mx:RemoteObject)

  4. Configure una instancia ChannelSet para comunicarse con AEM Forms y asóciela a la instancia mx:RemoteObject. (Consulte Crear un canal en AEM Forms).

  5. Llame al método login de ChannelSet o al método setCredentials del servicio para especificar el valor del identificador de usuario y la contraseña. (Consulte Uso del inicio de sesión único).

  6. Cree el origen de datos XML para pasarlo al proceso FirstAppSolution/PreLoanProcess creando una instancia XML. (Esta lógica de aplicación se muestra en el siguiente ejemplo de código).

  7. Cree un objeto de tipo Object usando su constructor. Asigne el XML al objeto especificando el nombre del parámetro de entrada del proceso, como se muestra en el siguiente código:

     //Get the XML data to pass to the AEM Forms process 
 var xml:XML = createXML(); 
 var params:Object = new Object(); 
 params["formData"]=xml;

  8. Invoque el proceso FirstAppSolution/PreLoanProcess llamando al método mx:RemoteObject de la instancia invoke_Async. Pase el Object que contiene el parámetro de entrada. (Consulte Pasar valores de entrada).

  9. Recupere el valor de identificación de invocación que se devuelve desde un proceso de larga duración, como se muestra en el siguiente código:

     // Handles async call that invokes the long-lived process 
 private function resultHandler(event:ResultEvent):void 
 { 
 ji = event.result as JobId; 
 jobStatusDisplay.text = "Job Status ID: " + ji.jobId as String;  
 }

Invocación de un proceso de larga duración mediante Remoting

El siguiente ejemplo de código Flex invoca el proceso FirstAppSolution/PreLoanProcess.

 <?xml version="1.0" encoding="utf-8"?> 
  
 <mx:Application  xmlns="*" backgroundColor="#FFFFFF"  
      creationComplete="initializeChannelSet();"> 
  
 <mx:Script> 
          <![CDATA[ 
  
             import mx.controls.Alert; 
             import mx.rpc.events.FaultEvent; 
             import mx.rpc.events.ResultEvent; 
             import flash.net.navigateToURL; 
             import mx.messaging.ChannelSet; 
             import mx.messaging.channels.AMFChannel; 
             import mx.collections.ArrayCollection; 
             import mx.rpc.livecycle.JobId; 
             import mx.rpc.livecycle.JobStatus; 
             import mx.rpc.livecycle.DocumentReference; 
             import mx.formatters.NumberFormatter; 
      
             // Holds the job ID returned by LC.JobManager 
             private var ji:JobId;   
      
             private function initializeChannelSet():void  
              { 
              var cs:ChannelSet= new ChannelSet();  
         cs.addChannel(new AMFChannel("remoting-amf", "https://hiro-xp:8080/remoting/messagebroker/amf"));  
         LC_MortgageApp.setCredentials("tblue", "password"); 
         LC_MortgageApp.channelSet = cs; 
              } 
  
            private function submitApplication():void 
             { 
             //Get the XML data to pass to the AEM Forms process 
             var xml:XML = createXML(); 
             var params:Object = new Object(); 
             params["formData"]=xml; 
             LC_MortgageApp.invoke_Async(params); 
             } 
  
             // Handles async call that invokes the long-lived process 
             private function resultHandler(event:ResultEvent):void 
             { 
                ji = event.result as JobId; 
                jobStatusDisplay.text = "Job Status ID: " + ji.jobId as String;  
             } 
  
             private function createXML():XML 
             { 
                //Calculate the Mortgage value to place in the XML data 
                var propertyPrice:String = txtAmount.text ;  
                var name:String = txtName.text ; 
                var phone:String = txtPhone.text ;;  
      
                var model:XML =  
  
                  <LoanApp> 
                           <Name>{name}</Name> 
                           <LoanAmount>{propertyPrice}</LoanAmount> 
                           <PhoneOrEmail>{phone}</PhoneOrEmail>  
                           <ApprovalStatus>PENDING APPROVAL</ApprovalStatus> 
                  </LoanApp> 
      
              return model; 
             } 
      
      
          ]]> 
       </mx:Script> 
      
       <!-- Declare the RemoteObject and set its destination to the mortgage-app remoting endpoint defined in AEM Forms. --> 
       <mx:RemoteObject id="LC_MortgageApp" destination="FirstAppSolution/PreLoanProcess" result="resultHandler(event);"> 
          <mx:method name="invoke_Async" result="resultHandler(event)"/> 
      </mx:RemoteObject> 
  
  
     <mx:Grid x="229" y="186"> 
         <mx:GridRow width="100%" height="100%"> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Image> 
                     <mx:source>file:///D|/LiveCycle_9/FirstApp/financeCorpLogo.jpg</mx:source> 
                 </mx:Image> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Label text="Flex Loan Application Page" fontSize="20"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
             </mx:GridItem> 
         </mx:GridRow> 
         <mx:GridRow width="100%" height="100%"> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Label text="Name:" fontSize="12" fontWeight="bold"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:TextInput id="txtName"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Button label="Submit Application" click="submitApplication()"/> 
             </mx:GridItem> 
         </mx:GridRow> 
         <mx:GridRow width="100%" height="100%"> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Label text="Phone/Email:" fontSize="12" fontWeight="bold"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:TextInput id="txtPhone"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
             </mx:GridItem> 
         </mx:GridRow> 
         <mx:GridRow width="100%" height="100%"> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Label text="Amount:" fontSize="12" fontWeight="bold"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:TextInput id="txtAmount"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
             </mx:GridItem> 
         </mx:GridRow> 
         <mx:GridRow width="100%" height="100%"> 
             <mx:GridItem width="100%" height="100%"> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
                 <mx:Label text="Label" id="jobStatusDisplay" enabled="true" fontSize="12" fontWeight="bold"/> 
             </mx:GridItem> 
             <mx:GridItem width="100%" height="100%"> 
             </mx:GridItem> 
         </mx:GridRow> 
     </mx:Grid> 
      
 </mx:Application> 
 

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now