Descrizione dei componenti riutilizzabili description-of-reusable-components

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

L’area di lavoro di AEM Forms è composta da riutilizzabile componenti organizzati in uno specifico struttura di cartelle in CRX™. Ogni componente dispone di un file di modello, di visualizzazione e di modello nella posizione specificata nella struttura della cartella, di dipendenze JavaScript™ da altri file di componenti, di eventi in ascolto dal componente e di oggetti JavaScript che attivano questi eventi nell’area di lavoro di AEM Forms. L’elenco completo dei componenti riutilizzabili con i nomi dei file e le dipendenze dei componenti è disponibile qui.

ElencoAttività tasklist

Modello

tasklist.js

Visualizzazione

tasklist.js

Modello

tasklist.html

Richiede componenti

UserSearch
Attività
Attività team

Dipendenze JS

modello di attività
modello teamtask

Eventi in ascolto (nome evento - Attivatore)

filterSelected - modello elenco attività
rimuovi - modello elenco attività
updateQueue - modello elenco attività

NOTE

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

Attività task

Modello

task.js

Visualizzazione

task.js

Modello

task.html

Richiede componenti

Dipendenze JS

modello elenco attività
utilità taskactions

Eventi in ascolto (nome evento - Attivatore)

submitComplete - modello di attività
Rifiuta - Modello attività

NOTE

Workspace richiama la funzione fetchTasks del modello TaskList per creare modelli di attività per questo componente.

Modello

tasklist.js

Visualizzazione

filterlist.js

Modello

filterlist.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

recuperato - modello elenco attività
rimuovi - modello elenco attività
updateQueue - modello elenco attività
refreshedQueue - modello elenco attività
filterSelected - modello elenco attività

Filtro filter

Visualizzazione

filter.js

Modello

filter.html

Richiede componenti

Dipendenze JS

Campo: queue: { name, qid, isDefault, type}
Campo: query: string
Campo: parentView: visualizzazione elenco filtri
Campo: parentModel: modello elenco attività
Campo: utility

Eventi ascoltati

TeamQueues teamqueues

Modello

tasklist.js

Visualizzazione

teamqueues.js

Modello

teamqueues.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

recuperato - modello elenco attività
rimuovi - modello elenco attività
updateQueue - modello elenco attività
teamQueuesFetched - modello di elenco attività

FiltroTeam teamfilter

Modello

Visualizzazione

teamfilter.js

Modello

teamfilter.html

Richiede componenti

Dipendenze JS

Estende : visualizzazione filtro
Campo : queue :{ name, qid, isDefault, type }
Campo : query : string
Campo : parentView : visualizzazione elenco filtri
Campo : parentModel : modello di elenco attività
Campo : utility

Eventi ascoltati

NOTE

TeamFilter ottiene l'evento che indica quale attività è stata selezionata dal componente TaskList. Anche se questi componenti condividono la classe del modello, non c'è altra dipendenza.

DettagliAttività taskdetails

Modello

tasklist.js

Visualizzazione

taskdetails.js

Modello

taskdetails.html

Richiede componenti

La maggior parte delle classi di utilità

Dipendenze JS

processinstancehistory.html
utilità formrendering
utilità notes
utilità allegati
utilità taskactions
utilità cronologia

Eventi in ascolto (nome evento - Attivatore)

inoltrato - modello di attività
condiviso - modello di attività
consultato - modello di attività
rifiutato - modello attività
abbandonato - modello attività
sbloccato - modello attività
bloccato - modello attività
reclamato - modello attività
modifica:selezione task - modello elenco task
change:formUrl - modello di attività
attachmentURLFetched - modello di attività

newAttachment - modello di attività
taskHistoryFetched - modello di attività
preparationForSubmitComplete - modello di attività
submitComplete - modello di attività

Elenco categorie categorylist

Modello

categorylist.js

Visualizzazione

categorylist.js

Modello

startprocess.html (nella cartella route)

Richiede componenti

Categoria

Dipendenze JS

favoritecategoryfactory model
allcategoryfactory model

Eventi in ascolto (nome evento - Attivatore)

allStartpointsFetched - modello categorylist
aggiungi - modello categorylist

NOTE

Questo componente utilizza classi modello 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

Dipendenze JS

modello categorylist
modello startpointlist

Eventi in ascolto (nome evento - Attivatore)

modificato - modello categoria
childrenFetched - modello di categoria
categoria:selezionata - modello elenco categorie

ElencoPuntiInizio startpointlist

Modello

categorylist.js

Visualizzazione

startpointlist.js

Modello

startprocess.html (nella cartella route)

Richiede componenti

Dipendenze JS

modello di categoria
favoritecategoryfactory model
allcategoryfactory model
vista punto d'inizio
modello startpointlist
modello punto d'inizio
modello di attività
modello di attività
modello elenco attività
modello teamtask

Eventi in ascolto (nome evento - Attivatore)

categoria:selezionata - modello elenco categorie
allStartpointsFetched - modello categorylist

NOTE

I componenti StartPointList e CategoryList condividono la classe del modello, pertanto il primo dipende dal secondo. CategoryList consente di accedere alle informazioni sui punti iniziali della categoria visualizzati. Per utilizzare StartPointList in modo indipendente, simulare il trigger di evento da CategoryList.

PuntoInizio startpoint

Modello

startpoint.js

Visualizzazione

startpoint.js

Modello

startpoint.html

Richiede componenti

Dipendenze JS

modello di attività

Eventi in ascolto (nome evento - Attivatore)

modifica - modello punto d'inizio

AvviaProcesso startprocess

Modello

categorylist.js

Visualizzazione

startprocess.js

Modello

startprocess.html

Richiede componenti

La maggior parte delle classi di utilità
UserSearch

Dipendenze JS

modello di categoria
favoritecategoryfactory model
allcategoryfactory model
utilità formrendering
utilità notes
utilità allegati
utilità taskactions

Eventi in ascolto (nome evento - Attivatore)

categoria:selezionata - modello elenco categorie
modifica:invokedTask - modello startpointlist
change:formUrl - modello di attività
punto d'inizio:selezionato - modello startpointlist
inoltrato - modello di attività
abbandonato - modello attività
sbloccato - modello attività
bloccato - modello attività
attachmentURLFetched - modello di attività
newAttachment - modello di attività
preparationForSubmitComplete - modello di attività
submitComplete - modello di attività
allStartpointsFetched - modello categorylist

NOTE

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

ProcessNameList processnamelist

Modello

processnamelist.js

Visualizzazione

processnamelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

Dipendenze JS

modello nomeprocesso

Eventi in ascolto (nome evento - Attivatore)

add - modello processnamelist
recuperato:nomi di processo - modello processnamelist
change - modello processnamelist

NOTE

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

NomeProcesso processname

Modello

processname.js

Visualizzazione

nomeprocesso (in processnamelist.js)

Modello

processname.html

Richiede componenti

Dipendenze JS

modello processinstancelist

Eventi in ascolto (nome evento - Attivatore)

change - modello nomeprocesso

ProcessInstanceList processinstancelist

Modello

processnamelist.js

Visualizzazione

processinstancelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

Dipendenze JS

modello nomeprocesso

Eventi in ascolto (nome evento - Attivatore)

nomeprocesso:selezionato - modello di elenco dei nomi di processo
nomeprocesso:istanze recuperate - 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 separatamente l'attivazione dell'evento.

ProcessInstance processinstance

Modello

processinstance.js

Visualizzazione

nomeprocesso in processnamelist.js

Modello

processinstance.html

Richiede componenti

Dipendenze JS

modello elenco attività

Eventi in ascolto (nome evento - Attivatore)

change - modello processinstance

ProcessInstanceHistory processinstancehistory

Modello

processnamelist.js

Visualizzazione

processinstancehistory.js

Modello

processinstancehistory.html

Richiede componenti

Dipendenze JS

modello nomeprocesso
utilità cronologia

Eventi in ascolto (nome evento - Attivatore)

nomeprocesso:selezionato - modello di elenco dei nomi di processo
processinstance:selezionata - modello processinstancelist
tasksFetched - processinstance 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.

Fuori sede outofoffice

Modello

outofoffice.js

Visualizzazione

outofoffice.js

Modello

outofoffice.html

Richiede componenti

UserSearch

Dipendenze JS

vista usersearch

Eventi in ascolto (nome evento - Attivatore)

outOfOfficeSettingsFetched - modello fuori sede
outOfOfficeSettingsSaved - modello fuori sede
processFetched - modello fuori sede
principalSelected - vista principalsearch

NOTE

OutofOffice può essere utilizzato in modo indipendente.

ShareQueue sharequeue

Modello

sharequeue.js

Visualizzazione

sharequeue.js

Modello

sharequeue.html

Richiede componenti

UserSearch

Dipendenze JS

vista usersearch

Eventi in ascolto (nome evento - Attivatore)

queueAccessGranted - modello di coda
queueAccessRequested - modello di coda
grantUsersFetched - modello sharequeue
accessibleUsersFetched - modello sharequeue
queueAccessRevoked - modello di coda
queueAccessRemoved - modello di coda
principalSelected - vista principalsearch

NOTE

ShareQueue può essere utilizzato in modo indipendente.

UISettings uisettings

Modello

uisettings.js

Visualizzazione

uisettings.js

Modello

uisettings.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

preferencesFetched - modello uisettings
settingUpdated: modello di impostazioni uisettings

NOTE

UISettings può essere utilizzato in modo indipendente.

AppNavigation appnavigation

Modello

appnavigation.js

Visualizzazione

appnavigation.js

Modello

appnavigation.html

Richiede componenti

Dipendenze JS

Eventi ascoltati

NOTE

AppNavigation può essere utilizzato in modo indipendente.

UserInfo userinfo

Modello

userinfo.js

Visualizzazione

userinfo.js

Modello

userinfo.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

userImageUrlFetched - modello userinfo
sessionRenewed - userinfo model
sessionExpired: modello userinfo

NOTE

UserInfo può essere utilizzato in modo indipendente.

Errore wserror

Modello

wserror.js

Visualizzazione

wserror.js

Modello

wserror.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

newWsError - modello wserror

UserSearch usersearch

Modello

usersearch.js

Visualizzazione

usersearch.js

Modello

usersearch.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

principalSearched - modello principalsearch
outOfOfficeInfoFetched - modello usersearch

CercaModello searchtemplate

Modello

searchtemplate.js

Visualizzazione

searchtemplate (in searchtemplatelist.js)

Modello

searchtemplate.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

templateFetched- modello searchtemplate

SearchTemplateList searchtemplatelist

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

Dipendenze JS

modello searchtemplate

Eventi in ascolto (nome evento - Attivatore)

modifica - modello searchtemplatelist

SearchTemplateDetails searchtemplatedetails

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatedetails.js

Modello

searchtemplatedetails.html

Richiede componenti

Dipendenze JS

Eventi in ascolto (nome evento - Attivatore)

searchTemplate:selezionato - modello di modello di ricerca

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2

Descrizione dei componenti riutilizzabili description-of-reusable-components

ElencoAttività tasklist

Attività task

FilterList filterlist

Filtro filter

TeamQueues teamqueues

FiltroTeam teamfilter

DettagliAttività taskdetails

Elenco categorie categorylist

Categoria category

ElencoPuntiInizio startpointlist

PuntoInizio startpoint

AvviaProcesso startprocess

ProcessNameList processnamelist

NomeProcesso processname

ProcessInstanceList processinstancelist

ProcessInstance processinstance

ProcessInstanceHistory processinstancehistory

Fuori sede outofoffice

ShareQueue sharequeue

UISettings uisettings

AppNavigation appnavigation

UserInfo userinfo

Errore wserror

UserSearch usersearch

CercaModello searchtemplate

SearchTemplateList searchtemplatelist

SearchTemplateDetails searchtemplatedetails