Show Menu
SUJETS×

Description des composants réutilisables

AEM Forms workspace is composed of reusable components which are organized in a specific folder structure in 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 (Modèle)
tasklist.html
Nécessite les composants
  • UserSearch
  • Tâche
  • Teamtask
Dépendances JS
  • Modèle task
  • Modèle teamtask
écoutée (nom du - Trigger)
  • filterSelected – modèle tasklist
  • remove – modèle tasklist
  • updateQueue – modèle tasklist
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
Template (Modèle)
task.html
Nécessite les composants
N/A
Dépendances JS
  • Modèle tasklist
  • Utilitaire taskactions
écoutée (nom du - Trigger)
  • submitComplete – modèle task
  • Reject – modèle task
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
Template (Modèle)
filterlist.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
  • fetched – modèle tasklist
  • remove – modèle tasklist
  • updateQueue – modèle tasklist
  • refreshedQueue – modèle tasklist
  • filterSelected – modèle tasklist

Filtrer

Mode
filter.js
Template (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
Template (Modèle)
teamqueues.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
  • fetched – modèle tasklist
  • remove – modèle tasklist
  • updateQueue – modèle tasklist
  • teamQueuesFetched – modèle tasklist

TeamFilter

Modèle
N/A
Mode
teamfilter.js
Template (Modèle)
teamfilter.html
Nécessite les composants
N/A
Dépendances JS
  • Extends : filter view
  • Field : queue : {name, qid, isDefault, type }
  • Field : query : string
  • Field : parentView : filterlist view
  • Field : parentModel : tasklist model
  • Field : utility
Evénements écoutés
N/A
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
Template (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
écoutée (nom du - Trigger)
  • 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
Template (Modèle)
startprocess.html (dans le dossier route)
Nécessite les composants
Catégorie
Dépendances JS
  • Modèle favoritecategoryfactory
  • Modèle allcategoryfactory
écoutée (nom du - Trigger)
  • allStartpointsFetched – modèle categorylist
  • add – modèle categorylist
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
Template (Modèle)
category.html
Nécessite les composants
N/A
Dépendances JS
  • Modèle categorylist
  • Modèle startpointlist
écoutée (nom du - Trigger)
  • changed - modèle category
  • childrenFetched – modèle category
  • category:selected – modèle categorylist

StartPointList

Modèle
categorylist.js
Mode
startpointlist.js
Template (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
écoutée (nom du - Trigger)
  • category:selected – modèle categorylist
  • allStartpointsFetched – modèle categorylist
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
Template (Modèle)
startpoint.html
Nécessite les composants
N/A
Dépendances JS
Modèle task
écoutée (nom du - Trigger)
change – modèle startpoint

StartProcess

Modèle
categorylist.js
Mode
startprocess.js
Template (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
écoutée (nom du - Trigger)
  • 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
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
Template (Modèle)
tracking.html (dans le dossier route)
Nécessite les composants
N/A
Dépendances JS
Modèle processname
écoutée (nom du - Trigger)
  • add – modèle processnamelist
  • fetched:processnames – modèle processnamelist
  • change - modèle processnamelist
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)
Template (Modèle)
processname.html
Nécessite les composants
N/A
Dépendances JS
Modèle processinstancelist
écoutée (nom du - Trigger)
change – modèle processname

ProcessInstanceList

Modèle
processnamelist.js
Mode
processinstancelist.js
Template (Modèle)
tracking.html (dans le dossier route)
Nécessite les composants
N/A
Dépendances JS
Modèle processname
écoutée (nom du - Trigger)
  • processname:selected – modèle processnamelist
  • processname:instancesfetched – modèle processnamelist
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
Template (Modèle)
processinstance.html
Nécessite les composants
N/A
Dépendances JS
Modèle tasklist
écoutée (nom du - Trigger)
change – modèle processinstance

ProcessInstanceHistory

Modèle
processnamelist.js
Mode
processinstancehistory.js
Template (Modèle)
processinstancehistory.html
Nécessite les composants
N/A
Dépendances JS
  • Modèle processname
  • Utilitaire history
écoutée (nom du - Trigger)
  • processname:selected – modèle processnamelist
  • processinstance:selected – modèle processinstancelist
  • tasksFetched – modèle processinstance
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
Template (Modèle)
outofoffice.html
Nécessite les composants
UserSearch
Dépendances JS
Vue usersearch
écoutée (nom du - Trigger)
  • outOfOfficeSettingsFetched – modèle outofoffice
  • outOfOfficeSettingsSaved – modèle outofoffice
  • processesFetched – modèle outofoffice
  • principalSelected - vue principalsearch
OutofOffice peut être utilisé indépendamment.

ShareQueue

Modèle
sharequeue.js
Mode
sharequeue.js
Template (Modèle)
sharequeue.html
Nécessite les composants
UserSearch
Dépendances JS
Vue usersearch
écoutée (nom du - Trigger)
  • 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
ShareQueue peut être utilisé indépendamment.

UISettings

Modèle
uisettings.js
Mode
uisettings.js
Template (Modèle)
uisettings.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
  • preferencesFetched – modèle uisettings
  • settingUpdated – modèle uisettings
UISettings peut être utilisé indépendamment.

AppNavigation

Modèle
appnavigation.js
Mode
appnavigation.js
Template (Modèle)
appnavigation.html
Nécessite les composants
N/A
Dépendances JS
N/A
Evénements écoutés
N/A
AppNavigation peut être utilisé indépendamment.

UserInfo

Modèle
userinfo.js
Mode
userinfo.js
Template (Modèle)
userinfo.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
  • userImageUrlFetched – modèle userinfo
  • sessionRenewed - modèle userinfo
  • sessionExpired - modèle userinfo
UserInfo peut être utilisé indépendamment.

WSError

Modèle
wserror.js
Mode
wserror.js
Template (Modèle)
wserror.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
newWsError – modèle wserror

UserSearch

Modèle
usersearch.js
Mode
usersearch.js
Template (Modèle)
usersearch.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
  • principalSearched - modèle principalsearch
  • outOfOfficeInfoFetched - modèle usersearch

SearchTemplate

Modèle
searchtemplate.js
Mode
searchtemplate (dans searchtemplatelist.js)
Template (Modèle)
searchtemplate.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
templateFetched- modèle searchtemplate

SearchTemplateList

Modèle
searchtemplatelist.js
Mode
searchtemplatelist.js
Template (Modèle)
tracking.html (dans le dossier route)
Nécessite les composants
N/A
Dépendances JS
modèle searchtemplate
écoutée (nom du - Trigger)
change - modèle searchtemplatelist

SearchTemplateDetails

Modèle
searchtemplatelist.js
Mode
searchtemplatedetails.js
Template (Modèle)
searchtemplatedetails.html
Nécessite les composants
N/A
Dépendances JS
N/A
écoutée (nom du - Trigger)
searchTemplate:selected - modèle search