再利用可能なコンポーネントの説明 description-of-reusable-components

Last update: Thu Dec 07 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

AEM Forms Workspace は、再利用可能なコンポーネントで構成されており、これらのコンポーネントは CRX™ 内の固有のフォルダー構造内に整理されています。各コンポーネントには、フォルダー構造内の指定場所にあるモデル、表示、テンプレートファイル、他のコンポーネントファイルの JavaScript™ 依存関係、コンポーネントがリッスンするイベント、および AEM Forms Workspace 内でこれらのイベントをトリガーする JavaScript オブジェクトがあります。再利用可能なコンポーネントの完全なリストを、それらの構成ファイル名と依存関係と共に、以下に示します。

TaskList tasklist

モデル

tasklist.js

表示

tasklist.js

テンプレート

tasklist.html

コンポーネントが必要

UserSearch
タスク
Teamtask

JS の依存関係

タスクモデル
teamtask モデル

リスンされているイベント（イベント名 – トリガー）

filterSelected - tasklist モデル
削除 — tasklist モデル
updateQueue - tasklist モデル

NOTE

このコンポーネントは、カスタムアプリケーションからこのコンポーネントの filterSelectedトリガーを提供すると、AEM Forms Workspace とは独立して使用できます。

タスク task

モデル

task.js

表示

task.js

テンプレート

task.html

コンポーネントが必要

該当なし

JS の依存関係

tasklist モデル
taskactions ユーティリティ

リスンされているイベント（イベント名 – トリガー）

submitComplete — タスクモデル
却下 — タスクモデル

NOTE

Workspace は、TaskList モデルの fetchTasks 関数を呼び出して、このコンポーネントの Task モデルを作成します。

モデル

tasklist.js

表示

filterlist.js

テンプレート

filterlist.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

取得済み — tasklist モデル
削除 — tasklist モデル
updateQueue - tasklist モデル
refreshedQueue - tasklist モデル
filterSelected - tasklist モデル

フィルター filter

表示

filter.js

テンプレート

filter.html

コンポーネントが必要

該当なし

JS の依存関係

フィールド：キュー： { name, qid, isDefault, type}
フィールド： query: string
フィールド： parentView: filterlist ビュー
フィールド： parentModel: tasklist モデル
フィールド：ユーティリティ

リスンされたイベント

該当なし

TeamQueues teamqueues

モデル

tasklist.js

表示

teamqueues.js

テンプレート

teamqueues.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

取得済み — tasklist モデル
削除 — tasklist モデル
updateQueue - tasklist モデル
teamQueuesFetched - tasklist モデル

TeamFilter teamfilter

モデル

該当なし

表示

teamfilter.js

テンプレート

teamfilter.html

コンポーネントが必要

該当なし

JS の依存関係

拡張：フィルタービュー
フィールド：queue :{ name, qid, isDefault, type }
フィールド：クエリ：文字列
フィールド： parentView : filterlist ビュー
フィールド： parentModel : tasklist モデル
フィールド：ユーティリティ

リスンされたイベント

該当なし

NOTE

TeamFilter は、TaskList コンポーネントから選択されたタスクを示すイベントを取得します。これらのコンポーネントはモデルクラスを共有しますが、他の依存関係はありません。

TaskDetails taskdetails

モデル

tasklist.js

表示

taskdetails.js

テンプレート

taskdetails.html

コンポーネントが必要

Utility クラスのほとんど

JS の依存関係

processinstancehistory.html
formrendering ユーティリティ
メモユーティリティ
添付ファイルユーティリティ
taskactions ユーティリティ
履歴ユーティリティ

リスンされているイベント（イベント名 – トリガー）

転送済み — タスクモデル
共有済み — タスクモデル
問い合わせ済み — タスクモデル
却下済み — タスクモデル
破棄済み — タスクモデル
ロック解除済み — タスクモデル
ロック済み — タスクモデル
要求済み — タスクモデル
change:taskselected - tasklist モデル
change:formUrl — タスクモデル
attachmentURLFetched — タスクモデル

newAttachment — タスクモデル
taskHistoryFetched — タスクモデル
prepareForSubmitComplete — タスクモデル
submitComplete — タスクモデル

モデル

categorylist.js

表示

categorylist.js

テンプレート

startprocess.html （ルートフォルダ内）

コンポーネントが必要

カテゴリ

JS の依存関係

favoritecategoryfactory モデル
allcategoryfactory モデル

リスンされているイベント（イベント名 – トリガー）

allStartpointsFetched - categorylist モデル
追加 — categorylist モデル

NOTE

このコンポーネントは、StartPointList、StartPoint、Task など、他の一部のコンポーネントのモデルクラスを使用します。この依存関係に加えて、CategoryList は独立して使用できます。

カテゴリ category

モデル

category.js

表示

category.js

テンプレート

category.html

コンポーネントが必要

該当なし

JS の依存関係

categorylist モデル
startpointlist モデル

リスンされているイベント（イベント名 – トリガー）

変更済み — カテゴリモデル
childrenFetched — カテゴリモデル
category:selected - categorylist モデル

StartPointList startpointlist

モデル

categorylist.js

表示

startpointlist.js

テンプレート

startprocess.html （ルートフォルダ内）

コンポーネントが必要

該当なし

JS の依存関係

カテゴリモデル
favoritecategoryfactory モデル
allcategoryfactory モデル
startpoint ビュー
startpointlist モデル
startpoint モデル
タスクモデル
タスクモデル
tasklist モデル
teamtask モデル

リスンされているイベント（イベント名 – トリガー）

category:selected - categorylist モデル
allStartpointsFetched - categorylist モデル

NOTE

StartPointList と CategoryList コンポーネントはモデルクラスを共有するため、前者は後者に依存します。CategoryList は、どのカテゴリのスタートポイントが表示されるかに関する情報にアクセスします。 StartPointList を独立して使用するには、CategoryList からイベントトリガーをシミュレートします。

StartPoint startpoint

モデル

startpoint.js

表示

startpoint.js

テンプレート

startpoint.html

コンポーネントが必要

該当なし

JS の依存関係

タスクモデル

リスンされているイベント（イベント名 – トリガー）

変更 — 始点モデル

StartProcess startprocess

モデル

categorylist.js

表示

startprocess.js

テンプレート

startprocess.html

コンポーネントが必要

Utility クラスのほとんど
UserSearch

JS の依存関係

カテゴリモデル
favoritecategoryfactory モデル
allcategoryfactory モデル
formrendering ユーティリティ
メモユーティリティ
添付ファイルユーティリティ
taskactions ユーティリティ

リスンされているイベント（イベント名 – トリガー）

category:selected - categorylist モデル
change:involkedTask - startpointlist モデル
change:formUrl — タスクモデル
startpoint:selected - startpointlist モデル
転送済み — タスクモデル
破棄済み — タスクモデル
ロック解除済み — タスクモデル
ロック済み — タスクモデル
attachmentURLFetched — タスクモデル
newAttachment — タスクモデル
prepareForSubmitComplete — タスクモデル
submitComplete — タスクモデル
allStartpointsFetched - categorylist モデル

NOTE

StartProcess コンポーネントと StartPointList コンポーネントは、モデルクラスを共有します。このコンポーネントは、StartPointList からスタートポイントを選択すると関連します。

ProcessNameList processnamelist

モデル

processnamelist.js

表示

processnamelist.js

テンプレート

tracking.html （ルートフォルダー内）

コンポーネントが必要

該当なし

JS の依存関係

processname モデル

リスンされているイベント（イベント名 – トリガー）

追加 — processnamelist モデル
fetched:processnames - processnamelist モデル
変更 — processnamelist モデル

NOTE

ProcessNameList は他のコンポーネントに依存しません。ただし、内部的には ProcessInstanceList モデルクラスに依存し、他のコンポーネントに依存します。したがって、ProcessNameList は、ProcessInstanceList、ProcessInstance、TaskList、Teamtask、Task など、多くのモデルクラスを使用します。これらの依存関係に加えて、ProcessNameList は独立して使用できます。

ProcessName processname

モデル

processname.js

表示

processname （processnamelist.js 内）

テンプレート

processname.html

コンポーネントが必要

該当なし

JS の依存関係

processinstancelist モデル

リスンされているイベント（イベント名 – トリガー）

変更 — processname モデル

ProcessInstanceList processinstancelist

モデル

processnamelist.js

表示

processinstancelist.js

テンプレート

tracking.html （ルートフォルダー内）

コンポーネントが必要

該当なし

JS の依存関係

processname モデル

リスンされているイベント（イベント名 – トリガー）

processname:selected - processnamelist モデル
processname:instancesfetched - processnamelist モデル

NOTE

ProcessInstanceList は、インスタンスを取得および表示するプロセス名を示す ProcessNameList からのイベントを受け取ります。 ProcessInstanceList を独立して使用するには、別々にイベントトリガーをシミュレートします。

ProcessInstance processinstance

モデル

processinstance.js

表示

processnamelist.js 内の processname

テンプレート

processinstance.html

コンポーネントが必要

該当なし

JS の依存関係

tasklist モデル

リスンされているイベント（イベント名 – トリガー）

変更 — processinstance モデル

ProcessInstanceHistory processinstancehistory

モデル

processnamelist.js

表示

processinstancehistory.js

テンプレート

processinstancehistory.html

コンポーネントが必要

該当なし

JS の依存関係

processname モデル
履歴ユーティリティ

リスンされているイベント（イベント名 – トリガー）

processname:selected - processnamelist モデル
processinstance:selected - processinstancelist モデル
tasksFetched - processinstance モデル

NOTE

ProcessInstanceHistory は、どのプロセスインスタンスの履歴を表示するかを示す ProcessInstanceList からのイベントを受け取ります。この依存関係の他に、コンポーネントは独立して使用できます。

OutofOffice outofoffice

モデル

outofoffice.js

表示

outofoffice.js

テンプレート

outofoffice.html

コンポーネントが必要

UserSearch

JS の依存関係

ユーザー検索ビュー

リスンされているイベント（イベント名 – トリガー）

outOfOfficeSettingsFetched - outofoffice モデル
outOfOfficeSettingsSaved - outofoffice モデル
processesFetched - outofoffice モデル
principalSelected - principalsearch ビュー

NOTE

OutofOffice は単独で使用できます。

ShareQueue sharequeue

モデル

sharequeue.js

表示

sharequeue.js

テンプレート

sharequeue.html

コンポーネントが必要

UserSearch

JS の依存関係

ユーザー検索ビュー

リスンされているイベント（イベント名 – トリガー）

queueAccessGranted - sharequeue モデル
queueAccessRequested - sharequeue モデル
grantedUsersFetched - sharequeue モデル
accessibleUsersFetched - sharequeue モデル
queueAccessRevoked - sharequeue モデル
queueAccessRemoved - sharequeue モデル
principalSelected - principalsearch ビュー

NOTE

ShareQueue は単独で使用できます。

UISettings uisettings

モデル

uisettings.js

表示

uisettings.js

テンプレート

uisettings.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

preferencesFetched - uisettings モデル
settingUpdated - uisettings モデル

NOTE

UISettings は独立して使用できます。

AppNavigation appnavigation

モデル

appnavigation.js

表示

appnavigation.js

テンプレート

appnavigation.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされたイベント

該当なし

NOTE

AppNavigation は独立して使用できます。

UserInfo userinfo

モデル

userinfo.js

表示

userinfo.js

テンプレート

userinfo.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

userImageUrlFetched - userinfo モデル
sessionRenewed - userinfo モデル
sessionExpired - userinfo モデル

NOTE

UserInfo は独立して使用できます。

WSError wserror

モデル

wserror.js

表示

wserror.js

テンプレート

wserror.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

newWsError - wserror モデル

UserSearch usersearch

モデル

usersearch.js

表示

usersearch.js

テンプレート

usersearch.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

principalSearched - principalsearch モデル
outOfOfficeInfoFetched - usersearch モデル

SearchTemplate searchtemplate

モデル

searchtemplate.js

表示

searchtemplate (in searchtemplatelist.js)

テンプレート

searchtemplate.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

templateFetched- searchtemplate モデル

SearchTemplateList searchtemplatelist

モデル

searchtemplatelist.js

表示

searchtemplatelist.js

テンプレート

tracking.html （ルートフォルダー内）

コンポーネントが必要

該当なし

JS の依存関係

searchtemplate モデル

リスンされているイベント（イベント名 – トリガー）

change - searchtemplatelist モデル

SearchTemplateDetails searchtemplatedetails

モデル

searchtemplatelist.js

表示

searchtemplatedetails.js

テンプレート

searchtemplatedetails.html

コンポーネントが必要

該当なし

JS の依存関係

該当なし

リスンされているイベント（イベント名 – トリガー）

searchTemplate:selected - searchtemplate モデル

recommendation-more-help

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

再利用可能なコンポーネントの説明 description-of-reusable-components

TaskList tasklist

タスク task

FilterList filterlist

フィルター filter

TeamQueues teamqueues

TeamFilter teamfilter

TaskDetails taskdetails

CategoryList categorylist

カテゴリ category

StartPointList startpointlist

StartPoint startpoint

StartProcess startprocess

ProcessNameList processnamelist

ProcessName processname

ProcessInstanceList processinstancelist

ProcessInstance processinstance

ProcessInstanceHistory processinstancehistory

OutofOffice outofoffice

ShareQueue sharequeue

UISettings uisettings

AppNavigation appnavigation

UserInfo userinfo

WSError wserror

UserSearch usersearch

SearchTemplate searchtemplate

SearchTemplateList searchtemplatelist

SearchTemplateDetails searchtemplatedetails