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

ウィジェットの追加

1 つの画面に複数のウィジェットを追加できます。 ウィジェットを追加するときに、必要に応じてウィジェットを再配置することもできます。

手順

  1. Sterling™ Store Engagement (レガシー) にログインしてください。 「ホーム」ページが開きます。
  2. アプリケーションのヘッダーから、 開発ツールアイコン 画面またはパネルのカスタマイズ をクリックし、リストから Customize を選択します。

    あるいは、 「アウトラインからカスタマイズ」を選択することもできます。 「拡張する画面の選択 (Select screen to Extend)」 ウィンドウが開きます。 現在の画面に表示されている画面のリストが表示されます。 例えば、 「オーダーの検索」 画面を開くと、ツリーには「オーダーの検索」、「オーダー・リスト」画面などがこの画面に表示されます。

    ツリーから、カスタマイズする画面を選択し、 「画面の拡張」をクリックします。
    注:
    • 選択した画面をカスタマイズできない場合は、該当するメッセージが表示されます。
    • カスタマイズ・オプションを使用して、iframe を含む画面 (「PDF コンテナーの印刷」画面など) をカスタマイズすることはできません。
    • 同じ画面の複数のインスタンスが見つかった場合、デフォルトでは、画面の最初のインスタンスがカスタマイズ用に選択されます。
  3. ウィジェットを追加する画面を選択します。
    注:
    • 拡張機能を追加するために特定の画面を選択した後は、他の画面を選択することはできません。 別の画面を選択するには、 「閉じる」をクリックします。
    • 選択した画面に拡張機能を適用できない場合は、該当するメッセージが表示されます。
  4. 必要に応じて、 「レイアウト」 タブをクリックします。

    デフォルトでは、「レイアウト」タブが選択されています。

  5. 「ウィジェット・パレット」 パネルで、ウィジェットを選択して 「画面アウトライン」 パネルにドラッグし、ウィジェットを適切な位置に配置します。 「< 選択された幅>: 基本プロパティー」 ウィンドウが開きます。
    注: 選択したウィジェットを位置決めしている間、緑色はそのウィジェットを選択した位置に配置できることを示します。 赤色は、選択した位置にウィジェットを配置できないことを示します。 また、選択したウィジェットをウィジェットの前、後、またはウィジェット内に配置することで、ウィジェットを再配置することもできます。
  6. 「固有 ID」 フィールドに、ウィジェットの固有 ID を入力します。
  7. 画面に複数のウィジェットを追加する場合は、 「適用」 をクリックして変更を表示します。

    カスタマイズ中にエラーが発生した場合は、 「問題」 タブにエラー・ログが表示されます。 警告メッセージ (ある場合) を表示するには、 「問題」 タブをクリックします。

    以下の表に、必須および最小のウィジェット・プロパティーを示します。
    表 1. ウィジェットのプロパティーと説明
    ウィジェット・プロパティー メタデータ名 説明
    編集可能なウィジェット
    チェック・ボックス
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルです。
    チェックされた値 CheckedValue 「バインディング」タブに表示されます。 選択されたときにチェック・ボックスによってデータが設定される値が表示されます。
    チェックされていない値 UncheckedValue 「バインディング」タブに表示されます。 クリアされたときにチェック・ボックスによってデータが設定される値が表示されます。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    チェック・ボックス・リスト
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    ソース SourceBinding 画面にデータを表示します。 すべてのウィジェットのソース・バインディングを追加することをお勧めします。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。 すべてのウィジェットにターゲット・バインディングを追加することをお勧めします。
    オプション OptionsBinding 「バインディング」タブに表示されます。 データのすべてのチェック・ボックスを表示します。
    日付テキスト・ボックス
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    フィルタリング選択
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    オプション OptionsBinding 「バインディング」タブに表示されます。 ウィジェットに適用可能なすべてのオプションを表示します。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    番号テキスト・ボックス
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    ソース SourceBinding 画面にデータを表示します。 すべてのウィジェットのソース・バインディングを追加することをお勧めします。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。 すべてのウィジェットにターゲット・バインディングを追加することをお勧めします。
    ラジオ・ボタン・セット
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    オプション OptionsBinding 「バインディング」タブに表示されます。 ウィジェットに適用できるすべてのラジオ・ボタンを表示します。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    テキスト域
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    テキスト・ボックス
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    通貨テキスト・ボックス
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    通貨 CurrencyBinding 通貨記号を表示します。
    編集不可ウィジェット
    ボタン
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    onClick イベント 適用外 「イベント」タブに表示されます。 このイベントは、画面上のボタンをクリックすると呼び出されます。
    データ・ラベル
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    ソース SourceBinding 「バインディング」タブに表示されます。 ラベルを表示します。
    注: label 属性は使用しないでください。
    フィールド・ラベル ラベル ウィジェットのラベルを表示します。
    値 値 ラベルの表示テキストを指定します。
    ラベル
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    値 値 ラベルの表示テキストを指定します。
    隠しフィールド    
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    ソース SourceBinding 画面にデータを表示します。 すべてのウィジェットのソース・バインディングを追加することをお勧めします。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。 すべてのウィジェットにターゲット・バインディングを追加することをお勧めします。
    画像
    画像 ImageBinding 「バインディング」タブに表示されます。 レンダリングするデータからのイメージの詳細を指定します。
    リンク
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    値 値 リンクの表示テキストを指定します。
    ソース SourceBinding 「バインディング」タブに表示されます。 データからのリンクの表示テキストを指定します。
    onClick イベント 適用外 「イベント」タブに表示されます。 このイベントは、リンクをクリックすると呼び出されます。
    コンテナ―
    コンテンツ・ペイン

    コンテンツ・ペイン内に少なくとも 1 つのウィジェットを追加することをお勧めします。
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    サポートされるレイアウト 適用外 テーブル・レイアウトのみがサポートされています。 テーブル・レイアウトを追加するには、 「追加」 ボタンをクリックします。 拡張で追加された新規ウィジェットのテーブル・レイアウトを追加できます。 テーブル・レイアウトを追加した後に、それを削除することはできません。
    フィールド ・タイトル タイトル 「タブ・コンテナー」内にタブを追加すると、そのタブのタイトルが表示されます。
    反復画面 ID repeatingscreenID データに基づいて繰り返し表示される画面の ID。
    反復画面データ 適用外 Repeating Screen ID ウィジェット・プロパティーを使用して指定された画面にデータを取り込む「バインディング」タブに表示されます。
    テーブル・レイアウト: 列 列 テーブル・レイアウト内の列数。
    テーブル・レイアウト: 反復画面 ID repeatingscreenID データに基づいて繰り返し表示される画面の ID。
    テーブル・レイアウト: 反復画面データ 適用外 Repeating Screen ID ウィジェット・プロパティーを使用して指定された画面にデータを取り込む「バインディング」タブに表示されます。
    タブ・コンテナー

    少なくとも 1 つの コンテンツ・ペイン を子ウィジェットとして追加し、適切なプロパティーを入力します。
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    タイトル・ペイン
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    フィールド ・タイトル タイトル パネルに指定されたタイトルを表示します。
    サポートされるレイアウト 適用外 テーブル・レイアウトのみがサポートされています。 テーブル・レイアウトを追加するには、 「追加」 ボタンをクリックします。 拡張で追加された新規ウィジェットのテーブル・レイアウトを追加できます。 テーブル・レイアウトを追加した後に、それを削除することはできません。
    テーブル・レイアウト: 列 列 テーブル・レイアウト内の列数。
    テーブル・レイアウト: 反復画面 ID repeatingscreenID データに基づいて繰り返し表示される画面の ID。
    テーブル・レイアウト: 反復画面データ 適用外 Repeating Screen ID ウィジェット・プロパティーを使用して指定された画面にデータを取り込む「バインディング」タブに表示されます。
    特殊ウィジェット
    画面参照
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    packageName packageName 画面のパッケージ名。これは必須です。
    className className 画面のクラス名。これは必須です。
    ソース・マッピング SourceMapping 「バインディング」タブに表示されます。このタブは、親画面からデータを取り込むための順方向バインディングです。
    ターゲット・マッピング TargetMapping 「バインディング」タブに表示されます。このタブは、親画面にデータを送信するために使用される順方向バインディングです。
    ハンドル初期化 handleInit 画面参照内の画面が自動的に初期化されるかどうかを示します。 このウィジェット内でカスタム画面をロードするときは、必要に応じて値が falseに設定されていることを確認してください。 デフォルトでは、この値は falseに設定されています。
    動的ロード dynamicLoading ウィジェットのコンテンツがカスタム・コードを使用してロードされるかどうかを示します。 値が trueに設定されている場合、ウィジェットのロード時にコンテンツは表示されません。 ウィジェットのコンテンツを表示するには、必ず ControllerUtils.showChildScreen() メソッドおよび ScreenUtils.showChildScreen() メソッドを使用してカスタム・コードを作成してください。
    グリッド   デフォルトでは、1 つの GridColumn が追加されます。 GridColumn,を編集し、適切なプロパティを入力することができます。
    固有 ID uId 必須: ウィジェットの一意の識別子。 ID の前に extn_を付けます。
    noDataMessage noDataMessage データが見つからない場合に該当するメッセージを表示します。
    モジュール 適用外 モジュールは、さまざまな動作を制御したり、グリッドの単一行選択や複数行選択などの機能を制御したりします。 モジュールについて詳しくは、 JavaScript の資料を参照してください。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    グリッド列
    フィールド フィールド 「バインディング」タブに表示されます。 列データに対応する列の固有属性。
    ソース SourceBinding 画面にデータを表示します。
    ターゲット TargetBinding 画面からマッシュアップにデータを送信します。
    列名 名前 列ヘッダーを表示します。
    非表示 非表示 グリッド内の列を非表示にします。
    編集可能 編集可能 列を編集可能としてマークするために使用します。 グリッドにも編集可能のマークが付けられていることを確認します。
    エディター・タイプ widgetType ウィジェット・タイプは、セルが編集可能モードの場合に表示されます。
    エディターのプロパティー EditorProps ウィジェット・タイプに渡されるプロパティー。 例えば、必須のマークを付ける場合は、プロパティーが requiredとして選択されていることを確認し、 Booleanと入力し、値 trueを入力します。
  8. すべての拡張機能を保存するには、 「保存」 をクリックします。
    注: 拡張機能を保存した後、アプリケーションを最新表示または再ロードすることをお勧めします。
  9. 「閉じる」をクリックします。