機械翻訳について

独自のフィールド・テンプレートの作成

フィールド・テンプレートを使用して、動的フォームまたは表で実行時に特定のフィールドをどのようにレンダリングするかを構成します。

HTMLコンポーネントとVBコンポーネントの組合せを使用して、フィールドの表示方法を制御できます。 この単純な例を次に示します: ケースが未完了または非アクティブの場合は、ケースの上部に警告テキストを表示.

次にその方法を示します。

1. 「ケース・スポット・ライト(表示モード)」動的フォームを複製します(まだ実行していない場合)

   ノート: この形式は、スポット・ライト・リージョンが表示される読取り専用ケース要約形式です。
2. フォームの上部に警告テキストを表示するため、 StatusTypeCdフィールドを追加してレイアウトの上部に移動します。

3. フィールド・プロパティ・ペインで、テンプレートの横にある「作成」リンクをクリックします。 新しいフィールド・テンプレートが作成されます。

4. 「ラベル」フィールドにテンプレートの名前を入力します。 IDフィールドは自動移入されます。
   VBStudioデザイナが開きます。 ここで、テンプレートを設計できます。

   ノート: Live、Design、Codeというタブがあります。 この演習では、Codeタブをクリックします。 デザイン・タブに移動した場合は、エディタを使用してVBコンポーネントをドラッグ・アンド・ドロップし、テンプレートを定義できます。
5. 「コード」をクリックして、VBStudioによってデフォルト・テンプレートが作成されたことを確認します。 テンプレート・タグ内のコードを削除し、次のコードをテンプレート・タグ内に貼り付けます:

   <oj-bind-if test="[[ $value() === 'ORA_SVC_INACTIVE' ]]">
   	<oj-label-value>
   	  <div slot="value">
   		<span class="oj-text-color-warning">
   		  <oj-bind-text value="This case needs attention."></oj-bind-text>
   		</span>
   	  </div>
   	</oj-label-value> 
   </oj-bind-if>

6. <oj-bind-if> VB要素、<oj-label-value> VB要素、<div> HTML要素および<span> HTML要素を使用しました。
7. 次に、「設計」タブをクリックし、レイアウトに戻るをクリックします。
8. 警告テキストが新しく作成したテンプレートに関連付けられていることに注意してください。