DocumentationAEM 6.4Guide de Forms

Description des composants réutilisables description-of-reusable-components

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • User
CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

L’espace de travail AEM Forms est constitué de composants réutilisables qui sont 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 tasklist

Modèle
tasklist.js
Mode
tasklist.js
Modèle
tasklist.html
Nécessite des composants

  • UserSearch

  • Tâche

  • Teamtask

Dépendances JS

  • modèle de tâche

  • modèle teamtask

Événements écoutés (nom de l’événement - déclencheur)

  • filterSelected - modèle tasklist

  • remove - modèle tasklist

  • updateQueue - modèle tasklist

NOTE
Ce composant peut être utilisé indépendamment de l’espace de travail AEM Forms, à condition que vous déclenchiez l’événement filterSelected pour ce composant à partir de votre application personnalisée.

Tâche task

Modèle
task.js
Mode
task.js
Modèle
task.html
Nécessite des composants
s.o.
Dépendances JS

  • modèle tasklist

  • Utilitaire taskactions

Événements écoutés (nom de l’événement - déclencheur)

  • submitComplete - modèle task

  • Rejeter - modèle task

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

FilterList filterlist

Modèle
tasklist.js
Mode
filterlist.js
Modèle
filterlist.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’é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 filter

Mode
filter.js
Modèle
filter.html
Nécessite des composants
s.o.
Dépendances JS

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

  • Champ : query : string

  • Champ : parentView : vue filterlist

  • Champ : parentModel: modèle tasklist

  • Champ : utility

Événements écoutés
s.o.

TeamQueues teamqueues

Modèle
tasklist.js
Mode
teamqueues.js
Modèle
teamqueues.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)

  • fetched - modèle tasklist

  • remove - modèle tasklist

  • updateQueue - modèle tasklist

  • TeamQueuesFetched - modèle tasklist

TeamFilter teamfilter

Modèle
s.o.
Mode
teamfilter.js
Modèle
teamfilter.html
Nécessite des composants
s.o.
Dépendances JS

  • Étend : vue de filtre

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

  • Champ : query : string

  • Champ : parentView : vue filterlist

  • Champ : parentModel : modèle tasklist

  • Champ : utility

Événements écoutés
s.o.
NOTE
TeamFilter obtient l’événement indiquant quelle tâche a été sélectionnée du composant TaskList. Bien que ces composants partagent la classe de modèle, il n’existe aucune autre dépendance.

TaskDetails taskdetails

Modèle
tasklist.js
Mode
taskdetails.js
Modèle
taskdetails.html
Nécessite des 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 de l’événement - déclencheur)

  • transfer - modèle task

  • shared - modèle task

  • consult - modèle task

  • reject - modèle task

  • abandonné - modèle task

  • unlocked - modèle task

  • locked - modèle task

  • clamé - 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 categorylist

Modèle
categorylist.js
Mode
categorylist.js
Modèle
startprocess.html (dans le dossier route)
Nécessite des composants
Catégorie
Dépendances JS

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

Événements écoutés (nom de l’événement - déclencheur)

  • allStartpointsFetched - modèle categorylist

  • add - modèle categorylist

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

Catégorie category

Modèle
category.js
Mode
category.js
Modèle
category.html
Nécessite des composants
s.o.
Dépendances JS

  • Modèle categorylist

  • Modèle startpointlist

Événements écoutés (nom de l’événement - déclencheur)

  • changed - modèle de catégorie

  • childrenFetched - modèle category

  • category:selected - modèle categorylist

StartPointList startpointlist

Modèle
categorylist.js
Mode
startpointlist.js
Modèle
startprocess.html (dans le dossier route)
Nécessite des composants
s.o.
Dépendances JS

  • modèle de catégorie

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • vue startpoint

  • Modèle startpointlist

  • Modèle startpoint

  • modèle de tâche

  • modèle de tâche

  • modèle tasklist

  • modèle teamtask

Événements écoutés (nom de l’événement - déclencheur)

  • category:selected - modèle categorylist

  • allStartpointsFetched - modèle categorylist

NOTE
Les composants StartPointList et CategoryList partagent la classe de modèle. Par conséquent, le premier dépend 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 startpoint

Modèle
startpoint.js
Mode
startpoint.js
Modèle
startpoint.html
Nécessite des composants
s.o.
Dépendances JS
modèle de tâche
Événements écoutés (nom de l’événement - déclencheur)
change - modèle startpoint

StartProcess startprocess

Modèle
categorylist.js
Mode
startprocess.js
Modèle
startprocess.html
Nécessite des composants

  • La plupart des classes d’utilitaires

  • UserSearch

Dépendances JS

  • modèle de catégorie

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • utilitaire formrendering

  • Utilitaire notes

  • Utilitaire attachments

  • Utilitaire taskactions

Événements écoutés (nom de l’événement - déclencheur)

  • category:selected - modèle categorylist

  • change:CallsTask - modèle startpointlist

  • change:formUrl - modèle task

  • startpoint:selected - modèle startpointlist

  • transfer - modèle task

  • abandonné - 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

NOTE
les composants StartPointList et StartProcess partagent la même classe de modèle. Ce composant devient pertinent lorsque vous sélectionnez un point de départ à partir de StartPointList.

ProcessNameList processnamelist

Modèle
processnamelist.js
Mode
processnamelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite des composants
s.o.
Dépendances JS
modèle processname
Événements écoutés (nom de l’événement - déclencheur)

  • add - modèle processnamelist

  • fetched:processnames - modèle processnamelist

  • change - modèle processnamelist

NOTE
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. Outre ces dépendances, ProcessNameList peut être utilisé indépendamment.

ProcessName processname

Modèle
processname.js
Mode
processname (dans processnamelist.js)
Modèle
processname.html
Nécessite des composants
s.o.
Dépendances JS
modèle processinstancelist
Événements écoutés (nom de l’événement - déclencheur)
change - modèle processname

ProcessInstanceList processinstancelist

Modèle
processnamelist.js
Mode
processinstancelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite des composants
s.o.
Dépendances JS
modèle processname
Événements écoutés (nom de l’événement - déclencheur)

  • processname:selected - modèle processnamelist

  • processname:instancesfetched - modèle processnamelist

NOTE
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 séparément le déclencheur d’événement.

ProcessInstance processinstance

Modèle
processinstance.js
Mode
processname dans processnamelist.js
Modèle
processinstance.html
Nécessite des composants
s.o.
Dépendances JS
modèle tasklist
Événements écoutés (nom de l’événement - déclencheur)
change - modèle processinstance

ProcessInstanceHistory processinstancehistory

Modèle
processnamelist.js
Mode
processinstancehistory.js
Modèle
processinstancehistory.html
Nécessite des composants
s.o.
Dépendances JS

  • modèle processname

  • Utilitaire history

Événements écoutés (nom de l’événement - déclencheur)

  • processname:selected - modèle processnamelist

  • processinstance:selected - modèle processinstancelist

  • tasksFetched - modèle processinstance

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

OutofOffice outofoffice

Modèle
outofoffice.js
Mode
outofoffice.js
Modèle
outofoffice.html
Nécessite des composants
UserSearch
Dépendances JS
vue usersearch
Événements écoutés (nom de l’événement - déclencheur)

  • outOfOfficeSettingsFetched - modèle outofoffice

  • outOfOfficeSettingsSaved - modèle outofoffice

  • processesFetched - modèle outofoffice

  • principalSelected - vue principalsearch

NOTE
OutofOffice peut être utilisé indépendamment.

ShareQueue sharequeue

Modèle
sharequeue.js
Mode
sharequeue.js
Modèle
sharequeue.html
Nécessite des composants
UserSearch
Dépendances JS
vue usersearch
Événements écoutés (nom de l’événement - déclencheur)

  • queueAccessGranted - modèle sharequeue

  • queueAccessRequested - modèle sharequeue

  • authorizedUsersFetched - modèle sharequeue

  • accessibleUsersFetched - modèle sharequeue

  • queueAccessRevoked - modèle sharequeue

  • queueAccessRemoved - modèle sharequeue

  • principalSelected - vue principalsearch

NOTE
ShareQueue peut être utilisé indépendamment.

UISettings uisettings

Modèle
uisettings.js
Mode
uisettings.js
Modèle
uisettings.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)

  • preferencesFetched - modèle uisettings

  • settingUpdated - modèle uisettings

NOTE
UISettings peut être utilisé indépendamment.

AppNavigation appnavigation

Modèle
appnavigation.js
Mode
appnavigation.js
Modèle
appnavigation.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés
s.o.
NOTE
AppNavigation peut être utilisé indépendamment.

UserInfo userinfo

Modèle
userinfo.js
Mode
userinfo.js
Modèle
userinfo.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
  • userImageUrlFetched - modèle userinfo
  • sessionRenewed - modèle userinfo
  • sessionExpired - modèle userinfo
NOTE
UserInfo peut être utilisé indépendamment.

WSError wserror

Modèle
wserror.js
Mode
wserror.js
Modèle
wserror.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
newWsError - modèle wserror

UserSearch usersearch

Modèle
usersearch.js
Mode
usersearch.js
Modèle
usersearch.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
  • principalSearched - modèle principalsearch
  • outOfOfficeInfoFetched - modèle usersearch

SearchTemplate searchtemplate

Modèle
searchtemplate.js
Mode
searchtemplate (dans searchtemplatelist.js)
Modèle
searchtemplate.html
Nécessite des composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
templateFetched- modèle searchtemplate

SearchTemplateList searchtemplatelist

Modèle
searchtemplatelist.js
Mode
searchtemplatelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite des composants
s.o.
Dépendances JS
modèle de recherche
Événements écoutés (nom de l’événement - déclencheur)
change - modèle searchtemplatelist

SearchTemplateDetails searchtemplatedetails

Modèle
searchtemplatelist.js
Mode
searchtemplatedetails.js
Modèle
searchtemplatedetails.html
Nécessite des composants
s.o.
Dépendances JS
NA
Événements écoutés (nom de l’événement - déclencheur)
searchTemplate:selected - modèle searchtemplate
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da