カスタム HTML

カスタム HTML 項目には、<div> タグおよび <label> タグなどの HTML エレメントの 1 つ以上のセットを含めることができます。 管理対象ファイルまたは変数を使用することにより、HTML コードをテキストとして 直接追加できます。 カスタム HTML 項目は、ページまたはビューの <div> タグ内にエレメントを挿入します。 表、タブ、水平セクション、垂直セクションのビューなどのコンテナーでカスタム HTML 項目を使用している場合は、HTML コードを <div> タグで囲んでください。 HTML コードを囲むことで、コンテナーはすべての HTML コードを単一のエンティティーとして扱います。

コード内では、変数は二重中括弧で囲みます。 ページでは、変数は tw.local 名前空間のデータのみ参照できます。 すなわち、変数は、ヒューマン・サービスの「変数」ページで、ローカル・ノードの下に定義されているデータを参照できます。 例えば、ユーザーの名前が含まれた name パラメーターを持つ user ビジネス・オブジェクト変数がページにあるとします。 HTML 項目で以下のコードを指定することにより、ページでその名前を表示することができます。

<div>Hello, {{tw.local.user.name}}.</div>

ビューでは、変数は tw.businessData または tw.options 名前空間のデータを参照できます。 すなわち、変数は、ビューの「変数」ページで、「ビジネス・データ」または「構成オプション」ノードの下に定義されているデータを参照できます。 例えば、ビューに通りの名前を表示したい場合、street という名前のパラメーターを持つ address ビジネス・オブジェクトにビューをバインドします。 HTML 項目で、以下のコードを追加します。

{{tw.businessData.address.street}}

当該ビューのインスタンスをページに配置すると、street パラメーターの値がビューに表示されます。 ただし、ユーザーが street パラメーターを更新すると、サーバーがページ全体を再生成するまで、HTML 項目の内容は更新されません。