Show Menu
TEMAS×

Descripción de los componentes reutilizables

El espacio de trabajo de AEM Forms se compone de componentes reutilizables que están organizados en una estructura de carpetas específica de CRX™. Cada componente tiene un modelo, una vista y un archivo de plantilla en la ubicación especificada en la estructura de carpetas, dependencias de JavaScript™ en otros archivos de componentes, eventos escuchados por el componente y objetos JavaScript que activan estos eventos en el espacio de trabajo de AEM Forms. Aquí se proporciona la lista completa de los componentes reutilizables con nombres de archivo constituyentes y dependencias.

ListaDeTareas

Modelo
tasklist.js
Ver
tasklist.js
Plantilla
tasklist.html
Requiere componentes
  • UserSearch
  • Tarea
  • Tarea en equipo
Dependencias de JS
  • modelo de tarea
  • modelo de tarea de equipo
Eventos escuchados (nombre del Evento - Activador)
  • filterSelected - modelo de lista de tareas
  • quitar - modelo de lista de tareas
  • updateQueue - modelo de lista de tareas
Este componente se puede utilizar independientemente del espacio de trabajo de AEM Forms, siempre que active filterevento seleccionado para este componente desde la aplicación personalizada.

Tarea

Modelo
task.js
Ver
task.js
Plantilla
task.html
Requiere componentes
ND
Dependencias de JS
  • modelo de lista de tareas
  • utilidad taskactions
Eventos escuchados (nombre del Evento - Activador)
  • submitComplete: modelo de tarea
  • Rechazar - modelo de tarea
Workspace llama a la función fetchTasks del modelo TaskList para crear modelos de Tarea para este componente.

FilterList

Modelo
tasklist.js
Ver
filterlist.js
Plantilla
filterlist.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
  • buscado - modelo de lista de tareas
  • quitar - modelo de lista de tareas
  • updateQueue - modelo de lista de tareas
  • refreshQueue: modelo de lista de tareas
  • filterSelected - modelo de lista de tareas

Filtro

Ver
filter.js
Plantilla
filter.html
Requiere componentes
ND
Dependencias de JS
  • Campo: queue: { name, qid, isDefault, type}
  • Campo: consulta: string
  • Campo: parentView: vista de lista de filtros
  • Campo: parentModel: modelo de lista de tareas
  • Campo: utilidad
Eventos escuchados
ND

TeamQueues

Modelo
tasklist.js
Ver
teamqueues.js
Plantilla
teamqueues.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
  • buscado - modelo de lista de tareas
  • quitar - modelo de lista de tareas
  • updateQueue - modelo de lista de tareas
  • teamQueuesFetched - modelo de lista de tareas

TeamFilter

Modelo
ND
Ver
teamfilter.js
Plantilla
teamfilter.html
Requiere componentes
ND
Dependencias de JS
  • Extiende : vista de filtro
  • Campo: queue :{ name, qid, isDefault, type }
  • Campo: consulta: string
  • Campo: parentView: vista de lista de filtros
  • Campo: parentModel : modelo de lista de tareas
  • Campo: utilidad
Eventos escuchados
ND
TeamFilter obtiene el evento que indica qué tarea se ha seleccionado del componente TaskList. Aunque estos componentes comparten la clase de modelo, no hay otra dependencia.

Detalles de la tarea

Modelo
tasklist.js
Ver
taskdetails.js
Plantilla
taskdetails.html
Requiere componentes
La mayoría de las clases de Utilidad
Dependencias de JS
  • processinstancehistory.html
  • utilidad de procesamiento de formularios
  • utilidad de notas
  • utilidad de archivos adjuntos
  • utilidad taskactions
  • utilidad de historial
Eventos escuchados (nombre del Evento - Activador)
  • reenviado - modelo de tarea
  • compartido: modelo de tarea
  • consultado - modelo de tarea
  • rechazado - modelo de tarea
  • abandonado - modelo de tarea
  • desbloqueado - modelo de tarea
  • bloqueado - modelo de tarea
  • reclamado - modelo de tarea
  • cambio:selección de tareas - modelo de lista de tareas
  • change:formUrl - modelo de tarea
  • attachmentURLFetched - modelo de tarea
  • newAttachment - modelo de tarea
  • taskHistoryFetched - modelo de tarea
  • prepareForSubmitComplete: modelo de tarea
  • submitComplete: modelo de tarea

CategoryList

Modelo
categorylist.js
Ver
categorylist.js
Plantilla
startprocess.html (en la carpeta route)
Requiere componentes
Categoría
Dependencias de JS
  • modelo favoritecategoryFactory
  • modelo allcategoryFactory
Eventos escuchados (nombre del Evento - Activador)
  • allStartpointsFetched - modelo de lista de categorías
  • agregar - modelo de lista de categorías
Este componente utiliza clases de modelo de otros componentes como StartPointList, StartPoint y Tarea. Además de esta dependencia, CategoryList puede utilizarse de forma independiente.

Categoría

Modelo
category.js
Ver
category.js
Plantilla
category.html
Requiere componentes
ND
Dependencias de JS
  • modelo de lista de categorías
  • modelo startpointlist
Eventos escuchados (nombre del Evento - Activador)
  • cambiado - modelo de categoría
  • childrenFetched - modelo de categoría
  • categoría:seleccionada - modelo de lista de categorías

StartPointList

Modelo
categorylist.js
Ver
startpointlist.js
Plantilla
startprocess.html (en la carpeta route)
Requiere componentes
ND
Dependencias de JS
  • modelo de categoría
  • modelo favoritecategoryFactory
  • modelo allcategoryFactory
  • vista de startpoint
  • modelo startpointlist
  • modelo startpoint
  • modelo de tarea
  • modelo de tarea
  • modelo de lista de tareas
  • modelo de tarea de equipo
Eventos escuchados (nombre del Evento - Activador)
  • categoría:seleccionada - modelo de lista de categorías
  • allStartpointsFetched - modelo de lista de categorías
Los componentes StartPointList y CategoryList comparten la clase de modelo, por lo que la primera depende de la segunda. CategoryList accede a la información sobre los puntos de inicio de la categoría que se muestran. Para utilizar StartPointList de forma independiente, simule el activador de evento de CategoryList.

StartPoint

Modelo
startpoint.js
Ver
startpoint.js
Plantilla
startpoint.html
Requiere componentes
ND
Dependencias de JS
modelo de tarea
Eventos escuchados (nombre del Evento - Activador)
change - modelo de punto de partida

StartProcess

Modelo
categorylist.js
Ver
startprocess.js
Plantilla
startprocess.html
Requiere componentes
  • La mayoría de las clases de Utilidad
  • UserSearch
Dependencias de JS
  • modelo de categoría
  • modelo favoritecategoryFactory
  • modelo allcategoryFactory
  • utilidad de procesamiento de formularios
  • utilidad de notas
  • utilidad de archivos adjuntos
  • utilidad taskactions
Eventos escuchados (nombre del Evento - Activador)
  • categoría:seleccionada - modelo de lista de categorías
  • change:alledTask - modelo startpointlist
  • change:formUrl - modelo de tarea
  • punto de inicio:seleccionado - modelo de lista de puntos de inicio
  • reenviado - modelo de tarea
  • abandonado - modelo de tarea
  • desbloqueado - modelo de tarea
  • bloqueado - modelo de tarea
  • attachmentURLFetched - modelo de tarea
  • newAttachment - modelo de tarea
  • prepareForSubmitComplete: modelo de tarea
  • submitComplete: modelo de tarea
  • allStartpointsFetched - modelo de lista de categorías
Los componentes StartProcess y StartPointList comparten la clase de modelo. Este componente resulta relevante cuando selecciona un punto de partida en StartPointList.

ProcessNameList

Modelo
processnamelist.js
Ver
processnamelist.js
Plantilla
tracking.html (en la carpeta route)
Requiere componentes
ND
Dependencias de JS
modelo processname
Eventos escuchados (nombre del Evento - Activador)
  • add - modelo processnamelist
  • buscado:nombreproceso - modelo nombredeproceso
  • change - modelo de lista de nombres de procesos
ProcessNameList no depende de otros componentes. Sin embargo, de forma interna depende de la clase de modelo ProcessInstanceList que, a su vez, depende de otros componentes. Por lo tanto, ProcessNameList utiliza muchas clases de modelo como ProcessInstanceList, ProcessInstance, TaskList, Teamtask y Tarea. Además de estas dependencias, ProcessNameList puede utilizarse de forma independiente.

ProcessName

Modelo
processname.js
Ver
nombreproceso (en nombredeproceso.js)
Plantilla
processname.html
Requiere componentes
ND
Dependencias de JS
modelo processinstancelist
Eventos escuchados (nombre del Evento - Activador)
change - modelo processname

ProcessInstanceList

Modelo
processnamelist.js
Ver
processinstancelist.js
Plantilla
tracking.html (en la carpeta route)
Requiere componentes
ND
Dependencias de JS
modelo processname
Eventos escuchados (nombre del Evento - Activador)
  • nombreproceso:seleccionado - modelo de lista de nombres de procesos
  • nombreproceso:instancesfetched - modelo processnamelist
ProcessInstanceList espera un evento de ProcessNameList que indica el nombre del proceso para recuperar y mostrar instancias. Para utilizar ProcessInstanceList de forma independiente, simule el activador de evento por separado.

ProcessInstance

Modelo
processinstance.js
Ver
nombreproceso dentro de processnamelist.js
Plantilla
processinstance.html
Requiere componentes
ND
Dependencias de JS
modelo de lista de tareas
Eventos escuchados (nombre del Evento - Activador)
change - modelo de instancia de proceso

ProcessInstanceHistory

Modelo
processnamelist.js
Ver
processinstancehistory.js
Plantilla
processinstancehistory.html
Requiere componentes
ND
Dependencias de JS
  • modelo processname
  • utilidad de historial
Eventos escuchados (nombre del Evento - Activador)
  • nombreproceso:seleccionado - modelo de lista de nombres de procesos
  • processinstance:selected - modelo processinstancelist
  • TasksFetched - modelo de instancia de proceso
ProcessInstanceHistory espera un evento de ProcessInstanceList que indica qué historial de instancias de proceso se va a mostrar. Además de esta dependencia, el componente se puede utilizar de forma independiente.

Fuera de la oficina

Modelo
outofoffice.js
Ver
outofoffice.js
Plantilla
outofoffice.html
Requiere componentes
UserSearch
Dependencias de JS
vista usersearch
Eventos escuchados (nombre del Evento - Activador)
  • outOfOfficeSettingsFetched - modelo de outtofoffice
  • outOfOfficeSettingsSaved - modelo de outtofoffice
  • processFetched - modelo de OUTOFoffice
  • principalSelected - vista de búsqueda principal
OutofOffice puede utilizarse de forma independiente.

ShareQueue

Modelo
sharequeue.js
Ver
sharequeue.js
Plantilla
sharequeue.html
Requiere componentes
UserSearch
Dependencias de JS
vista usersearch
Eventos escuchados (nombre del Evento - Activador)
  • queueAccessGranted - modelo sharequeue
  • queueAccessRequested - modelo sharequeue
  • approvedUsersFetched - modelo sharequeue
  • accessibleUsersFetched - modelo sharequeue
  • queueAccessRevected - modelo sharequeue
  • queueAccessRemoved - modelo sharequeue
  • principalSelected - vista de búsqueda principal
ShareQueue se puede usar de forma independiente.

UISettings

Modelo
uisettings.js
Ver
uisettings.js
Plantilla
uisettings.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
  • PreferencesFetched - modelo de configuración
  • SettingUpdated: modelo uisettings
UISettings se puede utilizar de forma independiente.

AppNavigation

Modelo
appnavigation.js
Ver
appnavigation.js
Plantilla
appnavigation.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados
ND
AppNavigation puede utilizarse de forma independiente.

UserInfo

Modelo
userinfo.js
Ver
userinfo.js
Plantilla
userinfo.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
  • userImageUrlFetched - modelo userinfo
  • sessionRenewed - modelo userinfo
  • sessionExpired - modelo userinfo
UserInfo se puede utilizar de forma independiente.

WSError

Modelo
wserror.js
Ver
wserror.js
Plantilla
wserror.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
newWsError - modelo de wserror

UserSearch

Modelo
usersearch.js
Ver
usersearch.js
Plantilla
usersearch.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
  • principalSearched - modelo de búsqueda principal
  • outOfOfficeInfoFetched - modelo de búsqueda de usuarios

SearchTemplate

Modelo
searchtemplate.js
Ver
searchtemplate (en searchtemplatelist.js)
Plantilla
searchtemplate.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
templateFetched - modelo de plantilla de búsqueda

SearchTemplateList

Modelo
searchtemplatelist.js
Ver
searchtemplatelist.js
Plantilla
tracking.html (en la carpeta route)
Requiere componentes
ND
Dependencias de JS
modelo de plantilla de búsqueda
Eventos escuchados (nombre del Evento - Activador)
change - searchtemplatelist modelo

SearchTemplateDetails

Modelo
searchtemplatelist.js
Ver
searchtemplatedetails.js
Plantilla
searchtemplatedetails.html
Requiere componentes
ND
Dependencias de JS
ND
Eventos escuchados (nombre del Evento - Activador)
searchTemplate:selected - modelo de plantilla de búsqueda