Descrição dos componentes reutilizáveis

ATENÇÃO

AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

O espaço de trabalho do AEM Forms é composto por reutilizável componentes organizados em um estrutura de pastas no CRX™. Cada componente tem modelo, visualização e arquivo de modelo no local especificado na estrutura da pasta, o JavaScript™ depende de outros arquivos de componente, eventos ouvidos pelo componente e objetos JavaScript que acionam esses eventos no espaço de trabalho do AEM Forms. A lista completa de componentes reutilizáveis com nomes de arquivo e dependências constituintes é fornecida aqui.

ListaTarefas

Modelo

tasklist.js

Exibir

tasklist.js

Modelo

tasklist.html

Requer componentes

  • UserSearch

  • Tarefa

  • Tarefa de equipe

Dependências de JS

  • modelo de tarefa

  • modelo de tarefa de equipe

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

Esse componente pode ser usado independentemente do espaço de trabalho do AEM Forms, desde que você acione o evento filterSeleted para esse componente do seu aplicativo personalizado.

Tarefa

Modelo

task.js

Exibir

task.js

Modelo

task.html

Requer componentes

ND

Dependências de JS

  • modelo da lista de tarefas

  • utilitário taskactions

Eventos ouvidos (Nome do evento - Acionador)

  • submitComplete - modelo de tarefa

  • Reject - modelo de tarefa
OBSERVAÇÃO

O Workspace chama a função fetchTasks do modelo TaskList para criar modelos Task para este componente.

FilterList

Modelo

tasklist.js

Exibir

filterlist.js

Modelo

filterlist.html

Requer componentes

ND

Dependências de 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 de JS

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

  • Campo: query: string

  • Campo: parentView: exibição de lista de filtros

  • Campo: parentModel: modelo da lista de tarefas

  • Campo: utilitário

Eventos acompanhados

ND

TeamQueues

Modelo

tasklist.js

Exibir

teamqueues.js

Modelo

teamqueues.html

Requer componentes

ND

Dependências de 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 de JS

  • Estende : visualização de filtro

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

  • Campo : query : string

  • Campo : parentView : exibição de lista de filtros

  • Campo : parentModel : modelo da lista de tarefas

  • Campo : utilitário

Eventos acompanhados

ND
OBSERVAÇÃO

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

Detalhes da tarefa

Modelo

tasklist.js

Exibir

taskdetails.js

Modelo

taskdetails.html

Requer componentes

A maioria das classes do Utilitário

Dependências de JS

  • processinstancehistory.html

  • formrendering utility

  • utilitário de notas

  • utilitário de anexos

  • utilitário taskactions

  • utilitário de histórico

Eventos ouvidos (Nome do evento - Acionador)

  • encaminhado - modelo de tarefa

  • shared - modelo de tarefa

  • consultado - modelo de tarefa

  • rejeitada - modelo de tarefa

  • abandonado - modelo de tarefa

  • desbloqueado - modelo de tarefa

  • bloqueado - modelo de tarefa

  • reivindicado - modelo de tarefa

  • alterar:selecionar tarefa - modelo da 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 de rotas)

Requer componentes

Categoria

Dependências de JS

  • modelo favoritecategoryfatory

  • modelo alcategoryfatory

Eventos ouvidos (Nome do evento - Acionador)

  • allStartpointsFetched - modelo de lista de categorias

  • adicionar - modelo de lista de categorias

OBSERVAÇÃO

Esse componente usa classes de modelo de alguns outros componentes, como StartPointList, StartPoint e Task. Além dessa dependência, CategoryList pode ser usada de maneira independente.

Categoria

Modelo

category.js

Exibir

category.js

Modelo

category.html

Requer componentes

ND

Dependências de JS

  • modelo de lista de categorias

  • modelo startpoint

Eventos ouvidos (Nome do evento - Acionador)

  • alterado - modelo de categoria

  • childrenFetched - modelo de categoria

  • categoria:selecionada - modelo de lista de categorias

StartPointList

Modelo

categorylist.js

Exibir

startpointlist.js

Modelo

startprocess.html (na pasta de rotas)

Requer componentes

ND

Dependências de JS

  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo alcategoryfatory

  • 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 de tarefa de equipe

Eventos ouvidos (Nome do evento - Acionador)

  • categoria:selecionada - modelo de lista de categorias

  • allStartpointsFetched - modelo de lista de categorias

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 iniciais da categoria são mostrados. Para usar StartPointList independentemente, simule o acionador de evento de CategoryList.

StartPoint

Modelo

startpoint.js

Exibir

startpoint.js

Modelo

startpoint.html

Requer componentes

ND

Dependências de 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 do Utilitário

  • UserSearch

Dependências de JS

  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo alcategoryfatory

  • formrendering utility

  • utilitário de notas

  • utilitário de anexos

  • utilitário taskactions

Eventos ouvidos (Nome do evento - Acionador)

  • categoria:selecionada - 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 lista de categorias
OBSERVAÇÃO

Os componentes StartProcess e StartPointList compartilham a classe do modelo. Esse componente se torna relevante ao selecionar um ponto de partida em StartPointList.

ProcessNameList

Modelo

processnamelist.js

Exibir

processnamelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

ND

Dependências de JS

modelo processname

Eventos ouvidos (Nome do evento - Acionador)

  • adicionar - modelo processnamelist

  • fetch:processnames - modelo processnamelist

  • 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. Assim, ProcessNameList usa muitas classes de modelo como ProcessInstanceList, ProcessInstance, TaskList, Teamtask e Task. 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 de JS

modelo processinstancelist

Eventos ouvidos (Nome do evento - Acionador)

change - modelo processname

ProcessInstanceList

Modelo

processnamelist.js

Exibir

processinstancelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

ND

Dependências de JS

modelo processname

Eventos ouvidos (Nome do evento - Acionador)

  • processname:seleted - 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 de evento separadamente.

ProcessInstance

Modelo

processinstance.js

Exibir

processname inside processnamelist.js

Modelo

processinstance.html

Requer componentes

ND

Dependências de JS

modelo da lista de tarefas

Eventos ouvidos (Nome do evento - Acionador)

change - modelo processinstance

ProcessInstanceHistory

Modelo

processnamelist.js

Exibir

processinstancehistory.js

Modelo

processinstancehistory.html

Requer componentes

ND

Dependências de JS

  • modelo processname

  • utilitário de histórico

Eventos ouvidos (Nome do evento - Acionador)

  • processname:seleted - modelo processnamelist

  • processinstance:seleted - modelo processinstancelist

  • tasksFetched - modelo de instância de processamento

OBSERVAÇÃO

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

Fora do Escritório

Modelo

outofoffice.js

Exibir

outofoffice.js

Modelo

outofoffice.html

Requer componentes

UserSearch

Dependências de JS

exibição de pesquisa de usuário

Eventos ouvidos (Nome do evento - Acionador)

  • outOfOfficeSettingsFetched - modelo de saída

  • outOfOfficeSettingsSaved - modelo de saída

  • processesFetched - modelo de saída

  • principalSeleted - exibiçã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 de JS

exibição de pesquisa de usuário

Eventos ouvidos (Nome do evento - Acionador)

  • queueAccessGrananted - modelo de compartilhamento

  • queueAccessRequested - modelo de compartilhamento

  • givenUsersFetched - modelo de compartilhamento

  • accessibleUsersFetched - modelo de compartilhamento

  • queueAccessRevoks - modelo de compartilhamento

  • queueAccessRemoved - modelo de compartilhamento

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

ShareQueue pode ser usada de forma independente.

UISettings

Modelo

uisettings.js

Exibir

uisettings.js

Modelo

uisettings.html

Requer componentes

ND

Dependências de JS

ND

Eventos ouvidos (Nome do evento - Acionador)

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

  • settingsUpdated - 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 de JS

ND

Eventos acompanhados

ND
OBSERVAÇÃO

AppNavigation pode ser usada de maneira independente.

UserInfo

Modelo

userinfo.js

Exibir

userinfo.js

Modelo

userinfo.html

Requer componentes

ND

Dependências de JS

ND

Eventos ouvidos (Nome do evento - Acionador)
  • userImageUrlFetched - modelo de informações de usuário
  • sessionRenewed - modelo de informações de usuário
  • sessionExpirou - modelo userinfo
OBSERVAÇÃO

UserInfo pode ser usada independentemente.

WSError

Modelo

wserror.js

Exibir

wserror.js

Modelo

wserror.html

Requer componentes

ND

Dependências de 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 de 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

searchtemplate (em searchtemplatelist.js)

Modelo

searchtemplate.html

Requer componentes

ND

Dependências de JS

ND

Eventos ouvidos (Nome do evento - Acionador)

templateFetched- modelo de pesquisa

ListaModeloDePesquisa

Modelo

searchtemplatelist.js

Exibir

searchtemplatelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

ND

Dependências de JS

modelo do searchtemplate

Eventos ouvidos (Nome do evento - Acionador)

change - modelo searchtemplatelist

PesquisarDetalhesModelo

Modelo

searchtemplatelist.js

Exibir

searchtemplatedetails.js

Modelo

searchtemplatedetails.html

Requer componentes

ND

Dependências de JS

 ND

Eventos ouvidos (Nome do evento - Acionador)

searchTemplate:seleted - modelo de modelo de pesquisa

Nesta página