Descrizione dei componenti riutilizzabili

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à

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

NOTA

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à

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

NOTA

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

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

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

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

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

NOTA

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à

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

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

NOTA

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

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

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

NOTA

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

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

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

NOTA

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

ElencoNomeProcesso

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

NOTA

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

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

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

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 l'attivazione dell'evento separatamente.

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

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

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.

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

NOTA

OutofOffice può essere utilizzato in modo indipendente.

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

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 ascoltati (Nome evento - Trigger)

  • preferencesFetched - modello di utenze

  • settingUpdated - modello di utilizzo

NOTA

UISettings può essere utilizzato indipendentemente.

NavigazioneApp

Modello

appnavigation.js

Visualizzazione

appnavigation.js

Modello

appnavigation.html

Richiede componenti

ND

Dipendenze JS

ND

Eventi ascoltati

ND

NOTA

AppNavigation può essere utilizzato indipendentemente.

InformazioniUtente

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
NOTA

UserInfo può essere utilizzato in modo indipendente.

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

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

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

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

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

In questa pagina