機械翻訳について

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

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

HTMLコンポーネントとVBコンポーネントの組合せを使用して、フィールドの表示方法を制御できます。 この単純な例を次に示します: SRがクリティカルとマークされている場合は、SRの上部に赤いバナーを表示する必要があります.

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

1. 「サービス・リクエスト概要(表示モード)」動的フォームを複製します(まだ実行していない場合)

   ノート: この形式は、SR要約リージョンのSR詳細アイコンをクリックしたときが表示される読取り専用SR詳細形式です。

2. フォームの上部にバナーを表示するため、CriticalFlagフィールドをレイアウトの上部に移動します。

3. フィールド・プロパティ・ペインで、「上書き」リンクをクリックします。

   このリンクを使用すると、CriticalFlagフィールドのフィールド・テンプレートを上書きできます。 つまり、上書きによってテンプレート・プロパティが編集可能になります。 作成リンクも表示されます。

4. 「作成」リンクをクリックして、新しいテンプレートを作成します。

5. 「ラベル」フィールドにテンプレートの名前を入力します。 IDフィールドは自動移入されます。

   VBStudioデザイナが開きます。 ここで、テンプレートを設計できます。

6. 「作成」をクリックします。

   Live、Design、Codeというタブがあります。 この演習では、「コード」タブをクリックします。

   デザイン・タブに移動した場合は、エディタを使用してVBコンポーネントをドラッグ・アンド・ドロップし、テンプレートを定義できます。

7. 「コード」をクリックして、VBStudioによってデフォルト・テンプレートが作成されたことを確認します。 テンプレート・タグ内のコードを削除し、次のコードをテンプレート・タグ内に貼り付けます:

   		<of-bind-if
   			test="[[$value]]">
   			<oj-label-value colspan="6">
   			<div slot="value" style="background:red">
   				<span id="criticalBadge" style="color:white;padding:2px">
   					<of-bind-text value="Critical SR. Resolve in 6 hours">
   					</oj-bind-text>
   				</span>
   			</div>
   			</oj-label-value>
   		</oj-bind-if

8. <ob-bind-if> VB要素、<oj-label-value> VB要素、<div> HTML要素および<span> HTML要素を使用しました。

9. 次に、「設計」タブをクリックし、レイアウトに戻るをクリックします。

10. CriticalFlagが新しく作成されたテンプレートに関連付けられていることに注意してください。