Procesar formularios HTML con barras de herramientas personalizadas rendering-html-forms-with-customtoolbars
Los ejemplos de este documento solo son para AEM Forms en un entorno JEE.
Representar Forms de HTML con barras de herramientas personalizadas rendering-html-forms-with-custom-toolbars
El servicio Forms permite personalizar una barra de herramientas que se procesa con un formulario de HTML. Se puede personalizar una barra de herramientas para modificar su aspecto al anular los estilos CSS predeterminados y agregar un comportamiento dinámico al anular los scripts de Java. Una barra de herramientas se personaliza mediante un archivo XML denominado fscmenu.xml. De forma predeterminada, el servicio Forms recupera este archivo desde una ubicación URI especificada internamente.
Puede copiar el archivo fscmenu.xml desde esta ubicación, modificarlo para que se ajuste a sus necesidades y, a continuación, colocarlo en una ubicación URI personalizada. A continuación, mediante la API del servicio de Forms, establezca las opciones en tiempo de ejecución que resultan en el servicio de Forms mediante el archivo fscmenu.xml desde la ubicación especificada. Estas acciones hacen que el servicio Forms procese un formulario de HTML que tiene una barra de herramientas personalizada.
Además del archivo fscmenu.xml, también necesita obtener los siguientes archivos:
- fscmenu.js
- fscattachments.js
- fscmenu.css
- fscmenu-v.css
- fscmenu-ie.css
- fscdialog.css
fscJS es la secuencia de comandos Java asociada a cada nodo. Es necesario suministrar uno para el div#fscmenu
nodo y, opcionalmente, para ul#fscmenuItem
nodos. Los archivos JS implementan la funcionalidad principal de la barra de herramientas y funcionan los archivos predeterminados.
fscCSS es una hoja de estilos asociada a un nodo concreto. Los estilos de los archivos CSS especifican el aspecto de la barra de herramientas. fscVCSS es una hoja de estilos para una barra de herramientas vertical que se muestra a la izquierda del formulario de HTML procesado. fscIECSS es una hoja de estilos que se utiliza para los formularios de HTML que se representan en Internet Explorer.
Asegúrese de que se hace referencia a todos los archivos anteriores en el archivo fscmenu.xml. Es decir, en el archivo fscmenu.xml, especifique las ubicaciones de los URI que apuntarán a estos archivos para que el servicio de Forms pueda localizarlos. De forma predeterminada, estos archivos están disponibles en ubicaciones de URI que comienzan con palabras clave internas FSWebRoot
o ApplicationWebRoot
.
Para personalizar la barra de herramientas, reemplace las palabras clave por la palabra clave externa FSToolBarURI
. Esta palabra clave representa el URI que se pasa al servicio Forms en tiempo de ejecución (este método se muestra más adelante en esta sección).
También puede especificar las ubicaciones absolutas de estos archivos JS y CSS, como https://www.mycompany.com/scripts/misc/fscmenu.js. En este caso, no es necesario utilizar el FSToolBarURI
palabra clave.
FSToolBarURI
palabra clave o una ubicación absoluta.Puede obtener los archivos JS y CSS abriendo adobe-forms-<appserver>archivo .ear. Dentro de este archivo, abra adobe-forms-res.war. Todos estos archivos se encuentran en el archivo WAR. El adobe-forms-<appserver>AEM El archivo .ear se encuentra en la carpeta de instalación de formularios de la aplicación (C:\ es el directorio de instalación). Puede abrir adobe-forms-<appserver>.ear utilizando una herramienta de extracción de archivos como WinRAR.
La siguiente sintaxis XML muestra un archivo fscmenu.xml de ejemplo.
<div id="fscmenu" fscJS="FSToolBarURI/scripts/fscmenu.js" fscCSS="FSToolBarURI/fscmenu.css" fscVCSS="FSToolBarURI/fscmenu-v.css" fscIECSS="FSToolBarURI/fscmenu-ie.css">
<ul class="fscmenuItem" id="Home">
<li>
<a href="#" fscTarget="_top" tabindex="1">Home</a>
</li>
</ul>
<ul class="fscmenuItem" id="Upload" fscJS="FSToolBarURI/scripts/fscattachments.js" fscCSS="FSToolBarURI/fscdialog.css">
<li>
<a tabindex="2">Upload Attachments</a>
<ul class="fscmenuPopup" id="fscUploadAttachments">
<li>
<a href="javascript:doUploadDialog();" tabindex="3">Add ...</a>
</li>
<li>
<a href="javascript:doDeleteDialog();" tabindex="4">Delete ...</a>
</li>
</ul>
</li>
</ul>
<ul class="fscmenuItem" id="Download">
<li>
<a tabindex="100">Download Attachments</a>
<ul class="fscmenuPopup">
<li>
<a tabindex="101">None available</a>
</li>
</ul>
</li>
</ul>
</div>
Los siguientes elementos describen cómo se puede personalizar una barra de herramientas:
- Cambiar los valores de
fscJS
,fscCSS
,fscVCSS
,fscIECSS
atributos (en el archivo fscmenu.xml) para reflejar las ubicaciones personalizadas de los archivos a los que se hace referencia mediante uno de los métodos que se describen en esta sección (por ejemplo,fscJS="FSToolBarURI/scripts/fscmenu.js"
). - Se deben especificar todos los archivos CSS y JS. Si no se modifica ninguno de los archivos, proporcione el predeterminado en la ubicación personalizada. Puede obtener los archivos predeterminados abriendo varios archivos como se describe en esta sección.
- Se permite proporcionar una referencia absoluta (por ejemplo, https://www.example.com/scripts/custom-vertical-fscmenu.css) para cualquier archivo.
- Los archivos JS y CSS que
div#fscmenu
Los requisitos de nodo son esenciales para la funcionalidad de la barra de herramientas. Individualul#fscmenuItem
Los nodos de pueden tener o no archivos JS o CSS compatibles.
Cambio del valor local
Al personalizar una barra de herramientas, puede cambiar su valor de configuración regional. Es decir, puede mostrarlo en otro idioma. La siguiente ilustración muestra una barra de herramientas personalizada que se muestra en francés.
Para cambiar el valor de configuración regional de una barra de herramientas, asegúrese de que el archivo fscmenu.xml contiene el idioma que desea mostrar. La siguiente sintaxis XML muestra el archivo fscmenu.xml que se utiliza para mostrar una barra de herramientas en francés.
<div id="fscmenu" fscJS="FSToolBarURI/scripts/fscmenu.js" fscCSS="FSToolBarURI/fscmenu.css" fscVCSS="FSToolBarURI/fscmenu-v.css" fscIECSS="FSToolBarURI/fscmenu-ie.css">
<ul class="fscmenuItem" id="Home">
<li>
<a href="#" fscTarget="_top" tabindex="1">Accueil</a>
</li>
</ul>
<ul class="fscmenuItem" id="Upload" fscJS="FSToolBarURI/scripts/fscattachments.js" fscCSS="FSToolBarURI/fscdialog.css">
<li>
<a tabindex="2">Télécharger les pièces jointes</a>
<ul class="fscmenuPopup" id="fscUploadAttachments">
<li>
<a href="javascript:doUploadDialog();" tabindex="3">Ajouter...</a>
</li>
<li>
<a href="javascript:doDeleteDialog();" tabindex="4">Supprimer...</a>
</li>
</ul>
</li>
</ul>
<ul class="fscmenuItem" id="Download">
<li>
<a tabindex="100">Télécharger les pièces jointes</a>
<ul class="fscmenuPopup">
<li>
<a tabindex="101">Aucune disponible</a>
</li>
</ul>
</li>
</ul>
</div>
Especifique también un valor de configuración regional válido invocando el HTMLRenderSpec
del objeto setLocale
y pasando un valor de cadena que especifica el valor de configuración regional. Por ejemplo, pase fr_FR
para especificar francés. El servicio Forms está empaquetado con barras de herramientas localizadas.
Para obtener más información sobre el servicio Forms, consulte Referencia de servicios para AEM Forms.
Resumen de los pasos summary-of-steps
Para procesar un formulario de HTML que contenga una barra de herramientas personalizada, realice estas tareas:
- Incluir archivos de proyecto.
- Cree un objeto de API de Java de Forms.
- Hacer referencia a un archivo XML fscmenu personalizado.
- Procesar un formulario de HTML.
- Escriba el flujo de datos del formulario en el explorador web del cliente.
Incluir archivos de proyecto
Incluya los archivos necesarios en el proyecto de desarrollo. Si está creando una aplicación cliente con Java, incluya los archivos JAR necesarios. Si utiliza servicios web, incluya los archivos proxy.
Creación de un objeto de API de Java de Forms
Para poder realizar mediante programación una operación compatible con el servicio Forms, debe crear un objeto de cliente de Forms.
Hacer referencia a un archivo XML fscmenu personalizado
Para procesar un formulario de HTML que contenga una barra de herramientas personalizada, haga referencia a un archivo XML fscmenu que describa la barra de herramientas. (Esta sección proporciona dos ejemplos de un archivo XML fscmenu.) Asegúrese también de que el archivo fscmenu.xml especifica correctamente las ubicaciones de todos los archivos a los que se hace referencia. Como se mencionó anteriormente en esta sección, asegúrese de que todas las referencias de los archivos sean FSToolBarURI
o sus ubicaciones absolutas.
Procesar un formulario de HTML
Para procesar un formulario de HTML, especifique un diseño de formulario creado en Designer y guardado como archivo XDP. Seleccione también un tipo de transformación de HTML. Por ejemplo, puede especificar el tipo de transformación de HTML que procesa un HTML dinámico para Internet Explorer 5.0 o posterior.
El procesamiento de un formulario HTML también requiere valores, como valores URI para el procesamiento de otros tipos de formulario.
Escribir el flujo de datos del formulario en el explorador web del cliente
Cuando el servicio Forms procesa un formulario de HTML, devuelve un flujo de datos de formulario que debe escribir en el explorador web del cliente para que el formulario de HTML sea visible para los usuarios.
Consulte también
Procesar un formulario de HTML con una barra de herramientas personalizada mediante la API de Java
Incluir archivos de biblioteca Java de AEM Forms
Estableciendo propiedades de conexión
Inicio rápido de la API del servicio de Forms
Procesar formularios PDF interactivos
Procesar formularios como HTML
Crear aplicaciones web que procesen Forms
Procesar un formulario de HTML con una barra de herramientas personalizada mediante la API de Java render-an-html-form-with-a-custom-toolbar-using-the-java-api
Procese un formulario de HTML que contenga una barra de herramientas personalizada mediante la API del servicio de Forms (Java):
-
Incluir archivos de proyecto
Incluya archivos JAR de cliente, como adobe-forms-client.jar, en la ruta de clase del proyecto Java.
-
Creación de un objeto de API de Java de Forms
- Crear un
ServiceClientFactory
que contiene las propiedades de conexión. - Crear un
FormsServiceClient
usando su constructor y pasando el objetoServiceClientFactory
objeto.
- Crear un
-
Hacer referencia a un archivo XML fscmenu personalizado
- Crear un
HTMLRenderSpec
mediante su constructor. - Para procesar un formulario de HTML con una barra de herramientas, invoque la variable
HTMLRenderSpec
del objetosetHTMLToolbar
método y pase unHTMLToolbar
valor de enumeración. Por ejemplo, para mostrar una barra de herramientas de HTML vertical, paseHTMLToolbar.Vertical
. - Especifique la ubicación del archivo XML fscmenu invocando la variable
HTMLRenderSpec
del objetosetToolbarURI
y pasando un valor de cadena que especifica la ubicación URI del archivo XML. - Si procede, establezca el valor de configuración regional invocando la variable
HTMLRenderSpec
del objetosetLocale
y pasando un valor de cadena que especifica el valor de configuración regional. El valor predeterminado es inglés.
note note NOTE Los inicios rápidos asociados con esta sección establecen este valor como fr_FR
. - Crear un
-
Procesar un formulario de HTML
Invoque el
FormsServiceClient
del objetorenderHTMLForm
y pasar los siguientes valores:- Un valor de cadena que especifica el nombre del diseño del formulario, incluida la extensión del nombre de archivo. Si hace referencia a un diseño de formulario que forma parte de una aplicación de Forms, asegúrese de especificar la ruta de acceso completa, como
Applications/FormsApplication/1.0/FormsFolder/Loan.xdp
. - A
TransformTo
valor de enumeración que especifica el tipo de preferencia del HTML. Por ejemplo, para procesar un formulario de HTML compatible con dynamic HTML para Internet Explorer 5.0 o posterior, especifiqueTransformTo.MSDHTML
. - A
com.adobe.idp.Document
que contiene datos para combinar con el formulario. Si no desea combinar datos, pase un vacíocom.adobe.idp.Document
objeto. - El
HTMLRenderSpec
que almacena las opciones de tiempo de ejecución de HTML. - Un valor de cadena que especifica la variable
HTTP_USER_AGENT
valor de encabezado, comoMozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
. - A
URLSpec
que almacena valores de URI necesarios para procesar un formulario de HTML. - A
java.util.HashMap
que almacena archivos adjuntos. Este es un parámetro opcional y puede especificarnull
si no desea adjuntar archivos al formulario.
El
renderHTMLForm
El método devuelve un valorFormsResult
que contiene un flujo de datos de formulario que debe escribirse en el explorador web cliente. - Un valor de cadena que especifica el nombre del diseño del formulario, incluida la extensión del nombre de archivo. Si hace referencia a un diseño de formulario que forma parte de una aplicación de Forms, asegúrese de especificar la ruta de acceso completa, como
-
Escribir el flujo de datos del formulario en el explorador web del cliente
- Crear un
com.adobe.idp.Document
invocando el objeto deFormsResult
objeto ‘sgetOutputContent
método. - Obtenga el tipo de contenido del
com.adobe.idp.Document
invocando su objetogetContentType
método. - Configure las variables
javax.servlet.http.HttpServletResponse
tipo de contenido del objeto invocando susetContentType
y pasando el tipo de contenido delcom.adobe.idp.Document
objeto. - Crear un
javax.servlet.ServletOutputStream
objeto que se utiliza para escribir el flujo de datos de formulario en el explorador web del cliente invocando eljavax.servlet.http.HttpServletResponse
del objetogetOutputStream
método. - Crear un
java.io.InputStream
invocando el objeto decom.adobe.idp.Document
del objetogetInputStream
método. - Cree una matriz de bytes y rellénela con el flujo de datos de formulario invocando el método
InputStream
del objetoread
y pasando la matriz de bytes como argumento. - Invoque el
javax.servlet.ServletOutputStream
del objetowrite
para enviar el flujo de datos de formulario al explorador web del cliente. Pase la matriz de bytes awrite
método.
- Crear un
Consulte también
Incluir archivos de biblioteca Java de AEM Forms
Estableciendo propiedades de conexión
Representar un formulario de HTML con una barra de herramientas personalizada mediante la API de servicio web rendering-an-html-form-with-a-custom-toolbar-using-the-web-service-api
Procese un formulario de HTML que contenga una barra de herramientas personalizada mediante la API del servicio Forms (servicio web):
-
Incluir archivos de proyecto
- Cree clases de proxy Java que consuman el WSDL del servicio Forms.
- Incluya las clases de proxy Java en la ruta de clase.
-
Creación de un objeto de API de Java de Forms
Crear un
FormsService
y establezca los valores de autenticación. -
Hacer referencia a un archivo XML fscmenu personalizado
- Crear un
HTMLRenderSpec
mediante su constructor. - Para procesar un formulario de HTML con una barra de herramientas, invoque la variable
HTMLRenderSpec
del objetosetHTMLToolbar
método y pase unHTMLToolbar
valor de enumeración. Por ejemplo, para mostrar una barra de herramientas de HTML vertical, paseHTMLToolbar.Vertical
. - Especifique la ubicación del archivo XML fscmenu invocando la variable
HTMLRenderSpec
del objetosetToolbarURI
y pasando un valor de cadena que especifica la ubicación URI del archivo XML. - Si procede, establezca el valor de configuración regional invocando la variable
HTMLRenderSpec
del objetosetLocale
y pasando un valor de cadena que especifica el valor de configuración regional. El valor predeterminado es inglés.
note note NOTE Los inicios rápidos asociados con esta sección establecen este valor como fr_FR
. - Crear un
-
Procesar un formulario de HTML
Invoque el
FormsService
del objetorenderHTMLForm
y pasar los siguientes valores:- Un valor de cadena que especifica el nombre del diseño del formulario, incluida la extensión del nombre de archivo. Si hace referencia a un diseño de formulario que forma parte de una aplicación de Forms, asegúrese de especificar la ruta de acceso completa, como
Applications/FormsApplication/1.0/FormsFolder/Loan.xdp
. - A
TransformTo
valor de enumeración que especifica el tipo de preferencia del HTML. Por ejemplo, para procesar un formulario de HTML compatible con dynamic HTML para Internet Explorer 5.0 o posterior, especifiqueTransformTo.MSDHTML
. - A
BLOB
que contiene datos para combinar con el formulario. Si no desea combinar los datos, apruebenull
. - El
HTMLRenderSpec
que almacena las opciones de tiempo de ejecución de HTML. - Un valor de cadena que especifica la variable
HTTP_USER_AGENT
valor de encabezado, comoMozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322
). Puede pasar una cadena vacía si no desea establecer este valor. - A
URLSpec
que almacena valores de URI necesarios para procesar un formulario de HTML. - A
java.util.HashMap
que almacena archivos adjuntos. Este parámetro es opcional y puede especificarnull
si no tiene intención de adjuntar archivos al formulario. - Un vacío
com.adobe.idp.services.holders.BLOBHolder
objeto que se rellena con la variablerenderHTMLForm
método. Este valor de parámetro almacena el formulario procesado. - Un vacío
com.adobe.idp.services.holders.BLOBHolder
objeto que se rellena con la variablerenderHTMLForm
método. Este parámetro almacena los datos XML de salida. - Un vacío
javax.xml.rpc.holders.LongHolder
objeto que se rellena con la variablerenderHTMLForm
método. Este argumento almacena el número de páginas del formulario. - Un vacío
javax.xml.rpc.holders.StringHolder
objeto que se rellena con la variablerenderHTMLForm
método. Este argumento almacena el valor de configuración regional. - Un vacío
javax.xml.rpc.holders.StringHolder
objeto que se rellena con la variablerenderHTMLForm
método. Este argumento almacena el valor de procesamiento del HTML que se utiliza. - Un vacío
com.adobe.idp.services.holders.FormsResultHolder
que contendrá los resultados de esta operación.
El
renderHTMLForm
rellena el métodocom.adobe.idp.services.holders.FormsResultHolder
que se pasa como el último valor de argumento con un flujo de datos de formulario que debe escribirse en el explorador web del cliente. - Un valor de cadena que especifica el nombre del diseño del formulario, incluida la extensión del nombre de archivo. Si hace referencia a un diseño de formulario que forma parte de una aplicación de Forms, asegúrese de especificar la ruta de acceso completa, como
-
Escribir el flujo de datos del formulario en el explorador web del cliente
- Crear un
FormResult
al obtener el valor de la variablecom.adobe.idp.services.holders.FormsResultHolder
del objetovalue
miembro de datos. - Crear un
BLOB
que contiene datos de formulario invocando elFormsResult
del objetogetOutputContent
método. - Obtenga el tipo de contenido del
BLOB
invocando su objetogetContentType
método. - Configure las variables
javax.servlet.http.HttpServletResponse
tipo de contenido del objeto invocando susetContentType
y pasando el tipo de contenido delBLOB
objeto. - Crear un
javax.servlet.ServletOutputStream
objeto que se utiliza para escribir el flujo de datos de formulario en el explorador web del cliente invocando eljavax.servlet.http.HttpServletResponse
del objetogetOutputStream
método. - Cree una matriz de bytes y rellénela invocando el método
BLOB
del objetogetBinaryData
método. Esta tarea asigna el contenido delFormsResult
a la matriz de bytes. - Invoque el
javax.servlet.http.HttpServletResponse
del objetowrite
para enviar el flujo de datos de formulario al explorador web del cliente. Pase la matriz de bytes awrite
método.
- Crear un
Consulte también
Invocar AEM Forms con codificación Base64