Descrizione dei componenti riutilizzabili

Ultimo aggiornamento: 2023-12-07

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à

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à

NOTA

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à

Modello

task.js

Visualizzazione

task.js

Modello

task.html

Richiede componenti

ND

Dipendenze JS

  • modello elenco attività

  • utilità taskactions

Eventi in ascolto (nome evento - Attivatore)

  • submitComplete - modello di attività

  • Rifiuta - Modello attività

NOTA

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

FilterList

Modello

tasklist.js

Visualizzazione

filterlist.js

Modello

filterlist.html

Richiede componenti

ND

Dipendenze JS

ND

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

Visualizzazione

filter.js

Modello

filter.html

Richiede componenti

ND

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

ND

TeamQueues

Modello

tasklist.js

Visualizzazione

teamqueues.js

Modello

teamqueues.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

  • recuperato - modello elenco attività

  • rimuovi - modello elenco attività

  • updateQueue - modello elenco attività

  • teamQueuesFetched - modello di elenco attività

FiltroTeam

Modello

ND

Visualizzazione

teamfilter.js

Modello

teamfilter.html

Richiede componenti

ND

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

ND

NOTA

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à

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

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

NOTA

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

Modello

category.js

Visualizzazione

category.js

Modello

category.html

Richiede componenti

ND

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

Modello

categorylist.js

Visualizzazione

startpointlist.js

Modello

startprocess.html (nella cartella route)

Richiede componenti

ND

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

NOTA

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

Modello

startpoint.js

Visualizzazione

startpoint.js

Modello

startpoint.html

Richiede componenti

ND

Dipendenze JS

modello di attività

Eventi in ascolto (nome evento - Attivatore)

modifica - modello punto d'inizio

AvviaProcesso

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

NOTA

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

ProcessNameList

Modello

processnamelist.js

Visualizzazione

processnamelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

ND

Dipendenze JS

modello nomeprocesso

Eventi in ascolto (nome evento - Attivatore)

  • add - modello processnamelist

  • recuperato:nomi di processo - modello processnamelist

  • change - modello processnamelist

NOTA

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

Modello

processname.js

Visualizzazione

nomeprocesso (in processnamelist.js)

Modello

processname.html

Richiede componenti

ND

Dipendenze JS

modello processinstancelist

Eventi in ascolto (nome evento - Attivatore)

change - modello nomeprocesso

ProcessInstanceList

Modello

processnamelist.js

Visualizzazione

processinstancelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

ND

Dipendenze JS

modello nomeprocesso

Eventi in ascolto (nome evento - Attivatore)

  • nomeprocesso:selezionato - modello di elenco dei nomi di processo

  • nomeprocesso:istanze recuperate - modello processnamelist

NOTA

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

Modello

processinstance.js

Visualizzazione

nomeprocesso in processnamelist.js

Modello

processinstance.html

Richiede componenti

ND

Dipendenze JS

modello elenco attività

Eventi in ascolto (nome evento - Attivatore)

change - modello processinstance

ProcessInstanceHistory

Modello

processnamelist.js

Visualizzazione

processinstancehistory.js

Modello

processinstancehistory.html

Richiede componenti

ND

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

NOTA

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

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

NOTA

OutofOffice può essere utilizzato in modo indipendente.

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

NOTA

ShareQueue può essere utilizzato in modo indipendente.

UISettings

Modello

uisettings.js

Visualizzazione

uisettings.js

Modello

uisettings.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

  • preferencesFetched - modello uisettings

  • settingUpdated: modello di impostazioni uisettings

NOTA

UISettings può essere utilizzato in modo indipendente.

AppNavigation

Modello

appnavigation.js

Visualizzazione

appnavigation.js

Modello

appnavigation.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi ascoltati

ND

NOTA

AppNavigation può essere utilizzato in modo indipendente.

UserInfo

Modello

userinfo.js

Visualizzazione

userinfo.js

Modello

userinfo.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

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

UserInfo può essere utilizzato in modo indipendente.

Errore

Modello

wserror.js

Visualizzazione

wserror.js

Modello

wserror.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

newWsError - modello wserror

UserSearch

Modello

usersearch.js

Visualizzazione

usersearch.js

Modello

usersearch.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

  • principalSearched - modello principalsearch
  • outOfOfficeInfoFetched - modello usersearch

CercaModello

Modello

searchtemplate.js

Visualizzazione

searchtemplate (in searchtemplatelist.js)

Modello

searchtemplate.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi in ascolto (nome evento - Attivatore)

templateFetched- modello searchtemplate

SearchTemplateList

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

ND

Dipendenze JS

modello searchtemplate

Eventi in ascolto (nome evento - Attivatore)

modifica - modello searchtemplatelist

SearchTemplateDetails

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatedetails.js

Modello

searchtemplatedetails.html

Richiede componenti

ND

Dipendenze JS

NA

Eventi in ascolto (nome evento - Attivatore)

searchTemplate:selezionato - modello di modello di ricerca

In questa pagina