可重複使用的元件說明

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

任務清單

模型

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.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模型

  • accessibleUsersReacted - 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模型
  • 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模型

本頁內容