재사용 가능한 구성 요소 설명

AEM Forms 작업 영역은 CRX™의 특정 폴더 구조로 구성된 재사용 가능한 구성 요소로 구성됩니다. 각 구성 요소에는 폴더 구조에 지정된 위치에 모델, 보기 및 템플릿 파일, 다른 구성 요소 파일에 대한 JavaScript™ 종속성, 구성 요소가 수집한 이벤트 및 AEM Forms 작업 공간에서 이러한 이벤트를 트리거하는 JavaScript 객체가 있습니다. 구성 파일 이름 및 종속성이 있는 재사용 가능한 구성 요소의 전체 목록은 여기에 나와 있습니다.

작업 목록

모델

tasklist.js

보기

tasklist.js

템플릿

tasklist.html

구성 요소 필요

  • UserSearch

  • 작업

  • 팀 작업

JS 종속성

  • 작업 모델

  • 팀 작업 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • filterSelected - tasklist 모델

  • 제거 - 작업 목록 모델

  • updateQueue - tasklist 모델

노트

사용자 지정 애플리케이션에서 이 구성 요소에 대해 filterSelected 이벤트를 트리거하는 경우 이 구성 요소는 AEM Forms 작업 영역과 별도로 사용할 수 있습니다.

작업

모델

task.js

보기

task.js

템플릿

task.html

구성 요소 필요

NA

JS 종속성

  • 작업 목록 모델

  • 작업 유틸리티

경청된 이벤트(이벤트 이름 - 트리거)

  • submitComplete - 작업 모델

  • 거부 - 작업 모델

노트

작업 공간 호출은 이 구성 요소에 대한 작업 모델을 만들기 위해 TaskList 모델의 fetchTasks 함수를 호출합니다.

필터 목록

모델

tasklist.js

보기

filterlist.js

템플릿

filterlist.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

  • 가져오기 - 작업 목록 모델

  • 제거 - 작업 목록 모델

  • updateQueue - tasklist 모델

  • refreshQueue - tasklist 모델

  • filterSelected - tasklist 모델

필터

보기

filter.js

템플릿

filter.html

구성 요소 필요

NA

JS 종속성

  • 필드:대기열:{ name, qid, isDefault, type}

  • 필드:쿼리:문자열

  • 필드:parentView:필터 목록 보기

  • 필드:parentModel:작업 목록 모델

  • 필드:유틸리티

이벤트가 경청됨

NA

TeamQueues

모델

tasklist.js

보기

teamqueues.js

템플릿

teamqueues.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

  • 가져오기 - 작업 목록 모델

  • 제거 - 작업 목록 모델

  • updateQueue - tasklist 모델

  • teamQueuesConcepted - tasklist 모델

TeamFilter

모델

NA

보기

teamfilter.js

템플릿

teamfilter.html

구성 요소 필요

NA

JS 종속성

  • 확장:필터 보기

  • 필드:queue :{ name, qid, isDefault, type }

  • 필드:query :문자열

  • 필드:parentView :필터 목록 보기

  • 필드:parentModel :작업 목록 모델

  • 필드:유틸리티

이벤트가 경청됨

NA

노트

TeamFilter는 TaskList 구성 요소에서 선택한 작업을 나타내는 이벤트를 가져옵니다. 이러한 구성 요소는 모델 클래스를 공유하지만 다른 종속성은 없습니다.

작업 세부 사항

모델

tasklist.js

보기

taskdetails.js

템플릿

taskdetails.html

구성 요소 필요

대부분의 유틸리티 클래스

JS 종속성

  • processinstancehistory.html

  • formrendering utility

  • 메모 유틸리티

  • 첨부 파일 유틸리티

  • 작업 유틸리티

  • 작업 내역 유틸리티

경청된 이벤트(이벤트 이름 - 트리거)

  • 전달 - 작업 모델

  • 공유 - 작업 모델

  • 상담 - 작업 모델

  • 거부됨 - 작업 모델

  • 중단된 - 작업 모델

  • 잠금 해제 - 작업 모델

  • 잠김 - 작업 모델

  • claim - 작업 모델

  • 변경:작업 선택 - 작업 목록 모델

  • change:formUrl - 작업 모델

  • attachmentURLFlocked - 작업 모델
  • newAttachment - 작업 모델
  • taskHistoryConcepted - 작업 모델

  • prepareForSubmitComplete - 작업 모델
  • submitComplete - 작업 모델

CategoryList

모델

categorylist.js

보기

categorylist.js

템플릿

startprocess.html(경로 폴더)

구성 요소 필요

카테고리

JS 종속성

  • favoritecoryfactory 모델

  • allcategoryfactory 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • allStartpointsConcepted - categorylist model

  • add - categorylist model

노트

이 구성 요소는 StartPointList, StartPoint 및 Task와 같은 다른 구성 요소의 모델 클래스를 사용합니다. 이러한 종속성 외에도 CategoryList를 독립적으로 사용할 수 있습니다.

카테고리

모델

category.js

보기

category.js

템플릿

category.html

구성 요소 필요

NA

JS 종속성

  • categorylist 모델

  • 시작점 목록 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • 변경 - 카테고리 모델

  • childrenBraced - 범주 모델

  • 범주:선택됨 - 범주목록 모델

StartPointList

모델

categorylist.js

보기

startpointlist.js

템플릿

startprocess.html(경로 폴더)

구성 요소 필요

NA

JS 종속성

  • 범주 모델

  • favoritecoryfactory 모델

  • allcategoryfactory 모델

  • 시작 지점 보기

  • 시작점 목록 모델

  • 시작점 모델

  • 작업 모델

  • 작업 모델

  • 작업 목록 모델

  • 팀 작업 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • 범주:선택됨 - 범주목록 모델

  • allStartpointsConcepted - categorylist model

노트

StartPointList 및 CategoryList 구성 요소는 모델 클래스를 공유하므로 모델 클래스는 후자에 따라 달라집니다. CategoryList는 카테고리의 시작 지점이 표시되는 정보에 액세스합니다. StartPointList를 독립적으로 사용하려면 CategoryList에서 이벤트 트리거를 시뮬레이션합니다.

시작 지점

모델

startpoint.js

보기

startpoint.js

템플릿

startpoint.html

구성 요소 필요

NA

JS 종속성

작업 모델

경청된 이벤트(이벤트 이름 - 트리거)

변경 - 시작점 모델

시작 프로세스

모델

categorylist.js

보기

startprocess.js

템플릿

startprocess.html

구성 요소 필요

  • 대부분의 유틸리티 클래스

  • UserSearch

JS 종속성

  • 범주 모델

  • favoritecoryfactory 모델

  • allcategoryfactory 모델

  • formrendering utility

  • 메모 유틸리티

  • 첨부 파일 유틸리티

  • 작업 유틸리티

경청된 이벤트(이벤트 이름 - 트리거)

  • 범주:선택됨 - 범주목록 모델

  • change:includedTask - startpointlist model

  • change:formUrl - 작업 모델

  • 시작점:선택됨 - 시작점 목록 모델

  • 전달 - 작업 모델

  • 중단된 - 작업 모델

  • 잠금 해제 - 작업 모델

  • 잠김 - 작업 모델

  • attachmentURLFlocked - 작업 모델
  • newAttachment - 작업 모델
  • prepareForSubmitComplete - 작업 모델
  • submitComplete - 작업 모델

  • allStartpointsConcepted - categorylist model

노트

StartProcess 및 StartPointList 구성 요소는 모델 클래스를 공유합니다. 이 구성 요소는 StartPointList에서 시작점을 선택하는 것과 관련이 있습니다.

ProcessNameList

모델

processnamelist.js

보기

processnamelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

NA

JS 종속성

처리 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • add - processnamelist 모델

  • 가져오기:처리 이름 - 처리 이름 목록 모델

  • 변경 - 프로세서 이름 목록 모델

노트

ProcessNameList는 다른 구성 요소에 종속되지 않습니다. 하지만 내부적으로 다른 구성 요소에 따라 달라지는 ProcessInstanceList 모델 클래스에 따라 달라집니다. 따라서 ProcessNameList는 ProcessInstanceList, ProcessInstance, TaskList, Teamtask 및 Task와 같은 많은 모델 클래스를 사용합니다. 이러한 종속성 외에도 ProcessNameList를 독립적으로 사용할 수 있습니다.

프로세스 이름

모델

processname.js

보기

processname(processname.js에서)

템플릿

processname.html

구성 요소 필요

NA

JS 종속성

처리(instancelist) 모델

경청된 이벤트(이벤트 이름 - 트리거)

변경 - 처리 이름 모델

ProcessInstanceList

모델

processnamelist.js

보기

processinstancelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

NA

JS 종속성

처리 모델

경청된 이벤트(이벤트 이름 - 트리거)

  • 처리 이름:선택됨 - 처리 이름 모델

  • 처리 이름:instancenespeconeded - 처리 이름 모델

노트

ProcessInstanceList는 인스턴스를 가져오고 표시하기 위한 프로세스 이름을 나타내는 ProcessNameList의 이벤트가 필요합니다. ProcessInstanceList를 독립적으로 사용하려면 이벤트 트리거를 별도로 시뮬레이트합니다.

ProcessInstance

모델

processinstance.js

보기

processname alist.js 내의 프로세스 이름

템플릿

processinstance.html

구성 요소 필요

NA

JS 종속성

작업 목록 모델

경청된 이벤트(이벤트 이름 - 트리거)

변경 - 처리 인스턴스 모델

ProcessInstanceHistory

모델

processnamelist.js

보기

processinstancehistory.js

템플릿

processinstancehistory.html

구성 요소 필요

NA

JS 종속성

  • 처리 모델

  • 작업 내역 유틸리티

경청된 이벤트(이벤트 이름 - 트리거)

  • 처리 이름:선택됨 - 처리 이름 모델

  • 처리 인스턴스:선택됨 - 처리기팔레트 모델

  • tasksPected - 처리 인스턴스 모델

노트

ProcessInstanceHistory는 프로세스 인스턴스의 내역을 표시할 프로세스를 나타내는 ProcessInstanceList의 이벤트를 필요로 합니다. 이 종속성 외에도 구성 요소를 독립적으로 사용할 수 있습니다.

OoofOffice

모델

outofoffice.js

보기

outofoffice.js

템플릿

outofoffice.html

구성 요소 필요

UserSearch

JS 종속성

사용자 검색 보기

경청된 이벤트(이벤트 이름 - 트리거)

  • outOfOfficeSettingsConcted - Otofoffice 모델

  • outOfOfficeSettingsSaved - Otofoffice 모델

  • processesConcepted - Otofoffice 모델

  • principalSelected - principalsearch view

노트

OofOffice는 독립적으로 사용할 수 있습니다.

ShareQueue

모델

sharequeue.js

보기

sharequeue.js

템플릿

sharequeue.html

구성 요소 필요

UserSearch

JS 종속성

사용자 검색 보기

경청된 이벤트(이벤트 이름 - 트리거)

  • queueAccessGranted - 공유 큐 모델

  • queueAccessRequested - 공유 큐 모델

  • grantedUsersConceed - sharequeue 모델

  • accessibleUsersConcepted - sharequeue 모델
  • queueAccessRevoected - 공유 큐 모델

  • queueAccessRemoved - 공유 큐 모델

  • principalSelected - principalsearch view

노트

ShareQueue는 독립적으로 사용할 수 있습니다.

UISettings

모델

uisettings.js

보기

uisettings.js

템플릿

uisettings.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

  • preferencesBraced - 설정 모델

  • settingUpdated - 설정 모델

노트

UISettings는 독립적으로 사용할 수 있습니다.

AppNavigation

모델

appnavigation.js

보기

appnavigation.js

템플릿

appnavigation.html

구성 요소 필요

NA

JS 종속성

NA

이벤트가 경청됨

NA

노트

AppNavigation은 독립적으로 사용할 수 있습니다.

UserInfo

모델

userinfo.js

보기

userinfo.js

템플릿

userinfo.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

  • userImageUrlConcepted - userinfo 모델
  • sessionRelated - userinfo 모델
  • sessionExpired - 사용자 정보 모델
노트

UserInfo는 독립적으로 사용할 수 있습니다.

WSError

모델

wserror.js

보기

wserror.js

템플릿

wserror.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

newWsError - 오류 모델

사용자 검색

모델

usersearch.js

보기

usersearch.js

템플릿

usersearch.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

  • principalSearch - principalsearch 모델
  • outOfOfficeInfoConcepted - 사용자 검색 모델

SearchTemplate

모델

searchtemplate.js

보기

searchtemplate(searchtemplatelist.js에서)

템플릿

searchtemplate.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

templateContated- searchtemplate 모델

SearchTemplateList

모델

searchtemplatelist.js

보기

searchtemplatelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

NA

JS 종속성

검색 템플릿 모델

경청된 이벤트(이벤트 이름 - 트리거)

변경 - searchtemplatelist 모델

SearchTemplateDetails

모델

searchtemplatelist.js

보기

searchtemplatedetails.js

템플릿

searchtemplatedetails.html

구성 요소 필요

NA

JS 종속성

NA

경청된 이벤트(이벤트 이름 - 트리거)

searchTemplate:selected - 검색 템플릿 모델

이 페이지에서는

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