レガシー・プラットフォーム

Sterling Store Engagement をカスタマイズするためのユーティリティー

オンラインで編集

ias.utils を他のプラットフォーム・ユーティリティーとともに使用して、 Sterling Store Engagement 画面をカスタマイズできます。

カスタマイズされた画面をアプリケーションに追加して表示する

アプリケーション内のカスタマイズされた画面は、エディター、ウィザード、ポップアップ・ウィンドウなどで追加および表示することができます。 通常、カスタマイズされた画面を追加および表示するために使用されるユーティリティーは、 ControllerUtils、 BaseUtils、および WizardUtilsです。 例えば、エディターで画面を開くには、 ControllerUtilsで提供されているメソッドを使用します。 エディターでウィザードを開くには WizardUtilsを使用し、ポップアップ・ウィンドウで画面を開くには BaseUtilsを使用します。 最も一般的に使用されるメソッドは、 openScreenInEditor、 openWizardInEditor、 continueOpeningInEditor、および UIUtils.openSimplePopupです。 他のメソッドの使用について詳しくは、 JavaScript の資料を参照してください。

ias.utils.openWizardInEditorを検討してください。 新しいエディターで openWizardInEditor ウィザードが開きます。 この方法では、 EditorMap.json ファイルを読み取って、Web 環境およびモバイル環境で使用するエディターを決定します。

デフォルトでは、 EditorMap.json ファイルは <INSTALL_DIR>/repository/eardata/wsc/war/wsc/common/ ディレクトリーにあります。 実行時に、 EditorMap.json ファイルを extn/wsc/webpages/wsc/common/ ディレクトリーにコピーします。 WAR または EAR をビルドし、それをデプロイして変更を検証します。 EditorMap.json ファイルからのコード・スニペットは以下のとおりです。
Entities: {
		"wsc.components.shipment.container.pack.ContainerPackWizard": {
		    "WebEditorId":"wsc.desktop.editors.ShipmentEditor",
			"MobileEditorId": "wsc.mobile.editors.MobileEditor",
			"MobileTitle":"Title_ContainerPack",
			"RemoveFromMobileStack":true
			
		},
ここで、
  • WebEditorId: Web 環境で使用するエディターを定義します。
  • MobileEditorId: モバイル環境で使用するエディターを定義します。
  • MobileTitle: モバイル画面に表示するタイトルを定義します。 この属性は、モバイル環境にのみ適用されます。 これが定義されていない場合は、
  • RemoveFromMobileStack: ユーザーが再びナビゲートしようとしたときに、現在のウィザードを再オープンするかどうかを決定します。 バックルーム・ピック・フローを検討します。 バックルーム・ピックが完了すると、「出荷サマリー」画面が表示されます。 ただし、「戻る」ボタンをクリックすると、プロセスが完了するため、バックルーム・ピック・フローは再起動されません。 そのため、 RemoveFromMobileStack が true の場合は、バックルーム・ピック・ウィザードが再起動されないことを示します。
同様に、カスタム・エンティティーの項目を追加できます。