ドキュメントAEMAEM チュートリアルAEM Forms のチュートリアル

カスタム関数とコードエディターの使用

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用対象:
  • Experience Manager 6.4
  • Experience Manager 6.5
  • トピック:
  • アダプティブフォーム

作成対象:

  • 初心者
  • 開発者

ここでは、カスタム関数とコードエディターを使用して、ビジネスルールを作成します。

このチュートリアルで既に、カスタム関数を使用して ClientLib をインストールしています。

通常、クライアントライブラリは CSS と JavaScript ファイルで構成されます。 このクライアントライブラリには、コンボボックス値を入力する関数を公開する javascript ファイルが含まれています。

ドロップダウンリストに入力する関数

video poster

https://video.tv.adobe.com/v/326877?quality=12&learn=on&captions=jpn

パネルの概要タイトルを設定する

video poster

https://video.tv.adobe.com/v/35439?quality=12&learn=on&captions=jpn

パネルを検証する

video poster

https://video.tv.adobe.com/v/35438?quality=12&learn=on&captions=jpn

次に、パネルのフィールドを検証するためのコードを示します

//debugger;
var errors =[];
var fields ="";
var currentPanel = guideBridge.getFocus({"focusOption": "navigablePanel"});
window.guideBridge.validate(errors,currentPanel);
console.log("The errors are "+ errors.length);
if(errors.length===0)
{
        window.guideBridge.setFocus(this.panel.somExpression, 'nextItem', true);
}
else
  {
    for(var i=0;i<errors.length;i++)
      {
        var fields = fields+guideBridge.resolveNode(errors[i].som).title+" , ";
      }
        window.confirm("Please fill out  "+fields.slice(0,-1)+ " fields");
  }

1 行目のコメントアウトを解除すると、ブラウザーウィンドウでコードをデバッグできます。

4 行目 - 現在のパネルを取得します

5 行目 - 現在のパネルを検証します。

9 行目 - エラーがない場合は、次のパネルに移動します

フォームをプレビューし、新しく有効にした機能をテストします。

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e