可重複使用元件的說明 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

需要元件

UserSearch
任務
團隊任務

JS相依性

任務模型
teamtask模型

已監聽的事件（事件名稱 — 觸發器）

filterSelected — 工作清單模型
移除 — 工作清單模型
updateQueue — 工作清單模型

NOTE

若您從自訂應用程式中為此元件觸發filterSelected事件，則可獨立於AEM Forms工作區使用此元件。

任務 task

模型

task.js

檢視

task.js

範本

task.html

需要元件

不適用

JS相依性

工作清單模型
工作動作公用程式

已監聽的事件（事件名稱 — 觸發器）

submitComplete — 任務模型
拒絕 — 任務模型

NOTE

Workspace會呼叫TaskList模型的fetchTasks函式，以建立此元件的Task模型。

篩選清單 filterlist

模型

tasklist.js

檢視

filterlist.js

範本

filterlist.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

已擷取 — 工作清單模型
移除 — 工作清單模型
updateQueue — 工作清單模型
refreshedQueue — 工作清單模型
filterSelected — 工作清單模型

篩選條件 filter

檢視

filter.js

範本

filter.html

需要元件

不適用

JS相依性

欄位：佇列：{ name， qid， isDefault， type}
欄位：查詢：字串
欄位： parentView： filterlist view
欄位： parentModel：工作清單模型
欄位：公用程式

聆聽的事件

不適用

團隊佇列 teamqueues

模型

tasklist.js

檢視

teamqueues.js

範本

teamqueues.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

已擷取 — 工作清單模型
移除 — 工作清單模型
updateQueue — 工作清單模型
teamQueuesFetched — 工作清單模型

團隊篩選 teamfilter

模型

不適用

檢視

teamfilter.js

範本

teamfilter.html

需要元件

不適用

JS相依性

擴充：篩選檢視
欄位：佇列：{ name， qid， isDefault， type }
欄位：查詢：字串
欄位：parentView ：篩選清單檢視
欄位：parentModel：工作清單模型
欄位：公用程式

聆聽的事件

不適用

NOTE

TeamFilter取得事件，指出已從TaskList元件中選取哪個工作。雖然這些元件共用模型類別，但沒有其他相依性。

任務詳細資訊 taskdetails

模型

tasklist.js

檢視

taskdetails.js

範本

taskdetails.html

需要元件

大部分的公用程式類別

JS相依性

processinstancehistory.html
formrendering公用程式
附註公用程式
附件公用程式
工作動作公用程式
歷程記錄公用程式

已監聽的事件（事件名稱 — 觸發器）

已轉送 — 任務模型
共用 — 任務模型
已諮詢 — 任務模型
已拒絕 — 任務模型
已放棄 — 任務模型
已解鎖 — 任務模型
鎖定 — 任務模型
已申請 — 任務模型
變更：選取的工作 — 工作清單模型
變更：formUrl — 任務模型
attachmentURLFetched — 任務模型

newAttachment — 任務模型
taskHistoryFetched — 任務模型
prepareForSubmitComplete — 任務模型
submitComplete — 任務模型

類別清單 categorylist

模型

categorylist.js

檢視

categorylist.js

範本

startprocess.html （在路由資料夾中）

需要元件

類別

JS相依性

favoritecategoryfactory模型
allcategoryfactory模型

已監聽的事件（事件名稱 — 觸發器）

allStartpointsFetched — 類別清單模型
新增 — 類別清單模型

NOTE

此元件使用某些其他元件的模型類別，例如StartPointList、StartPoint和Task。除了此相依性之外，CategoryList也可獨立使用。

類別 category

模型

category.js

檢視

category.js

範本

category.html

需要元件

不適用

JS相依性

categorylist model
startpointlist模型

已監聽的事件（事件名稱 — 觸發器）

已變更 — 類別模型
childrenFetched — 類別模型
category：selected - categorylist model

起點清單 startpointlist

模型

categorylist.js

檢視

startpointlist.js

範本

startprocess.html （在路由資料夾中）

需要元件

不適用

JS相依性

類別模型
favoritecategoryfactory模型
allcategoryfactory模型
起點檢視
startpointlist模型
起點模型
任務模型
任務模型
工作清單模型
teamtask模型

已監聽的事件（事件名稱 — 觸發器）

category：selected - categorylist model
allStartpointsFetched — 類別清單模型

NOTE

StartPointList和CategoryList元件共用模型類別，因此前者取決於後者。 CategoryList會存取顯示哪些類別開始點的相關資訊。若要獨立使用StartPointList，請從CategoryList模擬事件觸發程式。

起點 startpoint

模型

startpoint.js

檢視

startpoint.js

範本

startpoint.html

需要元件

不適用

JS相依性

任務模型

已監聽的事件（事件名稱 — 觸發器）

變更 — 起點模型

Startprocess startprocess

模型

categorylist.js

檢視

startprocess.js

範本

startprocess.html

需要元件

大部分的公用程式類別
UserSearch

JS相依性

類別模型
favoritecategoryfactory模型
allcategoryfactory模型
formrendering公用程式
附註公用程式
附件公用程式
工作動作公用程式

已監聽的事件（事件名稱 — 觸發器）

category：selected - categorylist model
change：invokedTask - startpointlist模型
變更：formUrl — 任務模型
起點：選取 — startpointlist模型
已轉送 — 任務模型
已放棄 — 任務模型
已解鎖 — 任務模型
鎖定 — 任務模型
attachmentURLFetched — 任務模型
newAttachment — 任務模型
prepareForSubmitComplete — 任務模型
submitComplete — 任務模型
allStartpointsFetched — 類別清單模型

NOTE

StartProcess和StartPointList元件共用模型類別。當您從StartPointList選取起點時，此元件會變得相關。

ProcessnameList processnamelist

模型

processnamelist.js

檢視

processnamelist.js

範本

tracking.html （在路由資料夾中）

需要元件

不適用

JS相依性

processname模型

已監聽的事件（事件名稱 — 觸發器）

add - processnamelist model
已擷取：processnames - processnamelist模型
變更 — processnamelist model

NOTE

ProcessNameList不依存於其他元件。但是，它在內部依賴於ProcessInstanceList模型類別，而模型類別又依賴其他元件。因此，ProcessNameList使用許多模型類別，例如ProcessInstanceList、ProcessInstance、TaskList、Teamtask和Task。除了這些相依性之外，ProcessNameList也可以獨立使用。

程式名稱 processname

模型

processname.js

檢視

processname （在processnamelist.js中）

範本

processname.html

需要元件

不適用

JS相依性

processinstancelist模型

已監聽的事件（事件名稱 — 觸發器）

變更 — processname model

ProcessInstanceList processinstancelist

模型

processnamelist.js

檢視

processinstancelist.js

範本

tracking.html （在路由資料夾中）

需要元件

不適用

JS相依性

processname模型

已監聽的事件（事件名稱 — 觸發器）

processname：selected - processnamelist model
processname：instancesfetched - processnamelist模型

NOTE

ProcessInstanceList預期來自ProcessNameList的事件，指出擷取和顯示執行個體的程式名稱。若要單獨使用ProcessInstanceList，請分別模擬事件觸發程式。

Processinstance processinstance

模型

processinstance.js

檢視

processnamelist.js內的processname

範本

processinstance.html

需要元件

不適用

JS相依性

工作清單模型

已監聽的事件（事件名稱 — 觸發器）

變更 — processinstance model

ProcessInstanceHistory processinstancehistory

模型

processnamelist.js

檢視

processinstancehistory.js

範本

processinstancehistory.html

需要元件

不適用

JS相依性

processname模型
歷程記錄公用程式

已監聽的事件（事件名稱 — 觸發器）

processname：selected - processnamelist model
processinstance：selected - processinstancelist model
tasksFetched - processinstance模型

NOTE

ProcessInstanceHistory需要ProcessInstanceList中的事件，指出要顯示哪個處理序執行個體的歷史記錄。除了此相依性之外，元件也可獨立使用。

辦公室外 outofoffice

模型

outofoffice.js

檢視

outofoffice.js

範本

outofoffice.html

需要元件

UserSearch

JS相依性

使用者搜尋檢視

已監聽的事件（事件名稱 — 觸發器）

outOfOfficeSettingsFetched — 辦公室模型
outOfOfficeSettingsSaved — 辦公室模型
processesFetched - outoffice模型
principalSelected - principalsearch檢視

NOTE

OutofOffice可獨立使用。

ShareQueue sharequeue

模型

sharequeue.js

檢視

sharequeue.js

範本

sharequeue.html

需要元件

UserSearch

JS相依性

使用者搜尋檢視

已監聽的事件（事件名稱 — 觸發器）

queueAccessGranted — 共用模型
queueAccessRequested — 共用模型
grantedUsersFetched — 共用模型
accessibleUsersFetched — 共用模型
queueAccessRevoced — 共用模型
queueAccessRemoved — 共用模型
principalSelected - principalsearch檢視

NOTE

ShareQueue可獨立使用。

UIS設定 uisettings

模型

uisettings.js

檢視

uisettings.js

範本

uisettings.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

preferencesFetched — 使用者模型
settingUpdated — 安裝模型

NOTE

UISettings可獨立使用。

AppNavigation appnavigation

模型

appnavigation.js

檢視

appnavigation.js

範本

appnavigation.html

需要元件

不適用

JS相依性

不適用

聆聽的事件

不適用

NOTE

AppNavigation可獨立使用。

使用者資訊 userinfo

模型

userinfo.js

檢視

userinfo.js

範本

userinfo.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

userImageUrlFetched - userinfo模型
sessionRevened - userinfo模型
sessionExpired — 使用者資訊模型

NOTE

UserInfo可單獨使用。

WSError wserror

模型

wserror.js

檢視

wserror.js

範本

wserror.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

newWsError — 錯誤模型

UserSearch usersearch

模型

usersearch.js

檢視

usersearch.js

範本

usersearch.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

principalSearch - principalsearch模型
outOfOfficeInfoFetched — 使用者搜尋模型

SearchTemplate searchtemplate

模型

searchtemplate.js

檢視

searchtemplate （在searchtemplatelist.js中）

範本

searchtemplate.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

templateFetched- searchtemplate模型

SearchTemplateList searchtemplatelist

模型

searchtemplatelist.js

檢視

searchtemplatelist.js

範本

tracking.html （在路由資料夾中）

需要元件

不適用

JS相依性

searchtemplate模型

已監聽的事件（事件名稱 — 觸發器）

變更 — searchtemplatelist模型

SearchTemplateDetails searchtemplatedetails

模型

searchtemplatelist.js

檢視

searchtemplatedetails.js

範本

searchtemplatedetails.html

需要元件

不適用

JS相依性

不適用

已監聽的事件（事件名稱 — 觸發器）

searchTemplate：selected - searchtemplate模型

recommendation-more-help

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