Descripción de los componentes reutilizables

Última actualización: 2023-12-07

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

TaskList

Modelo

tasklist.js

Ver

tasklist.js

Plantilla

tasklist.html

Requiere componentes

  • UserSearch

  • Tarea

  • Teamtask

Dependencias de JS

  • modelo de tareas

  • modelo teamtask

Eventos escuchados (Nombre del evento: Activador)

  • filterSelected: modelo tasklist

  • quitar: modelo tasklist

  • updateQueue: modelo tasklist

NOTA

Este componente se puede utilizar de forma independiente de AEM Forms Workspace, siempre que active el evento filterSelected 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 tasklist

  • utilidad taskactions

Eventos escuchados (Nombre del evento: Activador)

  • submitComplete: modelo de tareas

  • Rechazar: modelo de tareas

NOTA

El espacio de trabajo llama a la función fetchTasks del modelo TaskList para crear modelos de tareas 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)

  • fetched: modelo tasklist

  • quitar: modelo tasklist

  • updateQueue: modelo tasklist

  • refreshedQueue: modelo tasklist

  • filterSelected: modelo tasklist

Filtro

Ver

filter.js

Plantilla

filter.html

Requiere componentes

ND

Dependencias de JS

  • Field: queue: { name, qid, isDefault, type}

  • Field: query: string

  • Field: parentView: filterlist view

  • Field: parentModel: tasklist model

  • Field: utility

Eventos escuchados

ND

TeamQueues

Modelo

tasklist.js

Ver

teamqueue.js

Plantilla

teamqueue.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (Nombre del evento: Activador)

  • fetched: modelo tasklist

  • quitar: modelo tasklist

  • updateQueue: modelo tasklist

  • teamQueuesFetched: modelo tasklist

TeamFilter

Modelo

ND

Ver

teamfilter.js

Plantilla

teamfilter.html

Requiere componentes

ND

Dependencias de JS

  • Extends : filter view

  • Field : queue :{ name, qid, isDefault, type }

  • Field : query : string

  • Field : parentView : filterlist view

  • Field : parentModel : tasklist model

  • Field : utility

Eventos escuchados

ND

NOTA

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.

TaskDetails

Modelo

tasklist.js

Ver

taskdetails.js

Plantilla

taskdetails.html

Requiere componentes

La mayoría de las clases de utilidades

Dependencias de JS

  • processinstancehistory.html

  • utilidad formrendering

  • utilidad notas

  • utilidad archivos adjuntos

  • utilidad taskactions

  • utilidad historial

Eventos escuchados (Nombre del evento: Activador)

  • reenviado: modelo de tareas

  • compartido: modelo de tareas

  • consultado: modelo de tareas

  • rechazado: modelo de tareas

  • abandonado: modelo de tarea

  • desbloqueado: modelo de tareas

  • bloqueado: modelo de tareas

  • reclamado: modelo de tarea

  • Change:taskselected: modelo tasklist

  • change:formUrl: modelo de tareas

  • attachmentURLFetched: modelo de tareas
  • newAttachment: modelo de tareas
  • taskHistoryFetched: modelo de tareas

  • prepareForSubmitComplete: modelo de tareas
  • submitComplete: modelo de tareas

CategoryList

Modelo

categorylist.js

Ver

categorylist.js

Plantilla

startProcess.html (en la carpeta de ruta)

Requiere componentes

Categoría

Dependencias de JS

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

Eventos escuchados (Nombre del evento: Activador)

  • allStartpointsFetched: modelo tasklist

  • agregar: modelo categorylist

NOTA

Este componente utiliza clases de modelo de otros componentes, como StartPointList, StartPoint y Task. 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 categorylist

  • modelo startpointlist

Eventos escuchados (Nombre del evento: Activador)

  • changed: modelo category

  • childrenFetched: modelo category

  • category:selected: modelo categorylist

StartPointList

Modelo

categorylist.js

Ver

startpointlist.js

Plantilla

startProcess.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

  • modelo de categoría

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

  • vista startpoint

  • modelo startpointlist

  • modelo startpoint

  • modelo de tareas

  • modelo de tareas

  • modelo tasklist

  • modelo teamtask

Eventos escuchados (Nombre del evento: Activador)

  • category:selected: modelo categorylist

  • allStartpointsFetched: modelo tasklist

NOTA

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)

cambiar: modelo startpoint

StartProcess

Modelo

categorylist.js

Ver

startProcess.js

Plantilla

startProcess.html

Requiere componentes

  • La mayoría de las clases de utilidades

  • UserSearch

Dependencias de JS

  • modelo de categoría

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

  • utilidad formrendering

  • utilidad notas

  • utilidad archivos adjuntos

  • utilidad taskactions

Eventos escuchados (Nombre del evento: Activador)

  • category:selected: modelo categorylist

  • change:invokedTask: modelo startpointlist

  • change:formUrl: modelo de tareas

  • Startpoint:selected: modelo startpointlist

  • reenviado: modelo de tareas

  • abandonado: modelo de tarea

  • desbloqueado: modelo de tareas

  • bloqueado: modelo de tareas

  • attachmentURLFetched: modelo de tareas
  • newAttachment: modelo de tareas
  • prepareForSubmitComplete: modelo de tareas
  • submitComplete: modelo de tareas

  • allStartpointsFetched: modelo tasklist

NOTA

Los componentes StartProcess y StartPointList comparten la clase de modelo. Este componente se vuelve relevante si selecciona un punto de inicio de StartPointList.

ProcessNameList

Modelo

processnamelist.js

Ver

processnamelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (Nombre del evento: Activador)

  • agregar: modelo processnamelist

  • Fetched:processnames: modelo processnamelist

  • cambiar: modelo processnamelist

NOTA

ProcessNameList no depende de otros componentes. Sin embargo, depende internamente de la clase del 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 Task. Además de estas dependencias, ProcessNameList puede utilizarse de forma independiente.

ProcessName

Modelo

processname.js

Ver

processname (en processnamelist.js)

Plantilla

processname.html

Requiere componentes

ND

Dependencias de JS

modelo processinstancelist

Eventos escuchados (Nombre del evento: Activador)

cambiar: modelo processname

ProcessInstanceList

Modelo

processnamelist.js

Ver

processinstancelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (Nombre del evento: Activador)

  • Processname:selected: modelo processnamelist

  • Processname:instancesfetched: modelo processnamelist

NOTA

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 eventos por separado.

ProcessInstance

Modelo

processinstance.js

Ver

processname dentro de processnamelist.js

Plantilla

processinstance.html

Requiere componentes

ND

Dependencias de JS

modelo tasklist

Eventos escuchados (Nombre del evento: Activador)

cambiar: modelo processinstance

ProcessInstanceHistory

Modelo

processnamelist.js

Ver

processinstancehistory.js

Plantilla

processinstancehistory.html

Requiere componentes

ND

Dependencias de JS

  • modelo processname

  • utilidad historial

Eventos escuchados (Nombre del evento: Activador)

  • Processname:selected: modelo processnamelist

  • Processinstance:selected: modelo processinstancelist

  • tasksFetched: modelo processinstance

NOTA

ProcessInstanceHistory espera un evento de ProcessInstanceList que indique qué historial de instancias de proceso se va a mostrar. Además de esta dependencia, el componente se puede utilizar de forma independiente.

OutofOffice

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 outofoffice

  • outOfOfficeSettingsSaved: modelo outofoffice

  • processesFetched: modelo outofoffice

  • principalSelected: vista principalsearch

NOTA

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

  • grantedUsersFetched: modelo sharequeue

  • accessibleUsersFetched: modelo sharequeue
  • queueAccessRevoked: modelo sharequeue

  • queueAccessRemoved: modelo sharequeue

  • principalSelected: vista principalsearch

NOTA

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 uisettings

  • settingUpdated: modelo uisettings

NOTA

UISettings se puede usar de forma independiente.

AppNavigation

Modelo

appnavigation.js

Ver

appnavigation.js

Plantilla

appnavigation.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados

ND

NOTA

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
NOTA

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 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 principalsearch
  • outOfOfficeInfoFetched: modelo usersearch

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 searchtemplate

SearchTemplateList

Modelo

searchtemplatelist.js

Ver

searchtemplatelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo searchtemplate

Eventos escuchados (Nombre del evento: Activador)

Cambiar: modelo searchtemplatelist

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 searchtemplate

En esta página