Ajaxフレームワーク ユーザーズガイド

2.5.1 画面情報定義部

画面情報定義部では、HTMLの<div>タグまたは<span>タグを利用して、Ajaxフレームワークが提供するUI部品の使用を宣言します。

<div>タグと<span>タグでは、以下のように、改行の挿入方法が異なります。

• <div>タグ
  部品の前後に改行が挿入される
• <span>タグ
  部品の前後に改行が挿入されない

UI部品を使用するための記述方法の詳細は、“UI部品リファレンス”を参照してください。

以下に、定義例を示します。

// TextInputを表示する場合の定義例
<div rcf:id="engineStr" rcf:type="TextInput" rcf:value="{model1.engine}"></div>
<span rcf:id="engineStr" rcf:type="TextInput" rcf:value="{model1.engine}"></span>

上記例では、“engineStr”というIDで“TextInput”部品を定義しています。“TextInput”部品は、UI部品が提供する画面部品の1つです。
また、ユーザデータとバインディングするために、valueとして“model1.engine”を記述しています。
model1は、“ユーザデータの定義”で定義したように、inputDataであるため、そのengineプロパティが結びついていることになります。

使用する部品によっては、<div>タグと<span>タグのどちらか一方の記述しかできない場合があります。詳細は、“UI部品リファレンス”を参照してください。