재사용 가능한 구성 요소에 대한 설명 description-of-reusable-components

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

User

CAUTION

AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

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

작업 목록 tasklist

모델

tasklist.js

보기

tasklist.js

템플릿

tasklist.html

구성 요소 필요

UserSearch
작업
팀 작업

JS 종속성

작업 모델
팀 작업 모델

수신한 이벤트(이벤트 이름 - 트리거)

filterSelected - tasklist 모델
제거 - tasklist 모델
updateQueue - tasklist 모델

NOTE

사용자 지정 애플리케이션에서 이 구성 요소에 대해 filterSelected 이벤트를 트리거하는 경우, 이 구성 요소는 AEM Forms 작업 공간과 독립적으로 사용할 수 있습니다.

작업 task

모델

task.js

보기

task.js

템플릿

task.html

구성 요소 필요

JS 종속성

작업 목록 모델
작업 유틸리티

수신한 이벤트(이벤트 이름 - 트리거)

submitComplete - 작업 모델
거부 - 작업 모델

NOTE

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

필터 목록 filterlist

모델

tasklist.js

보기

filterlist.js

템플릿

filterlist.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

가져오기 - 작업 목록 모델
제거 - tasklist 모델
updateQueue - tasklist 모델
새로 고침큐 - 작업 목록 모델
filterSelected - tasklist 모델

필터 filter

보기

filter.js

템플릿

filter.html

구성 요소 필요

JS 종속성

필드: 큐: { name, qid, isDefault, type}
필드: 쿼리: string
필드: parentView: 필터 목록 보기
필드: parentModel: 작업 목록 모델
필드: 유틸리티

이벤트가 수신됨

TeamQueues teamqueues

모델

tasklist.js

보기

teamqueues.js

템플릿

teamqueues.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

가져오기 - 작업 목록 모델
제거 - tasklist 모델
updateQueue - tasklist 모델
teamQueuesConverted - tasklist 모델

TeamFilter teamfilter

모델

보기

teamfilter.js

템플릿

teamfilter.html

구성 요소 필요

JS 종속성

확장 : 필터 보기
필드 : queue :{ name, qid, isDefault, type }
필드 : 쿼리 : string
필드 : parentView : 필터 목록 보기
필드 : parentModel : 작업 목록 모델
필드 : 유틸리티

이벤트가 수신됨

NOTE

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

작업 세부 사항 taskdetails

모델

tasklist.js

보기

taskdetails.js

템플릿

taskdetails.html

구성 요소 필요

대부분의 유틸리티 클래스

JS 종속성

processinstancehistory.html
formrendering 유틸리티
참고 유틸리티
첨부 파일 유틸리티
작업 유틸리티
기록 유틸리티

수신한 이벤트(이벤트 이름 - 트리거)

전달 - 작업 모델
공유 - 작업 모델
상담 - 작업 모델
거부 - 작업 모델
포기 - 작업 모델
unlocked - 작업 모델
잠긴 - 작업 모델
클레임 - 작업 모델
변경:taskselected - tasklist 모델
change:formUrl - 작업 모델
attachmentURLFenzed - 작업 모델

newAttachment - 작업 모델
taskHistoryContated - 작업 모델
prepareForSubmitComplete - 작업 모델
submitComplete - 작업 모델

범주 목록 categorylist

모델

categorylist.js

보기

categorylist.js

템플릿

startprocess.html(경로 폴더)

구성 요소 필요

범주

JS 종속성

favoritecoryfactory 모델
allcategoryfactory 모델

수신한 이벤트(이벤트 이름 - 트리거)

allStartpointsForceed - categorylist 모델
add - categorylist 모델

NOTE

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

범주 category

모델

category.js

보기

category.js

템플릿

category.html

구성 요소 필요

JS 종속성

categorylist 모델
startpointlist 모델

수신한 이벤트(이벤트 이름 - 트리거)

변경됨 - 카테고리 모델
childrenConverted - 카테고리 모델
카테고리:선택됨 - 카테고리목록 모델

시작 지점 목록 startpointlist

모델

categorylist.js

보기

startpointlist.js

템플릿

startprocess.html(경로 폴더)

구성 요소 필요

JS 종속성

범주 모델
favoritecoryfactory 모델
allcategoryfactory 모델
시작 지점 보기
startpointlist 모델
시작점 모델
작업 모델
작업 모델
작업 목록 모델
팀 작업 모델

수신한 이벤트(이벤트 이름 - 트리거)

카테고리:선택됨 - 카테고리목록 모델
allStartpointsForceed - categorylist 모델

NOTE

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

시작 지점 startpoint

모델

startpoint.js

보기

startpoint.js

템플릿

startpoint.html

구성 요소 필요

JS 종속성

작업 모델

수신한 이벤트(이벤트 이름 - 트리거)

변경 - 시작점 모델

시작 프로세스 startprocess

모델

categorylist.js

보기

startprocess.js

템플릿

startprocess.html

구성 요소 필요

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

JS 종속성

범주 모델
favoritecoryfactory 모델
allcategoryfactory 모델
formrendering 유틸리티
참고 유틸리티
첨부 파일 유틸리티
작업 유틸리티

수신한 이벤트(이벤트 이름 - 트리거)

카테고리:선택됨 - 카테고리목록 모델
change:claikedTask - startpointlist 모델
change:formUrl - 작업 모델
시작점:선택됨 - 시작점 목록 모델
전달 - 작업 모델
포기 - 작업 모델
unlocked - 작업 모델
잠긴 - 작업 모델
attachmentURLFenzed - 작업 모델
newAttachment - 작업 모델
prepareForSubmitComplete - 작업 모델
submitComplete - 작업 모델
allStartpointsForceed - categorylist 모델

NOTE

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

ProcessNameList processnamelist

모델

processnamelist.js

보기

processnamelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

JS 종속성

프로세스 이름 모델

수신한 이벤트(이벤트 이름 - 트리거)

add - processnamelist 모델
가져온:processnames - processnamelist 모델
변경 - processnamist 모델

NOTE

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

ProcessName processname

모델

processname.js

보기

processname(processnamelist.js에서)

템플릿

processname.html

구성 요소 필요

JS 종속성

processincelist 모델

수신한 이벤트(이벤트 이름 - 트리거)

변경 - processname 모델

ProcessInstanceList processinstancelist

모델

processnamelist.js

보기

processinstancelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

JS 종속성

프로세스 이름 모델

수신한 이벤트(이벤트 이름 - 트리거)

processname:selected - processnamelist 모델
processname:instanespeduded - processnamelist 모델

NOTE

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

ProcessInstance processinstance

모델

processinstance.js

보기

processnamist.js 내의 processname

템플릿

processinstance.html

구성 요소 필요

JS 종속성

작업 목록 모델

수신한 이벤트(이벤트 이름 - 트리거)

변경 - 처리 인스턴스 모델

ProcessInstanceHistory processinstancehistory

모델

processnamelist.js

보기

processinstancehistory.js

템플릿

processinstancehistory.html

구성 요소 필요

JS 종속성

프로세스 이름 모델
기록 유틸리티

수신한 이벤트(이벤트 이름 - 트리거)

processname:selected - processnamelist 모델
처리 인스턴스:선택됨 - processincelist 모델
tasksConverted - processinstance 모델

NOTE

ProcessInstanceHistory는 ProcessInstanceList의 이벤트를 사용하여 어떤 프로세스 인스턴스의 기록을 표시할지를 지정합니다. 이 종속성 외에, 구성 요소는 독립적으로 사용할 수 있습니다.

OutofOffice outofoffice

모델

outofoffice.js

보기

outofoffice.js

템플릿

outofoffice.html

구성 요소 필요

UserSearch

JS 종속성

사용자 검색 보기

수신한 이벤트(이벤트 이름 - 트리거)

outOfOfficeSettingsConverted - office 모델
outOfOfficeSettingsSaved - office 모델
processesConverted - Outlook 모델
principalSelected - principalsearch view

NOTE

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

공유 큐 sharequeue

모델

sharequeue.js

보기

sharequeue.js

템플릿

sharequeue.html

구성 요소 필요

UserSearch

JS 종속성

사용자 검색 보기

수신한 이벤트(이벤트 이름 - 트리거)

queueAccessGranted - 공유 큐 모델
queueAccessRequested - 공유 큐 모델
grantedUsersConverted - sharequeue 모델
accessibleUsersConverted - sharequeue 모델
queueAccessRevocted - 공유 큐 모델
queueAccessRemoved - 공유 큐 모델
principalSelected - principalsearch view

NOTE

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

UISettings uisettings

모델

uisettings.js

보기

uisettings.js

템플릿

uisettings.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

preferencesConverted - 설정 모델
settingUpdated - 설정 모델

NOTE

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

앱 탐색 appnavigation

모델

appnavigation.js

보기

appnavigation.js

템플릿

appnavigation.html

구성 요소 필요

JS 종속성

이벤트가 수신됨

NOTE

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

UserInfo userinfo

모델

userinfo.js

보기

userinfo.js

템플릿

userinfo.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

userImageUrlPeded - userinfo 모델
sessionResolified - userinfo 모델
sessionExpired - userinfo 모델

NOTE

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

WSError wserror

모델

wserror.js

보기

wserror.js

템플릿

wserror.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

newWsError - 미러 모델

UserSearch usersearch

모델

usersearch.js

보기

usersearch.js

템플릿

usersearch.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

principalSearch - principalsearch 모델
outOfOfficeInfoPeded - usersearch 모델

SearchTemplate searchtemplate

모델

searchtemplate.js

보기

searchtemplate(searchtemplatelist.js에서)

템플릿

searchtemplate.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

templateConverted-searchtemplate 모델

SearchTemplateList searchtemplatelist

모델

searchtemplatelist.js

보기

searchtemplatelist.js

템플릿

tracking.html(경로 폴더)

구성 요소 필요

JS 종속성

검색 템플릿 모델

수신한 이벤트(이벤트 이름 - 트리거)

변경 - searchtemplatelist 모델

SearchTemplateDetails searchtemplatedetails

모델

searchtemplatelist.js

보기

searchtemplatedetails.js

템플릿

searchtemplatedetails.html

구성 요소 필요

JS 종속성

수신한 이벤트(이벤트 이름 - 트리거)

searchTemplate:selected - searchtemplate model

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da