Description des composants réutilisables

L’espace de travail AEM Forms est composé de composants réutilisables organisés dans une structure de dossiers spécifique dans CRX™. Chaque composant possède des fichiers de modèle, de vue et de contrôleur à l’emplacement spécifié dans la structure de dossiers, des dépendances JavaScript™ à d’autres fichiers de composant, des événements écoutés par le composant et des objets JavaScript qui peuvent déclencher ces événements dans l’espace de travail AEM Forms. La liste complète des composants réutilisables avec leurs noms de fichier et leurs dépendances figure ici.

TaskList

Modèle

tasklist.js

Mode

tasklist.js

Template

tasklist.html

Nécessite les composants

  • UserSearch

  • Tâche

  • Teamtask

Dépendances JS

  • Modèle task

  • Modèle teamtask

Événements écoutés (nom du Événement - Déclencheur)

  • filterSelected – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

REMARQUE

Ce composant peut être utilisé indépendamment de l’espace de travail AEM Forms, à condition de déclencher l’événement filterSelected pour ce composant depuis l’application personnalisée.

Tâche

Modèle

task.js

Mode

task.js

Modèle

task.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle tasklist

  • Utilitaire taskactions

Événements écoutés (nom du Événement - Déclencheur)

  • submitComplete – modèle task

  • Reject – modèle task

REMARQUE

Workspace appelle la fonction fetchTasks du modèle TaskList afin de créer des modèles Task pour ce composant.

FilterList

Modèle

tasklist.js

Mode

filterlist.js

Modèle

filterlist.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • fetched – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

  • refreshedQueue – modèle tasklist

  • filterSelected – modèle tasklist

Filtrer

Mode

filter.js

Modèle

filter.html

Nécessite les composants

N/A

Dépendances JS

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

  • Field: query: string

  • Field: parentView: filterlist view

  • Field: parentModel: tasklist model

  • Field: utility

Evénements écoutés

ND

TeamQueues

Modèle

tasklist.js

Mode

teamqueues.js

Modèle

teamqueues.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • fetched – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

  • teamQueuesFetched – modèle tasklist

TeamFilter

Modèle

N/A

Mode

teamfilter.js

Modèle

teamfilter.html

Nécessite les composants

N/A

Dépendances JS

  • Extends : filter view

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

  • Champ : requête : string

  • Champ : parentView : vue filterlist

  • Champ : parentModel : modèle tasklist

  • Champ : utilitaire

Evénements écoutés

N/A

REMARQUE

TeamFilter obtient l’événement indiquant quelle tâche a été sélectionnée du composant TaskList. Bien que ces composants partagent la même classe de modèle, il n’y a pas d’autre dépendance.

TaskDetails

Modèle

tasklist.js

Mode

taskdetails.js

Modèle

taskdetails.html

Nécessite les composants

La plupart des classes d’utilitaires

Dépendances JS

  • processinstancehistory.html

  • Utilitaire formrendering

  • Utilitaire notes

  • Utilitaire attachments

  • Utilitaire taskactions

  • Utilitaire history

Événements écoutés (nom du Événement - Déclencheur)

  • forwarded – modèle task

  • shared – modèle task

  • consulted – modèle task

  • rejected – modèle task

  • abandoned – modèle task

  • unlocked – modèle task

  • locked – modèle task

  • claimed – modèle task

  • change:taskselected – modèle tasklist

  • change:formUrl – modèle task

  • attachmentURLFetched - modèle task
  • newAttachment - modèle task
  • taskHistoryFetched – modèle task

  • prepareForSubmitComplete - modèle task
  • submitComplete – modèle task

CategoryList

Modèle

categorylist.js

Mode

categorylist.js

Modèle

startprocess.html (dans le dossier route)

Nécessite les composants

Catégorie

Dépendances JS

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

Événements écoutés (nom du Événement - Déclencheur)

  • allStartpointsFetched – modèle categorylist

  • add – modèle categorylist

REMARQUE

ce composant utilise des classes de modèles de certains autres composants tels que StartPointList, StartPoint et Task. Hormis cette dépendance, CategoryList peut être utilisé indépendamment.

Catégorie

Modèle

category.js

Mode

category.js

Modèle

category.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle categorylist

  • Modèle startpointlist

Événements écoutés (nom du Événement - Déclencheur)

  • changed - modèle category

  • childrenFetched – modèle category

  • category:selected – modèle categorylist

StartPointList

Modèle

categorylist.js

Mode

startpointlist.js

Modèle

startprocess.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

  • Modèle category

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • Vue startpoint

  • Modèle startpointlist

  • Modèle startpoint

  • Modèle task

  • Modèle task

  • Modèle tasklist

  • Modèle teamtask

Événements écoutés (nom du Événement - Déclencheur)

  • category:selected – modèle categorylist

  • allStartpointsFetched – modèle categorylist

REMARQUE

les composants StartPointList et CategoryList partagent la même classe de modèle. Le premier dépend donc du second. CategoryList accède aux informations sur la catégorie dont les points de départ sont affichés. Pour utiliser StartPointList indépendamment, simulez le déclencheur d’événement à partir de CategoryList.

StartPoint

Modèle

startpoint.js

Mode

startpoint.js

Modèle

startpoint.html

Nécessite les composants

N/A

Dépendances JS

Modèle task

Événements écoutés (nom du Événement - Déclencheur)

change – modèle startpoint

StartProcess

Modèle

categorylist.js

Mode

startprocess.js

Modèle

startprocess.html

Nécessite les composants

  • La plupart des classes d’utilitaires

  • UserSearch

Dépendances JS

  • Modèle category

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • Utilitaire formrendering

  • Utilitaire notes

  • Utilitaire attachments

  • Utilitaire taskactions

Événements écoutés (nom du Événement - Déclencheur)

  • category:selected – modèle categorylist

  • change:invokedTask – modèle startpointlist

  • change:formUrl – modèle task

  • startpoint:selected – modèle startpointlist

  • forwarded – modèle task

  • abandoned – modèle task

  • unlocked – modèle task

  • locked – modèle task

  • attachmentURLFetched - modèle task
  • newAttachment - modèle task
  • prepareForSubmitComplete - modèle task
  • submitComplete – modèle task

  • allStartpointsFetched – modèle categorylist

REMARQUE

les composants StartPointList et StartProcess partagent la même classe de modèle. Ce composant devient pertinent lorsqu’un point de départ est sélectionné depuis StartPointList.

ProcessNameList

Modèle

processnamelist.js

Mode

processnamelist.js

Modèle

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

Modèle processname

Événements écoutés (nom du Événement - Déclencheur)

  • add – modèle processnamelist

  • fetched:processnames – modèle processnamelist

  • change - modèle processnamelist

REMARQUE

ProcessNameList ne dépend pas d’autres composants. Toutefois, en interne, il dépend de la classe de modèles ProcessInstanceList qui, elle, dépend d’autres composants. Par conséquent, ProcessNameList utilise de nombreuses classes de modèles telles que ProcessInstanceList, ProcessInstance, TaskList, Teamtask et Task. Hormis ces dépendances, ProcessNameList peut être utilisé indépendamment.

ProcessName

Modèle

processname.js

Mode

processname (dans processnamelist.js)

Modèle

processname.html

Nécessite les composants

N/A

Dépendances JS

Modèle processinstancelist

Événements écoutés (nom du Événement - Déclencheur)

change – modèle processname

ProcessInstanceList

Modèle

processnamelist.js

Mode

processinstancelist.js

Modèle

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

Modèle processname

Événements écoutés (nom du Événement - Déclencheur)

  • processname:selected – modèle processnamelist

  • processname:instancesfetched – modèle processnamelist

REMARQUE

ProcessInstanceList attend un événement de ProcessNameList indiquant le nom du processus pour récupérer et afficher des instances. Pour utiliser ProcessInstanceList indépendamment, simulez le déclencheur d’événement séparément.

ProcessInstance

Modèle

processinstance.js

Mode

processname dans processnamelist.js

Modèle

processinstance.html

Nécessite les composants

N/A

Dépendances JS

Modèle tasklist

Événements écoutés (nom du Événement - Déclencheur)

change – modèle processinstance

ProcessInstanceHistory

Modèle

processnamelist.js

Mode

processinstancehistory.js

Modèle

processinstancehistory.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle processname

  • Utilitaire history

Événements écoutés (nom du Événement - Déclencheur)

  • processname:selected – modèle processnamelist

  • processinstance:selected – modèle processinstancelist

  • tasksFetched – modèle processinstance

REMARQUE

ProcessInstanceHistory attend un événement de ProcessInstanceList concernant l’instance de processus dont l’historique doit être affiché. Hormis cette dépendance, le composant peut être utilisé indépendamment.

OutofOffice

Modèle

outofoffice.js

Mode

outofoffice.js

Modèle

outofoffice.html

Nécessite les composants

UserSearch

Dépendances JS

Vue usersearch

Événements écoutés (nom du Événement - Déclencheur)

  • outOfOfficeSettingsFetched – modèle outofoffice

  • outOfOfficeSettingsSaved – modèle outofoffice

  • processesFetched – modèle outofoffice

  • principalSelected - vue principalsearch

REMARQUE

OutofOffice peut être utilisé indépendamment.

ShareQueue

Modèle

sharequeue.js

Mode

sharequeue.js

Modèle

sharequeue.html

Nécessite les composants

UserSearch

Dépendances JS

Vue usersearch

Événements écoutés (nom du Événement - Déclencheur)

  • queueAccessGranted - modèle sharequeue

  • queueAccessRequested - modèle sharequeue

  • grantedUsersFetched - modèle sharequeue

  • accessibleUsersFetched - modèle sharequeue
  • queueAccessRevoked - modèle sharequeue

  • queueAccessRemoved - modèle sharequeue

  • principalSelected - vue principalsearch

REMARQUE

ShareQueue peut être utilisé indépendamment.

UISettings

Modèle

uisettings.js

Mode

uisettings.js

Modèle

uisettings.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • preferencesFetched – modèle uisettings

  • settingUpdated – modèle uisettings

REMARQUE

UISettings peut être utilisé indépendamment.

AppNavigation

Modèle

appnavigation.js

Mode

appnavigation.js

Modèle

appnavigation.html

Nécessite les composants

N/A

Dépendances JS

N/A

Evénements écoutés

N/A

REMARQUE

AppNavigation peut être utilisé indépendamment.

UserInfo

Modèle

userinfo.js

Mode

userinfo.js

Modèle

userinfo.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • userImageUrlFetched – modèle userinfo
  • sessionRenewed - modèle userinfo
  • sessionExpired - modèle userinfo
REMARQUE

UserInfo peut être utilisé indépendamment.

WSError

Modèle

wserror.js

Mode

wserror.js

Modèle

wserror.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

newWsError – modèle wserror

UserSearch

Modèle

usersearch.js

Mode

usersearch.js

Modèle

usersearch.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • principalSearched - modèle principalsearch
  • outOfOfficeInfoFetched - modèle usersearch

SearchTemplate

Modèle

searchtemplate.js

Mode

searchtemplate (dans searchtemplatelist.js)

Modèle

searchtemplate.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

templateFetched- modèle searchtemplate

SearchTemplateList

Modèle

searchtemplatelist.js

Mode

searchtemplatelist.js

Modèle

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

modèle searchtemplate

Événements écoutés (nom du Événement - Déclencheur)

change - modèle searchtemplatelist

SearchTemplateDetails

Modèle

searchtemplatelist.js

Mode

searchtemplatedetails.js

Modèle

searchtemplatedetails.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

searchTemplate:selected - modèle de recherche

Sur cette page

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