可重複使用的元件說明

AEM Forms工作區由可重複使用的元件組成,這些元件在CRX™中以特定檔案夾結構組織。 每個元件在資料夾結構中指定的位置都有模型、檢視和範本檔案、與其他元件檔案的JavaScript™相依性、由元件監聽的事件,以及在AEM Forms工作區中觸發這些事件的JavaScript物件。 此處提供可重複使用的元件的完整清單,其中包含組成檔案名稱和相依性。

TaskList

模型

tasklist.js

檢視

tasklist.js

範本

tasklist.html

需要元件

  • UserSearch

  • 任務

  • 團隊任務

JS相依性

  • 任務模型

  • 團隊任務模型

已監聽的事件(事件名稱——觸發器)

  • filterSelected —— 任務清單模型

  • 刪除——任務清單模型

  • updateQueue —— 任務清單模型

注意

只要您從自訂應用程式中觸發此元件的filterSelected事件,此元件就可獨立於AEM Forms工作區使用。

任務

模型

task.js

檢視

task.js

範本

task.html

需要元件

不適用

JS相依性

  • 任務清單模型

  • taskactions實用程式

已監聽的事件(事件名稱——觸發器)

  • submitComplete —— 任務模型

  • 拒絕——任務模型

注意

工作區調用TaskList模型的fetchTasks函式以建立此元件的Task模型。

FilterList

模型

tasklist.js

檢視

filterlist.js

範本

filterlist.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

  • 已獲取——任務清單模型

  • 刪除——任務清單模型

  • updateQueue —— 任務清單模型

  • refreshedQueue —— 任務清單模型

  • filterSelected —— 任務清單模型

篩選

檢視

filter.js

範本

filter.html

需要元件

不適用

JS相依性

  • 欄位:佇列:{ name, qid, isDefault, type}

  • 欄位:查詢:字串

  • 欄位:parentView:過濾器清單視圖

  • 欄位:parentModel:任務清單模型

  • 欄位:實用程式

聆聽的活動

不適用

TeamQueues

模型

tasklist.js

檢視

teamqueues.js

範本

teamqueues.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

  • 已獲取——任務清單模型

  • 刪除——任務清單模型

  • updateQueue —— 任務清單模型

  • teamQueuesReached - tasklist模型

TeamFilter

模型

不適用

檢視

teamfilter.js

範本

teamfilter.html

需要元件

不適用

JS相依性

  • 延伸:篩選檢視

  • 欄位:佇列:{ name, qid, isDefault, type }

  • 欄位:查詢:字串

  • 欄位:parentView:過濾器清單視圖

  • 欄位:parentModel:任務清單模型

  • 欄位:實用程式

聆聽的活動

不適用

注意

TeamFilter獲取指示已從TaskList元件中選擇哪個任務的事件。 雖然這些元件共用模型類,但沒有其它相關性。

TaskDetails

模型

tasklist.js

檢視

taskdetails.js

範本

taskdetails.html

需要元件

大多數實用程式類

JS相依性

  • processinstancehistory.html

  • 表單轉換實用程式

  • 附註實用程式

  • 附件實用程式

  • taskactions實用程式

  • 歷史實用程式

已監聽的事件(事件名稱——觸發器)

  • forwarded —— 任務模型

  • 共用——任務模型

  • 已咨詢——任務模型

  • 拒絕——任務模型

  • 放棄的任務模型

  • 已解鎖——任務模型

  • 鎖定的任務模型

  • 聲明——任務模型

  • 更改:選定任務——任務清單模型

  • change:formUrl —— 任務模型

  • attachmentURLFerketd —— 任務模型
  • newAttachment —— 任務模型
  • taskHistoryReacted —— 任務模型

  • prepareForSubmitComplete —— 任務模型
  • submitComplete —— 任務模型

CategoryList

模型

categorylist.js

檢視

categorylist.js

範本

startprocess.html(在route資料夾中)

需要元件

類別

JS相依性

  • favoritecategorfactory模型

  • allcategoryfactory模型

已監聽的事件(事件名稱——觸發器)

  • allStartpointsReacted - categorylist模型

  • add - categorylist模型

注意

此元件使用某些其它元件的模型類,如StartPointList、StartPoint和Task。 除了此相依性外,CategoryList還可獨立使用。

類別

模型

category.js

檢視

category.js

範本

category.html

需要元件

不適用

JS相依性

  • categorylist模型

  • startpointlist模型

已監聽的事件(事件名稱——觸發器)

  • changed - category model

  • childrenRecated - category模型

  • 類別:選定——類別清單模型

StartPointList

模型

categorylist.js

檢視

startpointlist.js

範本

startprocess.html(在route資料夾中)

需要元件

不適用

JS相依性

  • 類別模型

  • favoritecategorfactory模型

  • allcategoryfactory模型

  • startpoint檢視

  • startpointlist模型

  • 起點模型

  • 任務模型

  • 任務模型

  • 任務清單模型

  • 團隊任務模型

已監聽的事件(事件名稱——觸發器)

  • 類別:選定——類別清單模型

  • allStartpointsReacted - categorylist模型

注意

StartPointList和CategoryList元件共用模型類,因此前者取決於後者。 CategoryList可存取顯示哪些類別起點的相關資訊。 若要獨立使用StartPointList,請模擬CategoryList中的事件觸發器。

StartPoint

模型

startpoint.js

檢視

startpoint.js

範本

startpoint.html

需要元件

不適用

JS相依性

任務模型

已監聽的事件(事件名稱——觸發器)

change - startpoint model

StartProcess

模型

categorylist.js

檢視

startprocess.js

範本

startprocess.html

需要元件

  • 大多數實用程式類

  • UserSearch

JS相依性

  • 類別模型

  • favoritecategorfactory模型

  • allcategoryfactory模型

  • 表單轉換實用程式

  • 附註實用程式

  • 附件實用程式

  • taskactions實用程式

已監聽的事件(事件名稱——觸發器)

  • 類別:選定——類別清單模型

  • change:invokedTask - startpointlist模型

  • change:formUrl —— 任務模型

  • 起點:選定——起點清單模型

  • forwarded —— 任務模型

  • 放棄的任務模型

  • 已解鎖——任務模型

  • 鎖定的任務模型

  • attachmentURLFerketd —— 任務模型
  • newAttachment —— 任務模型
  • prepareForSubmitComplete —— 任務模型
  • submitComplete —— 任務模型

  • allStartpointsReacted - categorylist模型

注意

StartProcess和StartPointList元件共用模型類。 從StartPointList中選取起點時,此元件變得相關。

ProcessNameList

模型

processnamelist.js

檢視

processnamelist.js

範本

tracking.html(在route資料夾中)

需要元件

不適用

JS相依性

processname模型

已監聽的事件(事件名稱——觸發器)

  • add - processnamelist模型

  • 已獲取:processnames - processnamelist模型

  • change - processnamelist model

注意

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

ProcessName

模型

processname.js

檢視

processname(在processnamelist.js中)

範本

processname.html

需要元件

不適用

JS相依性

過程實例清單模型

已監聽的事件(事件名稱——觸發器)

change - processname model

ProcessInstanceList

模型

processnamelist.js

檢視

processinstancelist.js

範本

tracking.html(在route資料夾中)

需要元件

不適用

JS相依性

processname模型

已監聽的事件(事件名稱——觸發器)

  • processname:selected - processnamelist模型

  • processname:instancesericated - processnamelist模型

注意

ProcessInstanceList需要ProcessNameList中的事件,該事件指示用於讀取和顯示實例的進程名。 若要單獨使用ProcessInstanceList,請分別模擬事件觸發器。

ProcessInstance

模型

processinstance.js

檢視

processnamelist.js中的processname

範本

processinstance.html

需要元件

不適用

JS相依性

任務清單模型

已監聽的事件(事件名稱——觸發器)

change - processinstance model

ProcessInstanceHistory

模型

processnamelist.js

檢視

processinstancehistory.js

範本

processinstancehistory.html

需要元件

不適用

JS相依性

  • processname模型

  • 歷史實用程式

已監聽的事件(事件名稱——觸發器)

  • processname:selected - processnamelist模型

  • processinstance:selected - processinstancelist模型

  • tasksRechated - processinstance模型

注意

ProcessInstanceHistory期望ProcessInstanceList中的事件指示要顯示哪個進程實例的歷史記錄。 除了這種依賴性外,該元件還可以獨立使用。

OutofOffice

模型

outofoffice.js

檢視

outofoffice.js

範本

outofoffice.html

需要元件

UserSearch

JS相依性

用戶搜索視圖

已監聽的事件(事件名稱——觸發器)

  • outOfficeSettingsEchated - outofofice模型

  • outOfOfficeSettingsSaved - outofofice模型

  • processesReached - outofofice模型

  • principalSelected - principalsearch視圖

注意

OutofOffice可獨立使用。

ShareQueue

模型

sharequeue.js

檢視

sharequeue.js

範本

sharequeue.html

需要元件

UserSearch

JS相依性

用戶搜索視圖

已監聽的事件(事件名稱——觸發器)

  • queueAccessGranted - sharequeue模型

  • queueAccessRequested - sharequeue模型

  • grantedUsersReacted - sharequeue模型

  • accessibleUsersReached - sharequeue模型
  • queueAccessExpeded - sharequeue模型

  • queueAccessRemoved - sharequeue模型

  • principalSelected - principalsearch視圖

注意

ShareQueue可單獨使用。

UISettings

模型

uisettings.js

檢視

uisettings.js

範本

uisettings.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

  • preferencesRechated - uisettings模型

  • settingUpdated - uisettings模型

注意

UISettings可獨立使用。

AppNavigation

模型

appnavigation.js

檢視

appnavigation.js

範本

appnavigation.html

需要元件

不適用

JS相依性

不適用

聆聽的活動

不適用

注意

AppNavigation可以單獨使用。

UserInfo

模型

userinfo.js

檢視

userinfo.js

範本

userinfo.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

  • userImageUrlRechated - userinfo模型
  • sessionRenewed - userinfo model
  • sessionExpired - userinfo模型
注意

UserInfo可獨立使用。

WSError

模型

wserror.js

檢視

wserror.js

範本

wserror.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

newWsError - wserror模型

UserSearch

模型

usersearch.js

檢視

usersearch.js

範本

usersearch.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

  • principalSearch - principalsearch模型
  • outOfOfficeInfoRechated - usersearch模型

SearchTemplate

模型

searchtemplate.js

檢視

searchtemplate(在searchtemplatelist.js中)

範本

searchtemplate.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

templateReacted-searchtemplate模型

SearchTemplateList

模型

searchtemplatelist.js

檢視

searchtemplatelist.js

範本

tracking.html(在route資料夾中)

需要元件

不適用

JS相依性

searchtemplate model

已監聽的事件(事件名稱——觸發器)

change - searchtemplatelist model

SearchTemplateDetails

模型

searchtemplatelist.js

檢視

searchtemplatedetails.js

範本

searchtemplatedetails.html

需要元件

不適用

JS相依性

不適用

已監聽的事件(事件名稱——觸發器)

searchTemplate:selected - searchtemplate模型

本頁內容

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