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

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

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

작업 목록 tasklist

모델

tasklist.js

보기

tasklist.js

템플릿

tasklist.html

구성 요소 필요

사용자 검색
작업
Teamtask

JS 종속성

작업 모델
teamtask 모델

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

filterSelected - 작업 목록 모델
제거 - 작업 목록 모델
updateQueue - 작업 목록 모델

NOTE

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

작업 task

모델

task.js

보기

task.js

템플릿

task.html

구성 요소 필요

JS 종속성

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

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

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

NOTE

작업 영역은 TaskList 모델의 fetchTasks 함수를 호출하여 이 구성 요소에 대한 작업 모델을 생성합니다.

필터 목록 filterlist

모델

tasklist.js

보기

filterlist.js

템플릿

filterlist.html

구성 요소 필요

JS 종속성

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

가져옴 - 작업 목록 모델
제거 - 작업 목록 모델
updateQueue - 작업 목록 모델
refreshedQueue - 작업 목록 모델
filterSelected - 작업 목록 모델

필터 filter

보기

filter.js

템플릿

filter.html

구성 요소 필요

JS 종속성

필드: 대기열: { name, qid, isDefault, type}
필드: 쿼리: 문자열
필드: parentView: 필터 목록 보기
필드: parentModel: tasklist 모델
필드: 유틸리티

이벤트 청취됨

팀 큐 teamqueues

모델

tasklist.js

보기

teamqueues.js

템플릿

teamqueues.html

구성 요소 필요

JS 종속성

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

가져옴 - 작업 목록 모델
제거 - 작업 목록 모델
updateQueue - 작업 목록 모델
teamQueuesFetched - 작업 목록 모델

TeamFilter teamfilter

모델

보기

teamfilter.js

템플릿

teamfilter.html

구성 요소 필요

JS 종속성

확장 : 필터 보기
필드 : 큐 :{ name, qid, isDefault, type }
필드 : 쿼리 : 문자열
필드 : parentView : 필터링 목록 보기
필드 : parentModel : tasklist 모델
필드 : 유틸리티

이벤트 청취됨

NOTE

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

작업 세부 정보 taskdetails

모델

tasklist.js

보기

taskdetails.js

템플릿

taskdetails.html

구성 요소 필요

대부분의 유틸리티 클래스

JS 종속성

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

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

전달됨 - 작업 모델
공유 - 작업 모델
참조 - 작업 모델
거부됨 - 작업 모델
중단됨 - 작업 모델
잠금 해제됨 - 작업 모델
잠김 - 작업 모델
클레임됨 - 작업 모델
변경:taskselected - 작업 목록 모델
change:formUrl - 작업 모델
attachmentURLFetched - 작업 모델

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

범주 목록 categorylist

모델

categorylist.js

보기

categorylist.js

템플릿

startprocess.html(경로 폴더 내)

구성 요소 필요

범주

JS 종속성

즐겨찾기범주팩토리 모델
allcategoryfactory 모델

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

allStartpointsFetch - categorylist 모델
추가 - categorylist 모델

NOTE

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

범주 category

모델

category.js

보기

category.js

템플릿

category.html

구성 요소 필요

JS 종속성

categorylist 모델
startpointlist 모델

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

변경됨 - 범주 모델
childrenFetch - 범주 모델
category:selected - categorylist 모델

시작 지점 목록 startpointlist

모델

categorylist.js

보기

startpointlist.js

템플릿

startprocess.html(경로 폴더 내)

구성 요소 필요

JS 종속성

범주 모델
즐겨찾기범주팩토리 모델
allcategoryfactory 모델
시작 지점 보기
startpointlist 모델
시작점 모델
작업 모델
작업 모델
작업 목록 모델
teamtask 모델

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

category:selected - categorylist 모델
allStartpointsFetch - categorylist 모델

NOTE

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

시작 지점 startpoint

모델

startpoint.js

보기

startpoint.js

템플릿

startpoint.html

구성 요소 필요

JS 종속성

작업 모델

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

변경 - 시작점 모델

시작 프로세스 startprocess

모델

categorylist.js

보기

startprocess.js

템플릿

startprocess.html

구성 요소 필요

대부분의 유틸리티 클래스
사용자 검색

JS 종속성

범주 모델
즐겨찾기범주팩토리 모델
allcategoryfactory 모델
formrendering 유틸리티
notes 유틸리티
첨부 파일 유틸리티
작업 유틸리티

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

category:selected - categorylist 모델
change:invokedTask - startpointlist 모델
change:formUrl - 작업 모델
startpoint:selected - startpointlist 모델
전달됨 - 작업 모델
중단됨 - 작업 모델
잠금 해제됨 - 작업 모델
잠김 - 작업 모델
attachmentURLFetched - 작업 모델
newAttachment - 작업 모델
prepareForSubmitComplete - 작업 모델
submitComplete - 작업 모델
allStartpointsFetch - categorylist 모델

NOTE

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

프로세스 이름 목록 processnamelist

모델

processnamelist.js

보기

processnamelist.js

템플릿

tracking.html (route 폴더)

구성 요소 필요

JS 종속성

processname 모델

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

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

NOTE

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

프로세스 이름 processname

모델

processname.js

보기

processname(processnamelist.js)

템플릿

processname.html

구성 요소 필요

JS 종속성

processinstancelist 모델

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

변경 - processname 모델

프로세스 인스턴스 목록 processinstancelist

모델

processnamelist.js

보기

processinstancelist.js

템플릿

tracking.html (route 폴더)

구성 요소 필요

JS 종속성

processname 모델

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

processname:selected - processnamelist 모델
processname:instancesefetch - processnamelist 모델

NOTE

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

프로세스 인스턴스 processinstance

모델

processinstance.js

보기

processnamelist.js 내의 processname

템플릿

processinstance.html

구성 요소 필요

JS 종속성

작업 목록 모델

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

변경 - 프로세스 인스턴스 모델

프로세스 인스턴스 내역 processinstancehistory

모델

processnamelist.js

보기

processinstancehistory.js

템플릿

processinstancehistory.html

구성 요소 필요

JS 종속성

processname 모델
기록 유틸리티

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

processname:selected - processnamelist 모델
processinstance:selected - processinstancelist 모델
tasksFetch - processinstance 모델

NOTE

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

OutofOffice outofoffice

모델

outofoffice.js

보기

outofoffice.js

템플릿

outofoffice.html

구성 요소 필요

사용자 검색

JS 종속성

사용자 검색 보기

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

outOfOfficeSettingsFetched - outofoffice 모델
outOfOfficeSettingsSaved - outofoffice 모델
processesFetched - outofoffice 모델
principalSelected - principalsearch 보기

NOTE

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

ShareQueue sharequeue

모델

sharequeue.js

보기

sharequeue.js

템플릿

sharequeue.html

구성 요소 필요

사용자 검색

JS 종속성

사용자 검색 보기

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

queueAccessGranted - 공유 모델
queueAccessRequested - 공유 모델
grantedUsersFetch - 공유 모델
accessibleUsersFetch - 공유 모델
queueAccessRevocated - 공유 모델
queueAccessRemoved - 공유 모델
principalSelected - principalsearch 보기

NOTE

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

UISettings uisettings

모델

uisettings.js

보기

uisettings.js

템플릿

uisettings.html

구성 요소 필요

JS 종속성

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

preferencesFetch - uisettings 모델
settingUpdated - uisettings 모델

NOTE

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

AppNavigation appnavigation

모델

appnavigation.js

보기

appnavigation.js

템플릿

appnavigation.html

구성 요소 필요

JS 종속성

이벤트 청취됨

NOTE

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

사용자 정보 userinfo

모델

userinfo.js

보기

userinfo.js

템플릿

userinfo.html

구성 요소 필요

JS 종속성

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

userImageUrlFetch - userinfo 모델
sessionRenewed - 사용자 정보 모델
sessionExpired - 사용자 정보 모델

NOTE

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

WSEerror wserror

모델

wserror.js

보기

wserror.js

템플릿

wserror.html

구성 요소 필요

JS 종속성

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

newWsError - wserror 모델

사용자 검색 usersearch

모델

usersearch.js

보기

usersearch.js

템플릿

usersearch.html

구성 요소 필요

JS 종속성

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

principalSearched - principalsearch 모델
outOfOfficeInfoFetch - usersearch 모델

SearchTemplate searchtemplate

모델

searchtemplate.js

보기

searchtemplate (searchtemplatelist.js)

템플릿

searchtemplate.html

구성 요소 필요

JS 종속성

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

templateFetched- searchtemplate 모델

SearchTemplateList searchtemplatelist

모델

searchtemplatelist.js

보기

searchtemplatelist.js

템플릿

tracking.html (route 폴더)

구성 요소 필요

JS 종속성

searchtemplate 모델

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

변경 - searchtemplatelist 모델

SearchTemplateDetails searchtemplatedetails

모델

searchtemplatelist.js

보기

searchtemplatedetails.js

템플릿

searchtemplatedetails.html

구성 요소 필요

JS 종속성

해당 없음

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

searchTemplate:selected - searchtemplate 모델

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2