プロセスチェーン

概要

プロセスチェーンコンポーネントは、現在実行可能なステップ、完了したステップ、未完了のステップを含むすべてのステップのステータス情報を 1 つのプロセスで提供します。 特徴は以下のとおりです。

1. 現在実行可能なすべてのステップを表示します。または、最初のステップ、最後のステップ、現在のステップ、前のステップ、次のステップなど、有用なステップのみ表示します。

2. プロセスチェーンの形状（円または線）を変更します。

3. プロセスチェーンの向き（横または縦）を変更します。

使用方法

以下のコードを使用して、プロセスチェーンコンポーネントをページに含めることにより、任意のウィジェットにコンポーネントを統合できます。

       <ic:com.axonivy.portal.components.ProcessChain id="process-chain-circle-horizontal" componentId="component-circle-horizontal" shape="CIRCLE" direction="HORIZONTAL"
isShowAllSteps="false" actualStepIndex="0" steps="#{['Step 1','Step 2','Step 3','Step 4','Step 5','Step 6','Step 7','Step 8','Step 9']}" />

1. 以下のパラメーターを設定する必要があります。

   • actualStepIndex ：現在のステップのインデックスです。

   • steps ：作業中のステップのリストです。

2. 以下のパラメーターを変更できます。

   • 要件に応じて shape を CIRCLE または LINE に変更します。初期値は CIRCLE です。

   • direction を HORIZONTAL または VERTICAL に変更します。初期値は HORIZONTAL です。

   • isShowAllSteps を TRUE または FALSE に変更します初期値は FALSE です。

Name	Default	Type	Description
componentId	process-chain-component-id	String	The component identifier.
steps			List of step in the process chain.
actualStepIndex	0	Integer	Actual step index or current step index.
direction	HORIZONTAL	String	Direction of process chain: VERTICAL, HORIZONTAL.
shape	CIRCLE	String	Shape of process chain: CIRCLE, LINE.
isShowAllSteps	false	Boolean	Show all steps of the process chain.

スタイルをカスタマイズしたい場合は、スタイルのカスタマイズ を参照してください。

非推奨のプロセスチェーンからの移行

• HTML ファイルのコードを置き換えます。 ch.ivy.addon.portalkit.singleapp.process.ProcessChain を com.axonivy.portal.components.ProcessChain に置き換えてください。