Beskrivning av återanvändbara komponenter description-of-reusable-components

AEM Forms arbetsyta består av återanvändbar komponenter som är organiserade i ett specifikt mappstruktur i CRX™. Varje komponent har modell-, vy- och mallfil på den plats som anges i mappstrukturen, JavaScript™-beroenden på andra komponentfiler, händelser som avlyssnas av komponenten och JavaScript-objekt som utlöser dessa händelser på arbetsytan i AEM Forms. En fullständig lista över återanvändbara komponenter med komponentens filnamn och beroenden anges här.

AktivitetLista tasklist

Modell
tasklist.js
Visa
tasklist.js
Mall
tasklist.html
Kräver komponenter
  • UserSearch

  • Uppgift

  • Teamaktivitet

JS-beroenden
  • aktivitetsmodell

  • gruppaktivitetsmodell

Lyssnade händelser (händelsenamn - utlösare)
  • filterSelected - aktivitetslistmodell

  • remove - aktivitetslistmodell

  • updateQueue - aktivitetslista, modell

NOTE
Den här komponenten kan användas oberoende av AEM Forms arbetsyta, förutsatt att du utlöser händelsen filterSelected för den här komponenten från ditt anpassade program.

Uppgift task

Modell
task.js
Visa
task.js
Mall
task.html
Kräver komponenter
NA
JS-beroenden
  • aktivitetslistmodell

  • uppgifterfunktionsmakron

Lyssnade händelser (händelsenamn - utlösare)
  • submitComplete - aktivitetsmodell

  • Avvisa - aktivitetsmodell

NOTE
Arbetsytan anropar funktionen fetchTasks i TaskList-modellen för att skapa aktivitetsmodeller för den här komponenten.

FilterList filterlist

Modell
tasklist.js
Visa
filterlist.js
Mall
filterlist.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
  • hämtad - aktivitetslistmodell

  • remove - aktivitetslistmodell

  • updateQueue - aktivitetslista, modell

  • uppdateradKö - aktivitetslistmodell

  • filterSelected - aktivitetslistmodell

Filter filter

Visa
filter.js
Mall
filter.html
Kräver komponenter
NA
JS-beroenden
  • Fält: kö: { name, qid, isDefault, type}

  • Fält: fråga: sträng

  • Fält: parentView: filterlistvy

  • Fält: parentModel: aktivitetslistmodell

  • Fält: utility

Händelser som lyssnats
NA

TeamQueues teamqueues

Modell
tasklist.js
Visa
teamqueues.js
Mall
teamqueues.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
  • hämtad - aktivitetslistmodell

  • remove - aktivitetslistmodell

  • updateQueue - aktivitetslista, modell

  • teamQueuesFetched - tasklist model

TeamFilter teamfilter

Modell
NA
Visa
teamfilter.js
Mall
teamfilter.html
Kräver komponenter
NA
JS-beroenden
  • Utökar: filtervy

  • Fält : queue :{ name, qid, isDefault, type }

  • Field : query : string

  • Field : parentView : filterlist view

  • Fält : parentModel : aktivitetslistmodell

  • Field : utility

Händelser som lyssnats
NA
NOTE
TeamFilter hämtar händelsen som anger vilken aktivitet som har valts från TaskList-komponenten. Även om dessa komponenter delar modellklassen finns det inget annat beroende.

AktivitetInformation taskdetails

Modell
tasklist.js
Visa
taskdetails.js
Mall
taskdetails.html
Kräver komponenter
De flesta verktygsklasserna
JS-beroenden
  • processinstancehistory.html

  • formgivningsverktyg

  • anteckningsverktyg

  • verktyg för bilagor

  • uppgifterfunktionsmakron

  • historikverktyg

Lyssnade händelser (händelsenamn - utlösare)
  • vidarebefordrad - aktivitetsmodell

  • delad - aktivitetsmodell

  • konsulteras - aktivitetsmodell

  • avvisad - aktivitetsmodell

  • övergiven - aktivitetsmodell

  • olåst - aktivitetsmodell

  • låst - aktivitetsmodell

  • anspråk - aktivitetsmodell

  • ändring:aktivitet markerad - aktivitetslistmodell

  • change:formUrl - aktivitetsmodell

  • attachmentURLFetched - task model

  • newAttachment - aktivitetsmodell

  • taskHistoryFetched - aktivitetsmodell

  • prepareForSubmitComplete - aktivitetsmodell

  • submitComplete - aktivitetsmodell

CategoryList categorylist

Modell
categorylist.js
Visa
categorylist.js
Mall
startprocess.html (i vägmappen)
Kräver komponenter
Kategori
JS-beroenden
  • favoritkategoristandardmodell

  • allccategoryFactory-modell

Lyssnade händelser (händelsenamn - utlösare)
  • allStartPointsFetched - kategorilistmodell

  • add - kategorilistmodell

NOTE
Den här komponenten använder modellklasser för vissa andra komponenter som StartPointList, StartPoint och Task. Förutom detta beroende kan CategoryList användas oberoende.

Kategori category

Modell
category.js
Visa
category.js
Mall
category.html
Kräver komponenter
NA
JS-beroenden
  • kategorilistmodell

  • startpointlistmodell

Lyssnade händelser (händelsenamn - utlösare)
  • ändrad - kategorimodell

  • childrenFetched - category model

  • kategori:markerad - kategorilistmodell

StartPointList startpointlist

Modell
categorylist.js
Visa
startpointlist.js
Mall
startprocess.html (i vägmappen)
Kräver komponenter
NA
JS-beroenden
  • kategorimodell

  • favoritkategoristandardmodell

  • allccategoryFactory-modell

  • startpunktsvy

  • startpointlistmodell

  • startpunktsmodell

  • aktivitetsmodell

  • aktivitetsmodell

  • aktivitetslistmodell

  • gruppaktivitetsmodell

Lyssnade händelser (händelsenamn - utlösare)
  • kategori:markerad - kategorilistmodell

  • allStartPointsFetched - kategorilistmodell

NOTE
Komponenterna StartPointList och CategoryList delar modellklassen, och den första är beroende av den senare. CategoryList får åtkomst till informationen om vilken kategori startpunkter som visas. Om du vill använda StartPointList separat simulerar du händelseutlösaren från CategoryList.

StartPoint startpoint

Modell
startpoint.js
Visa
startpoint.js
Mall
startpoint.html
Kräver komponenter
NA
JS-beroenden
aktivitetsmodell
Lyssnade händelser (händelsenamn - utlösare)
change - startpunktsmodell

StartProcess startprocess

Modell
categorylist.js
Visa
startprocess.js
Mall
startprocess.html
Kräver komponenter
  • De flesta verktygsklasserna

  • UserSearch

JS-beroenden
  • kategorimodell

  • favoritkategoristandardmodell

  • allccategoryFactory-modell

  • formgivningsverktyg

  • anteckningsverktyg

  • verktyg för bilagor

  • uppgifterfunktionsmakron

Lyssnade händelser (händelsenamn - utlösare)
  • kategori:markerad - kategorilistmodell

  • change:invokedTask - startpunktslistmodell

  • change:formUrl - aktivitetsmodell

  • startpunkt:markerad - startpunktslistmodell

  • vidarebefordrad - aktivitetsmodell

  • övergiven - aktivitetsmodell

  • olåst - aktivitetsmodell

  • låst - aktivitetsmodell

  • attachmentURLFetched - task model

  • newAttachment - aktivitetsmodell

  • prepareForSubmitComplete - aktivitetsmodell

  • submitComplete - aktivitetsmodell

  • allStartPointsFetched - kategorilistmodell

NOTE
Komponenterna StartProcess och StartPointList delar modellklassen. Den här komponenten blir relevant när du väljer en startpunkt från StartPointList.

ProcessNameList processnamelist

Modell
processnamelist.js
Visa
processnamelist.js
Mall
tracking.html (i vägmappen)
Kräver komponenter
NA
JS-beroenden
processnamnsmodell
Lyssnade händelser (händelsenamn - utlösare)
  • add - processnamelist-modell

  • hämtad:processnamn - modell för processnamnlista

  • change - process namelist model

NOTE
ProcessNameList är inte beroende av andra komponenter. Internt är det emellertid beroende av modellklassen ProcessInstanceList som i sin tur är beroende av andra komponenter. ProcessNameList använder därför många modellklasser som ProcessInstanceList, ProcessInstance, TaskList, Teamtask och Task. Förutom dessa beroenden kan ProcessNameList användas oberoende av varandra.

ProcessName processname

Modell
processname.js
Visa
processnamn (i processnamelist.js)
Mall
processname.html
Kräver komponenter
NA
JS-beroenden
processinstancelist, modell
Lyssnade händelser (händelsenamn - utlösare)
change - process name model

ProcessInstanceList processinstancelist

Modell
processnamelist.js
Visa
processinstancelist.js
Mall
tracking.html (i vägmappen)
Kräver komponenter
NA
JS-beroenden
processnamnsmodell
Lyssnade händelser (händelsenamn - utlösare)
  • processnamn:valt - modell för processnamnlista

  • processnamn:instanshämtad - processnamelist-modell

NOTE
ProcessInstanceList förväntar sig en händelse från ProcessNameList som anger processnamnet för hämtning och visning av instanser. Om du vill använda ProcessInstanceList separat simulerar du händelseutlösaren separat.

ProcessInstance processinstance

Modell
processinstance.js
Visa
processnamn inuti processnamelist.js
Mall
processinstance.html
Kräver komponenter
NA
JS-beroenden
aktivitetslistmodell
Lyssnade händelser (händelsenamn - utlösare)
change - processinstansmodell

ProcessInstanceHistory processinstancehistory

Modell
processnamelist.js
Visa
processinstancehistory.js
Mall
processinstancehistory.html
Kräver komponenter
NA
JS-beroenden
  • processnamnsmodell

  • historikverktyg

Lyssnade händelser (händelsenamn - utlösare)
  • processnamn:valt - modell för processnamnlista

  • processinstans:selected - processinstanslistmodell

  • tasksFetched - processinstansmodell

NOTE
ProcessInstanceHistory förväntar sig en händelse från ProcessInstanceList som anger vilken processinstansens historik som ska visas. Förutom detta beroende kan komponenten användas oberoende av varandra.

OutofOffice outofoffice

Modell
outofoffice.js
Visa
outofoffice.js
Mall
outofoffice.html
Kräver komponenter
UserSearch
JS-beroenden
användarsökvy
Lyssnade händelser (händelsenamn - utlösare)
  • outOfOfficeSettingsFetched - outOffice-modell

  • outOfOfficeSettingsSaved - kontorsmodell

  • processesFetched - opacitetsmodell

  • palSelected - vyn för huvudsökning

NOTE
OutofOffice kan användas oberoende av varandra.

ShareQueue sharequeue

Modell
sharequeue.js
Visa
sharequeue.js
Mall
sharequeue.html
Kräver komponenter
UserSearch
JS-beroenden
användarsökvy
Lyssnade händelser (händelsenamn - utlösare)
  • queueAccessGranted - sharequeue-modell

  • queueAccessRequested - sharequeue-modell

  • grantedUsersFetched - sharequeue model

  • accessibleUsersFetched - sharequeue model

  • queueAccessRevoked - sharequeue-modell

  • queueAccessRemoved - sharequeue-modell

  • palSelected - vyn för huvudsökning

NOTE
ShareQueue kan användas oberoende av varandra.

UISettings uisettings

Modell
uisettings.js
Visa
uisettings.js
Mall
uisettings.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
  • preferencesFetched - Usettings model

  • settingUpdated - uissettings model

NOTE
UISettings kan användas oberoende av varandra.

AppNavigation appnavigation

Modell
appnavigation.js
Visa
appnavigation.js
Mall
appnavigation.html
Kräver komponenter
NA
JS-beroenden
NA
Händelser som lyssnats
NA
NOTE
AppNavigation kan användas oberoende av varandra.

UserInfo userinfo

Modell
userinfo.js
Visa
userinfo.js
Mall
userinfo.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
  • userImageUrlFetched - userinfo model
  • sessionRenewed - userinfo model
  • sessionExpired - userinfo-modell
NOTE
UserInfo kan användas oberoende av varandra.

WSError wserror

Modell
wserror.js
Visa
wserror.js
Mall
wserror.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
newWsError - serverfelmodell

UserSearch usersearch

Modell
usersearch.js
Visa
usersearch.js
Mall
usersearch.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
  • palSearched - principalsearch model
  • outOfOfficeInfoFetched - usersearch model

SearchTemplate searchtemplate

Modell
searchtemplate.js
Visa
searchtemplate (in searchtemplatelist.js)
Mall
searchtemplate.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
templateFetched- searchtemplate model

SearchTemplateList searchtemplatelist

Modell
searchtemplatelist.js
Visa
searchtemplatelist.js
Mall
tracking.html (i vägmappen)
Kräver komponenter
NA
JS-beroenden
sökmallsmodell
Lyssnade händelser (händelsenamn - utlösare)
change - searchtemplateList model

SearchTemplateDetails searchtemplatedetails

Modell
searchtemplatelist.js
Visa
searchtemplatedetails.js
Mall
searchtemplatedetails.html
Kräver komponenter
NA
JS-beroenden
NA
Lyssnade händelser (händelsenamn - utlösare)
sökmall:markerad - sökmallsmodell
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2