Descrizione dei componenti riutilizzabili

L'area di lavoro di AEM Forms è composta da componenti riutilizzabili , organizzati in una specifica struttura di cartelle in CRX™. Ciascun componente dispone di modelli, viste e file di modello nella posizione specificata nella struttura delle cartelle, dipendenze JavaScript™ da altri file di componente, eventi ascoltati dagli oggetti componente e JavaScript che attivano tali eventi nell’area di lavoro AEM Forms. L'elenco completo dei componenti riutilizzabili con nomi file e dipendenze dei componenti è riportato qui.

ElencoAttività

Modello

tasklist.js

Visualizzazione

tasklist.js

Modello

tasklist.html

Richiede componenti

  • UserSearch

  • Attività

  • Teamtask

Dipendenze JS

  • task model

  • modello di gruppo

Eventi ascoltati (nome evento - Trigger)

  • filterSelected - modello elenco di task

  • remove - modello elenco attività

  • updateQueue - modello elenco di task

Nota

Questo componente può essere utilizzato indipendentemente dall’area di lavoro Moduli AEM, a condizione che attiviate filterEvento selezionato per questo componente dall’applicazione personalizzata.

Attività

Modello

task.js

Visualizzazione

task.js

Modello

task.html

Richiede componenti

NA

Dipendenze JS

  • modello lista di task

  • utility task

Eventi ascoltati (nome evento - Trigger)

  • submitComplete - modello task

  • Rifiuta - modello task

Nota

L'area di lavoro chiama la funzione fetchTasks del modello TaskList per creare modelli di task per questo componente.

FilterList

Modello

tasklist.js

Visualizzazione

filterlist.js

Modello

filterlist.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

  • fetching - modello elenco attività

  • remove - modello elenco attività

  • updateQueue - modello elenco di task

  • refreshQueue - modello elenco di task

  • filterSelected - modello elenco di task

Filtro

Visualizzazione

filter.js

Modello

filter.html

Richiede componenti

NA

Dipendenze JS

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

  • Campo: query: string

  • Campo: parentView: visualizzazione elenco filtri

  • Campo: parentModel: modello lista di task

  • Campo: utility

Eventi ascoltati

NA

TeamQueues

Modello

tasklist.js

Visualizzazione

teamqueues.js

Modello

teamqueues.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

  • fetching - modello elenco attività

  • remove - modello elenco attività

  • updateQueue - modello elenco di task

  • teamQueuesFetched - modello elenco di task

TeamFilter

Modello

NA

Visualizzazione

teamfilter.js

Modello

teamfilter.html

Richiede componenti

NA

Dipendenze JS

  • Estende : visualizzazione filtro

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

  • Campo : query: string

  • Campo : parentView : visualizzazione elenco filtri

  • Campo : parentModel : modello lista di task

  • Campo : utility

Eventi ascoltati

NA

Nota

TeamFilter riceve l'evento che indica quale attività è stata selezionata dal componente TaskList. Sebbene questi componenti condividano la classe del modello, non esiste altra dipendenza.

DettagliAttività

Modello

tasklist.js

Visualizzazione

taskdetails.js

Modello

taskdetails.html

Richiede componenti

La maggior parte delle classi Utility

Dipendenze JS

  • processinstancehistory.html

  • formrendering, utilità

  • notes utility

  • utility allegati

  • utility task

  • utility di cronologia

Eventi ascoltati (nome evento - Trigger)

  • inoltrato - modello di task

  • shared - task model

  • Consultato - modello dei compiti

  • rifiutato - modello task

  • abbandonato - modello

  • sbloccato - modello task

  • bloccato - modello task

  • reclamato - modello task

  • modifica:task selezionato - modello elenco task

  • change:formUrl - modello di task

  • attachmentURLFetched - modello attività
  • newAttachment - modello di task
  • taskHistoryFetched - modello di task

  • readyForSubmitComplete - modello di task
  • submitComplete - modello task

CategoryList

Modello

categorylist.js

Visualizzazione

categorylist.js

Modello

startprocess.html (nella cartella route)

Richiede componenti

Categoria

Dipendenze JS

  • favoritecategoryfactory

  • allcategoryfactory, modello

Eventi ascoltati (nome evento - Trigger)

  • allInitipointsFetched - 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

NA

Dipendenze JS

  • categorylist, modello

  • startpointlist, modello

Eventi ascoltati (nome evento - Trigger)

  • changed - category model

  • childFetched - modello di categoria

  • categoria:selezionata - modello elenco categorie

StartPointList

Modello

categorylist.js

Visualizzazione

startpointlist.js

Modello

startprocess.html (nella cartella route)

Richiede componenti

NA

Dipendenze JS

  • category model

  • favoritecategoryfactory

  • allcategoryfactory, modello

  • startpoint view

  • startpointlist, modello

  • startpoint, modello

  • task model

  • task model

  • modello lista di task

  • modello di gruppo

Eventi ascoltati (nome evento - Trigger)

  • categoria:selezionata - modello elenco categorie

  • allInitipointsFetched - categorylist model

Nota

I componenti StartPointList e CategoryList condividono la classe del modello, pertanto il primo dipende dal secondo. CategoryList accede alle informazioni sui punti iniziali della categoria visualizzati. Per utilizzare StartPointList in modo indipendente, simulare l'attivatore dell'evento da CategoryList.

StartPoint

Modello

startpoint.js

Visualizzazione

startpoint.js

Modello

startpoint.html

Richiede componenti

NA

Dipendenze JS

task model

Eventi ascoltati (nome evento - Trigger)

change - startpoint model

StartProcess

Modello

categorylist.js

Visualizzazione

startprocess.js

Modello

startprocess.html

Richiede componenti

  • La maggior parte delle classi Utility

  • UserSearch

Dipendenze JS

  • category model

  • favoritecategoryfactory

  • allcategoryfactory, modello

  • formrendering, utilità

  • notes utility

  • utility allegati

  • utility task

Eventi ascoltati (nome evento - Trigger)

  • categoria:selezionata - modello elenco categorie

  • change:invogliateTask - startpointlist, modello

  • change:formUrl - modello di task

  • startpoint:selected - startpointlist, modello

  • inoltrato - modello di task

  • abbandonato - modello

  • sbloccato - modello task

  • bloccato - modello task

  • attachmentURLFetched - modello attività
  • newAttachment - modello di task
  • readyForSubmitComplete - modello di task
  • submitComplete - modello task

  • allInitipointsFetched - categorylist model

Nota

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

ProcessNameList

Modello

processnamelist.js

Visualizzazione

processnamelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

NA

Dipendenze JS

processname, modello

Eventi ascoltati (nome evento - Trigger)

  • add - processnamelist model

  • fetching:processnames - processnamelist model

  • change - processnamelist model

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.

ProcessName

Modello

processname.js

Visualizzazione

processname (in processnamelist.js)

Modello

processname.html

Richiede componenti

NA

Dipendenze JS

processinstancelist, modello

Eventi ascoltati (nome evento - Trigger)

change - processname model

ProcessInstanceList

Modello

processnamelist.js

Visualizzazione

processinstancelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

NA

Dipendenze JS

processname, modello

Eventi ascoltati (nome evento - Trigger)

  • nomeprocesso:selected - modello di elenco di processi

  • processname:instancesfetched - processnamelist model

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 inside processnamelist.js

Modello

processinstance.html

Richiede componenti

NA

Dipendenze JS

modello lista di task

Eventi ascoltati (nome evento - Trigger)

change - process instance model

ProcessInstanceHistory

Modello

processnamelist.js

Visualizzazione

processinstancehistory.js

Modello

processinstancehistory.html

Richiede componenti

NA

Dipendenze JS

  • processname, modello

  • utility di cronologia

Eventi ascoltati (nome evento - Trigger)

  • nomeprocesso:selected - modello di elenco 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

UserSearch

Dipendenze JS

visualizzazione ricerca utente

Eventi ascoltati (nome evento - Trigger)

  • outOfOfficeSettingsFetched - Modello outofoffice

  • outOfOfficeSettingsSaved - outOfOfficeSettingsSaved

  • 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

UserSearch

Dipendenze JS

visualizzazione ricerca utente

Eventi ascoltati (nome evento - Trigger)

  • queueAccessGranted - sharequeue, modello

  • queueAccessRequired - sharequeue, modello

  • givenUsersFetched - sharequeue, modello

  • accessUsersFetched - sharequeue, modello
  • queueAccessRevked - modello di nitidezza

  • queueAccessRemoved - sharequeue, modello

  • principalSelected - visualizzazione ricerca principale

Nota

ShareQueue può essere utilizzato in modo indipendente.

UISettings

Modello

uisettings.js

Visualizzazione

uisettings.js

Modello

uisettings.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

  • preferencesFetched - modello di impostazioni

  • settingUpdated - uisettings model

Nota

UISettings può essere utilizzato in modo indipendente.

AppNavigation

Modello

appnavigation.js

Visualizzazione

appnavigation.js

Modello

appnavigation.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati

NA

Nota

AppNavigation può essere utilizzato in modo indipendente.

UserInfo

Modello

userinfo.js

Visualizzazione

userinfo.js

Modello

userinfo.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

  • userImageUrlFetched - modello userinfo
  • sessionRinnovato - 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

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

newWsError - modello di errore

UserSearch

Modello

usersearch.js

Visualizzazione

usersearch.js

Modello

usersearch.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

  • principalSearched - modello di ricerca principale
  • outOfOfficeInfoFetched - modello di ricerca utente

SearchTemplate

Modello

searchtemplate.js

Visualizzazione

search template (in search templatelist.js)

Modello

searchtemplate.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

templateFetched - modello di ricerca

SearchTemplateList

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatelist.js

Modello

tracking.html (nella cartella route)

Richiede componenti

NA

Dipendenze JS

search template, modello

Eventi ascoltati (nome evento - Trigger)

change - ricertemplatelist model

SearchTemplateDetails

Modello

searchtemplatelist.js

Visualizzazione

searchtemplatedetails.js

Modello

searchtemplatedetails.html

Richiede componenti

NA

Dipendenze JS

NA

Eventi ascoltati (nome evento - Trigger)

searchTemplate:selected - modello di ricerca

In questa pagina