可重複使用的元件說明

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