Descrizione dei componenti riutilizzabili description-of-reusable-components

CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

L’area di lavoro di AEM Forms è composta da riutilizzabile componenti organizzati in un struttura a cartelle in CRX™. Ogni componente dispone di un file modello, vista e modello nel percorso specificato nella struttura delle cartelle, dipendenze JavaScript™ da altri file di componenti, eventi ascoltati dal componente e oggetti JavaScript che attivano tali eventi nell’area di lavoro di AEM Forms. L'elenco completo dei componenti riutilizzabili con nomi di file e dipendenze costituenti è riportato qui.

Elenco attività tasklist

Modello
tasklist.js
Visualizzazione
tasklist.js
Modello
tasklist.html
Richiede componenti
  • RicercaUtente

  • Attività

  • Gruppo

Dipendenze JS
  • modello task

  • modello a mano

Eventi ascoltati (Nome evento - Trigger)
  • filterSelected - modello elenco task

  • remove - tasklist, modello

  • updateQueue - modello elenco task

NOTE
Questo componente può essere utilizzato indipendentemente dall’area di lavoro di AEM Forms, a condizione che si attivi l’evento filterSelected per questo componente dall’applicazione personalizzata.

Attività task

Modello
task.js
Visualizzazione
task.js
Modello
task.html
Richiede componenti
ND
Dipendenze JS
  • modello a elenco delle applicazioni

  • utility taskazioni

Eventi ascoltati (Nome evento - Trigger)
  • submitComplete - modello task

  • Rifiuto: modello task

NOTE
Workspace chiama la funzione fetchTasks del modello TaskList per creare modelli Task per questo componente.

FilterList filterlist

Modello
tasklist.js
Visualizzazione
filterlist.js
Modello
filterlist.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
  • recuperato - modello elenco task

  • remove - tasklist, modello

  • updateQueue - modello elenco task

  • refreshQueue - modello elenco task

  • filterSelected - modello elenco task

Filtro filter

Visualizzazione
filter.js
Modello
filter.html
Richiede componenti
ND
Dipendenze JS
  • Campo: coda: { nome, qid, isDefault, type}

  • Campo: query: string

  • Campo: parentView: visualizzazione elenco filtri

  • Campo: parentModel: modello a elenco delle applicazioni

  • Campo: utilità

Eventi ascoltati
ND

CodeTeam teamqueues

Modello
tasklist.js
Visualizzazione
teamqueues.js
Modello
teamqueues.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
  • recuperato - modello elenco task

  • remove - tasklist, modello

  • updateQueue - modello elenco task

  • teamQueuesFetched - modello elenco task

TeamFilter teamfilter

Modello
ND
Visualizzazione
teamfilter.js
Modello
teamfilter.html
Richiede componenti
ND
Dipendenze JS
  • Estende : vista a filtri

  • Campo : coda :{ nome, qid, isDefault, type }

  • Campo : query : string

  • Campo : parentView : visualizzazione elenco filtri

  • Campo : parentModel : modello a elenco delle applicazioni

  • Campo : utilità

Eventi ascoltati
ND
NOTE
TeamFilter ottiene l'evento che indica quale attività è stata selezionata dal componente TaskList. Sebbene questi componenti condividano la classe del modello, non vi sono altre dipendenze.

DettagliAttività taskdetails

Modello
tasklist.js
Visualizzazione
taskdetails.js
Modello
taskdetails.html
Richiede componenti
La maggior parte delle classi Utility
Dipendenze JS
  • processinstancehistory.html

  • utility di rendering dei moduli

  • utilità note

  • utilità allegati

  • utility taskazioni

  • utilità di cronologia

Eventi ascoltati (Nome evento - Trigger)
  • inoltrato - modello di task

  • condiviso - modello task

  • consultato - modello dei compiti

  • rifiutato - modello task

  • abbandonato - modello di task

  • sbloccato - modello task

  • bloccato - modello task

  • rivendicato - modello task

  • modifica:task selezionato - modello elenco task

  • change:formUrl - modello di task

  • attachmentURLFetched - modello di task

  • newAttachment - modello di task

  • taskHistoryFetched - modello task

  • PrepareForSubmitComplete - modello di task

  • submitComplete - modello task

Elenco categorie categorylist

Modello
categorylist.js
Visualizzazione
categorylist.js
Modello
startprocess.html (nella cartella route)
Richiede componenti
Categoria
Dipendenze JS
  • modello favoritecategoryfactory

  • modello allcategoryfactory

Eventi ascoltati (Nome evento - Trigger)
  • allStartpointsFetched - categorylist model

  • add - categorylist, modello

NOTE
Questo componente utilizza le classi di modelli di altri componenti come StartPointList, StartPoint e Task. Oltre a questa dipendenza, CategoryList può essere utilizzato in modo indipendente.

Categoria category

Modello
category.js
Visualizzazione
category.js
Modello
category.html
Richiede componenti
ND
Dipendenze JS
  • modello a elenco categorie

  • modello startpointlist

Eventi ascoltati (Nome evento - Trigger)
  • modificato - modello di categoria

  • childrenFetched - modello di categoria

  • categoria:selezionata - modello elenco categorie

StartPointList startpointlist

Modello
categorylist.js
Visualizzazione
startpointlist.js
Modello
startprocess.html (nella cartella route)
Richiede componenti
ND
Dipendenze JS
  • modello di categoria

  • modello favoritecategoryfactory

  • modello allcategoryfactory

  • vista iniziale

  • modello startpointlist

  • modello startpoint

  • modello task

  • modello task

  • modello a elenco delle applicazioni

  • modello a mano

Eventi ascoltati (Nome evento - Trigger)
  • categoria:selezionata - modello elenco categorie

  • allStartpointsFetched - categorylist model

NOTE
I componenti StartPointList e CategoryList condividono la classe del modello, quindi il primo dipende da quest'ultimo. CategoryList accede alle informazioni sui punti iniziali della categoria visualizzati. Per utilizzare StartPointList in modo indipendente, simulare il trigger dell'evento da CategoryList.

StartPoint startpoint

Modello
startpoint.js
Visualizzazione
startpoint.js
Modello
startpoint.html
Richiede componenti
ND
Dipendenze JS
modello task
Eventi ascoltati (Nome evento - Trigger)
change - modello startpoint

StartProcess startprocess

Modello
categorylist.js
Visualizzazione
startprocess.js
Modello
startprocess.html
Richiede componenti
  • La maggior parte delle classi Utility

  • RicercaUtente

Dipendenze JS
  • modello di categoria

  • modello favoritecategoryfactory

  • modello allcategoryfactory

  • utility di rendering dei moduli

  • utilità note

  • utilità allegati

  • utility taskazioni

Eventi ascoltati (Nome evento - Trigger)
  • categoria:selezionata - modello elenco categorie

  • change:invogliatoTask - modello startpointlist

  • change:formUrl - modello di task

  • startpoint:selected - modello startpointlist

  • inoltrato - modello di task

  • abbandonato - modello di task

  • sbloccato - modello task

  • bloccato - modello task

  • attachmentURLFetched - modello di task

  • newAttachment - modello di task

  • PrepareForSubmitComplete - modello di task

  • submitComplete - modello task

  • allStartpointsFetched - categorylist model

NOTE
I componenti StartProcess e StartPointList condividono la classe del modello. Questo componente diventa rilevante quando si seleziona un punto iniziale da StartPointList.

ElencoNomeProcesso processnamelist

Modello
processnamelist.js
Visualizzazione
processnamelist.js
Modello
tracking.html (nella cartella del percorso)
Richiede componenti
ND
Dipendenze JS
modello nome processo
Eventi ascoltati (Nome evento - Trigger)
  • add - processnamelist, modello

  • fetched:processnames - modello processnamelist

  • change - modello processnamelist

NOTE
ProcessNameList non dipende da altri componenti. Tuttavia, internamente dipende dalla classe del modello ProcessInstanceList che a sua volta dipende da altri componenti. Quindi, ProcessNameList utilizza molte classi di modelli come ProcessInstanceList, ProcessInstance, TaskList, Teamtask e Task. Oltre a queste dipendenze, ProcessNameList può essere utilizzato in modo indipendente.

NomeProcesso processname

Modello
processname.js
Visualizzazione
processname (in processnamelist.js)
Modello
processname.html
Richiede componenti
ND
Dipendenze JS
modello processinstancelist
Eventi ascoltati (Nome evento - Trigger)
change - processname model

ProcessInstanceList processinstancelist

Modello
processnamelist.js
Visualizzazione
processinstancelist.js
Modello
tracking.html (nella cartella del percorso)
Richiede componenti
ND
Dipendenze JS
modello nome processo
Eventi ascoltati (Nome evento - Trigger)
  • nome processo:selected - modello di elenchi di processi

  • nomeprocesso:instancesfetched - modello processnamelist

NOTE
ProcessInstanceList prevede un evento da ProcessNameList che indica il nome del processo per il recupero e la visualizzazione delle istanze. Per utilizzare ProcessInstanceList in modo indipendente, simulare l'attivazione dell'evento separatamente.

ProcessInstance processinstance

Modello
processinstance.js
Visualizzazione
processname all'interno di processnamelist.js
Modello
processinstance.html
Richiede componenti
ND
Dipendenze JS
modello a elenco delle applicazioni
Eventi ascoltati (Nome evento - Trigger)
change - process instance model

ProcessInstanceHistory processinstancehistory

Modello
processnamelist.js
Visualizzazione
processinstancehistory.js
Modello
processinstancehistory.html
Richiede componenti
ND
Dipendenze JS
  • modello nome processo

  • utilità di cronologia

Eventi ascoltati (Nome evento - Trigger)
  • nome processo:selected - modello di elenchi di processi

  • processinstance:selected - processinstancelist model

  • TasksFetched - process instance model

NOTE
ProcessInstanceHistory prevede un evento da ProcessInstanceList che indica la cronologia dell'istanza di processo da visualizzare. Oltre a questa dipendenza, il componente può essere utilizzato in modo indipendente.

OutofOffice outofoffice

Modello
outofoffice.js
Visualizzazione
outofoffice.js
Modello
outofoffice.html
Richiede componenti
RicercaUtente
Dipendenze JS
visualizzazione ricerca utente
Eventi ascoltati (Nome evento - Trigger)
  • outOfOfficeSettingsFetched - modello outofoffice

  • outOfOfficeSettingsSaved - modello di spazio

  • processFetched - modello outofoffice

  • principalSelected - visualizzazione ricerca principale

NOTE
OutofOffice può essere utilizzato in modo indipendente.

ShareQueue sharequeue

Modello
sharequeue.js
Visualizzazione
sharequeue.js
Modello
sharequeue.html
Richiede componenti
RicercaUtente
Dipendenze JS
visualizzazione ricerca utente
Eventi ascoltati (Nome evento - Trigger)
  • queueAccessGranted - modello di condivisione

  • queueAccessRequested - modello di condivisione

  • allowUsersFetched - modello di condivisione

  • accessibleUsersFetched - modello di condivisione

  • queueAccessRevked - modello di condivisione

  • queueAccessRemoved - modello di condivisione

  • principalSelected - visualizzazione ricerca principale

NOTE
ShareQueue può essere utilizzato in modo indipendente.

UISettings uisettings

Modello
uisettings.js
Visualizzazione
uisettings.js
Modello
uisettings.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
  • preferencesFetched - modello di utenze

  • settingUpdated - modello di utilizzo

NOTE
UISettings può essere utilizzato indipendentemente.
Modello
appnavigation.js
Visualizzazione
appnavigation.js
Modello
appnavigation.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati
ND
NOTE
AppNavigation può essere utilizzato indipendentemente.

InformazioniUtente userinfo

Modello
userinfo.js
Visualizzazione
userinfo.js
Modello
userinfo.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
  • userImageUrlFetched - modello userinfo
  • sessionRenewed - modello userinfo
  • sessionExpired - modello userinfo
NOTE
UserInfo può essere utilizzato in modo indipendente.

WSError wserror

Modello
wserror.js
Visualizzazione
wserror.js
Modello
wserror.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
newWsError - modello wserror

RicercaUtente usersearch

Modello
usersearch.js
Visualizzazione
usersearch.js
Modello
usersearch.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
  • principalSearched - modello di ricerca principale
  • outOfOfficeInfoFetched - modello di ricerca utente

Modello di ricerca searchtemplate

Modello
searchtemplate.js
Visualizzazione
searchtemplate (in searchtemplatelist.js)
Modello
searchtemplate.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
templateFetched- modello di ricerca

ElencoModelliRicerca searchtemplatelist

Modello
searchtemplatelist.js
Visualizzazione
searchtemplatelist.js
Modello
tracking.html (nella cartella del percorso)
Richiede componenti
ND
Dipendenze JS
modello di ricerca
Eventi ascoltati (Nome evento - Trigger)
change - modello searchtemplatelist

DettagliModelloRicerca searchtemplatedetails

Modello
searchtemplatelist.js
Visualizzazione
searchtemplatedetails.js
Modello
searchtemplatedetails.html
Richiede componenti
ND
Dipendenze JS
ND
Eventi ascoltati (Nome evento - Trigger)
searchTemplate:selected - modello di ricerca
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da