Descrição dos componentes reutilizáveis

A área de trabalho do AEM Forms é composta de componentes reutilizáveis que estão organizados em uma estrutura de pastas específica no CRX™. Cada componente tem modelo, visualização e arquivo de modelo no local especificado na estrutura da pasta, dependências JavaScript™ em outros arquivos de componente, eventos ouvidos pelos objetos de componente e JavaScript que acionam esses eventos na área de trabalho do AEM Forms. A lista completa de componentes reutilizáveis com nomes de arquivos e dependências constituintes é fornecida aqui.

TaskList

Modelo

tasklist.js

Exibir

tasklist.js

Modelo

tasklist.html

Requer componentes

  • UserSearch

  • Tarefa

  • Equipe

Dependências JS

  • modelo de tarefa

  • modelo teamtask

Eventos ouvidos (nome do Evento - Acionador)

  • filterSeleted - modelo de lista de tarefas

  • remover - modelo da lista de tarefas

  • updateQueue - modelo da lista de tarefas
OBSERVAÇÃO

Este componente pode ser usado independentemente da área de trabalho do AEM Forms, desde que você dispare o filterSeleted evento para este componente do aplicativo personalizado.

Tarefa

Modelo

task.js

Exibir

task.js

Modelo

task.html

Requer componentes

ND

Dependências JS

  • modelo da lista de tarefas

  • utilitário taskactions

Eventos ouvidos (nome do Evento - Acionador)

  • submitComplete - modelo de tarefa

  • Rejeitar - modelo de tarefa
OBSERVAÇÃO

A Workspace chama a função fetchTasks do modelo TaskList para criar modelos de Tarefa para este componente.

FilterList

Modelo

tasklist.js

Exibir

filterlist.js

Modelo

filterlist.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)

  • buscado - modelo da lista de tarefas

  • remover - modelo da lista de tarefas

  • updateQueue - modelo da lista de tarefas

  • updateQueue - modelo da lista de tarefas

  • filterSeleted - modelo de lista de tarefas

Filtro

Exibir

filter.js

Modelo

filter.html

Requer componentes

ND

Dependências JS

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

  • Campo: query: string

  • Campo: parentView: visualização filterlist

  • Campo: parentModel: modelo da lista de tarefas

  • Campo: utilidade

Eventos ouvidos

ND

TeamQueues

Modelo

tasklist.js

Exibir

teamqueues.js

Modelo

teamqueues.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)

  • buscado - modelo da lista de tarefas

  • remover - modelo da lista de tarefas

  • updateQueue - modelo da lista de tarefas

  • TeamQueuesFetched - modelo da lista de tarefas

TeamFilter

Modelo

ND

Exibir

teamfilter.js

Modelo

teamfilter.html

Requer componentes

ND

Dependências JS

  • Estende : visualização do filtro

  • Campo : fila :{ nome, qid, isDefault, tipo }

  • Campo : query : string

  • Campo : parentView : visualização filterlist

  • Campo : parentModel : modelo da lista de tarefas

  • Campo : utilidade

Eventos ouvidos

ND
OBSERVAÇÃO

TeamFilter obtém o evento indicando qual tarefa foi selecionada do componente TaskList. Embora esses componentes compartilhem a classe model, não há outra dependência.

TaskDetails

Modelo

tasklist.js

Exibir

taskdetails.js

Modelo

taskdetails.html

Requer componentes

A maioria das classes Utility

Dependências JS

  • processinstancehistory.html

  • utilitário formrendering

  • utilitário Notes

  • utilitário de anexos

  • utilitário taskactions

  • utilitário de histórico

Eventos ouvidos (nome do Evento - Acionador)

  • encaminhado - modelo de tarefa

  • compartilhado - modelo de tarefa

  • consultado - modelo de tarefa

  • rejeitado - modelo de tarefa

  • abandonado - modelo de tarefa

  • desbloqueado - modelo de tarefa

  • bloqueado - modelo de tarefa

  • reivindicado - modelo de tarefa

  • alteração:tarefa selecionada - modelo de lista de tarefas

  • change:formUrl - modelo de tarefa

  • attachmentURLFetched - modelo de tarefa
  • newAttachment - modelo de tarefa

  • taskHistoryFetched - modelo de tarefa

  • prepareForSubmitComplete - modelo de tarefa

  • submitComplete - modelo de tarefa

CategoryList

Modelo

categorylist.js

Exibir

categorylist.js

Modelo

startprocess.html (na pasta route)

Requer componentes

Categoria

Dependências JS

  • modelo favoritecategoryfatory

  • modelo de fábrica flexível

Eventos ouvidos (nome do Evento - Acionador)

  • allStartpointsFetched - modelo de categorylist

  • adicionar - modelo de lista de categorias

OBSERVAÇÃO

Este componente usa classes de modelo de alguns outros componentes, como StartPointList, StartPoint e Tarefa. Além dessa dependência, CategoryList pode ser usada independentemente.

Categoria

Modelo

category.js

Exibir

category.js

Modelo

category.html

Requer componentes

ND

Dependências JS

  • modelo categorylist

  • modelo startpoint

Eventos ouvidos (nome do Evento - Acionador)

  • alterado - modelo de categoria

  • childFetched - modelo de categoria

  • categoria:selecionado - modelo de lista de categorias

StartPointList

Modelo

categorylist.js

Exibir

startpointlist.js

Modelo

startprocess.html (na pasta route)

Requer componentes

ND

Dependências JS

  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo de fábrica flexível

  • visualização do ponto de partida

  • modelo startpoint

  • modelo de ponto de partida

  • modelo de tarefa

  • modelo de tarefa

  • modelo da lista de tarefas

  • modelo teamtask

Eventos ouvidos (nome do Evento - Acionador)

  • categoria:selecionado - modelo de lista de categorias

  • allStartpointsFetched - modelo de categorylist

OBSERVAÇÃO

Os componentes StartPointList e CategoryList compartilham a classe modelo, portanto, a primeira depende da última. CategoryList acessa as informações sobre quais pontos de start são mostrados. Para usar StartPointList independentemente, simule o acionador do evento de CategoryList.

StartPoint

Modelo

startpoint.js

Exibir

startpoint.js

Modelo

startpoint.html

Requer componentes

ND

Dependências JS

modelo de tarefa

Eventos ouvidos (nome do Evento - Acionador)

change - Modelo de ponto de partida

StartProcess

Modelo

categorylist.js

Exibir

startprocess.js

Modelo

startprocess.html

Requer componentes

  • A maioria das classes Utility

  • UserSearch

Dependências JS

  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo de fábrica flexível

  • utilitário formrendering

  • utilitário Notes

  • utilitário de anexos

  • utilitário taskactions

Eventos ouvidos (nome do Evento - Acionador)

  • categoria:selecionado - modelo de lista de categorias

  • change:namedTask - modelo startpoint

  • change:formUrl - modelo de tarefa

  • ponto de partida:selecionado - modelo de lista de pontos de partida

  • encaminhado - modelo de tarefa

  • abandonado - modelo de tarefa

  • desbloqueado - modelo de tarefa

  • bloqueado - modelo de tarefa

  • attachmentURLFetched - modelo de tarefa
  • newAttachment - modelo de tarefa
  • prepareForSubmitComplete - modelo de tarefa

  • submitComplete - modelo de tarefa

  • allStartpointsFetched - modelo de categorylist
OBSERVAÇÃO

Os componentes StartProcess e StartPointList compartilham a classe model. Esse componente se torna relevante quando você seleciona um ponto de partida de StartPointList.

ProcessNameList

Modelo

processnamelist.js

Exibir

processnamelist.js

Modelo

tracking.html (na pasta route)

Requer componentes

ND

Dependências JS

modelo processname

Eventos ouvidos (nome do Evento - Acionador)

  • add - modelo processnamelist

  • buscado:processnames - processnamelist model

  • change - modelo processnamelist

OBSERVAÇÃO

ProcessNameList não depende de outros componentes. No entanto, internamente depende da classe de modelo ProcessInstanceList que, por sua vez, depende de outros componentes. Portanto, ProcessNameList usa muitas classes de modelo, como ProcessInstanceList, ProcessInstance, TaskList, Teamtask e Tarefa. Além dessas dependências, ProcessNameList pode ser usado independentemente.

ProcessName

Modelo

processname.js

Exibir

processname (em processnamelist.js)

Modelo

processname.html

Requer componentes

ND

Dependências JS

modelo processinstancelist

Eventos ouvidos (nome do Evento - Acionador)

change - modelo processname

ProcessInstanceList

Modelo

processnamelist.js

Exibir

processinstancelist.js

Modelo

tracking.html (na pasta route)

Requer componentes

ND

Dependências JS

modelo processname

Eventos ouvidos (nome do Evento - Acionador)

  • nome do processo:selecionado - modelo processnamelist

  • processname:instancesfetched - modelo processnamelist

OBSERVAÇÃO

ProcessInstanceList espera um evento de ProcessNameList indicando o nome do processo para buscar e exibir instâncias. Para usar ProcessInstanceList independentemente, simule o acionador do evento separadamente.

ProcessInstance

Modelo

processinstance.js

Exibir

processname inside processnamelist.js

Modelo

processinstance.html

Requer componentes

ND

Dependências JS

modelo da lista de tarefas

Eventos ouvidos (nome do Evento - Acionador)

change - modelo de instância de processamento

ProcessInstanceHistory

Modelo

processnamelist.js

Exibir

processinstancehistory.js

Modelo

processinstancehistory.html

Requer componentes

ND

Dependências JS

  • modelo processname

  • utilitário de histórico

Eventos ouvidos (nome do Evento - Acionador)

  • nome do processo:selecionado - modelo processnamelist

  • processinstance:seleted - processinstancelist model

  • TasksFetched - processinstance model

OBSERVAÇÃO

ProcessInstanceHistory espera um evento de ProcessInstanceList que indica qual histórico de instância de processo deve ser exibido. Além dessa dependência, o componente pode ser usado de forma independente.

OutOffice

Modelo

outofoffice.js

Exibir

outofoffice.js

Modelo

outofoffice.html

Requer componentes

UserSearch

Dependências JS

visualização usersearch

Eventos ouvidos (nome do Evento - Acionador)

  • outOfOfficeSettingsFetched - modelo do outOfOffice

  • outOfOfficeSettingsSaved - modelo do outOfOffice

  • processFetched - modelo externo

  • principalSeleted - visualização de pesquisa principal
OBSERVAÇÃO

O OutOffice pode ser usado independentemente.

ShareQueue

Modelo

sharequeue.js

Exibir

sharequeue.js

Modelo

sharequeue.html

Requer componentes

UserSearch

Dependências JS

visualização usersearch

Eventos ouvidos (nome do Evento - Acionador)

  • queueAccessGranted - modelo de compartilhamento

  • queueAccessRequested - modelo de compartilhamento

  • providedUsersFetched - modelo de compartilhamento

  • accessUsersFetched - modelo de compartilhamento

  • queueAccessRevewed - modelo de compartilhamento

  • queueAccessRemoved - modelo de compartilhamento

  • principalSeleted - visualização de pesquisa principal
OBSERVAÇÃO

O ShareQueue pode ser usado independentemente.

UISettings

Modelo

uisettings.js

Exibir

uisettings.js

Modelo

uisettings.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)

  • preferencesFetched - modelo de configurações de usuário

  • settingUpdates - Modelo de configurações

OBSERVAÇÃO

UISettings podem ser usados independentemente.

AppNavigation

Modelo

appnavigation.js

Exibir

appnavigation.js

Modelo

appnavigation.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos

ND
OBSERVAÇÃO

O AppNavigation pode ser usado independentemente.

UserInfo

Modelo

userinfo.js

Exibir

userinfo.js

Modelo

userinfo.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)
  • userImageUrlFetched - modelo userinfo
  • sessionRenewed - modelo userinfo
  • sessionExpired - modelo userinfo
OBSERVAÇÃO

UserInfo pode ser usado independentemente.

WSError

Modelo

wserror.js

Exibir

wserror.js

Modelo

wserror.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)

newWsError - modelo de erro

UserSearch

Modelo

usersearch.js

Exibir

usersearch.js

Modelo

usersearch.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)
  • principalSearched - modelo de pesquisa principal
  • outOfOfficeInfoFetched - modelo de pesquisa de usuário

SearchTemplate

Modelo

searchtemplate.js

Exibir

search template (em search templatelist.js)

Modelo

searchtemplate.html

Requer componentes

ND

Dependências JS

ND

Eventos ouvidos (nome do Evento - Acionador)

templateFetched- modelo search

SearchTemplateList

Modelo

searchtemplatelist.js

Exibir

searchtemplatelist.js

Modelo

tracking.html (na pasta route)

Requer componentes

ND

Dependências JS

modelo de pesquisa

Eventos ouvidos (nome do Evento - Acionador)

change - Modelo searchTemplatelist

SearchTemplateDetails

Modelo

searchtemplatelist.js

Exibir

searchtemplatedetails.js

Modelo

searchtemplatedetails.html

Requer componentes

ND

Dependências JS

 ND

Eventos ouvidos (nome do Evento - Acionador)

searchTemplate:seleted - modelo de pesquisa

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now