| Ajaxフレームワーク ユーザーズガイド |
|
目次
索引
|
| 第2章 クライアントフレームワーク | > 2.6 その他の定義 |
複数の画面から共通に使用するHTML/JSPファイルは、外部ファイルに作成します。
外部ファイルで作成できる機能は以下のとおりです。
外部ファイルの作成方法は、Interstage Studioを利用する場合は“ユーザロジック定義の作成”を、Eclipseを利用する場合は“ユーザロジック定義の作成(Eclipse)”を参照してください。
以下に、外部ファイルの定義例を示します。この例のように、外部ファイルには、<html><head><body>といった、htmlの構造を表すタグは使用しません。
<%@ page contentType= "text/html; charset=UTF-8" %>
<!-- Javaスクリプト -->
<script type="text/javascript">
//<![CDATA[
// ユーザデータ定義、イベント定義、ユーザロジック定義を記述
//]]>
</script>
<!-- 画面情報定義部 -->
<div>
伝票番号 <span rcf:id="number" rcf:type="NumberInput" rcf:number="{searchDataModel.number}"></span>
<div rcf:id="searchButton" rcf:type="Button" rcf:value="search">検索</div>
</div>
<!-- 機能定義部 -->
<div rcf:id="searchDataModel" rcf:type="Model" rcf:object="searchData"></div> |
作成した外部ファイルは、FragmentContainer部品で使用します。rcf:src属性に外部ファイルを指定してください。
以下に、ViewStack部品で複数のFragmentContainer部品を切り替えて使用する例を示します。
FragmentContainer部品の使用方法の詳細は、“UI部品リファレンス”を参照してください。
<div rcf:id="viewStack" rcf:type="ViewStack" rcf:selectedIndex="0" rcf:height="270px"> <!-- 入力画面 --> <div rcf:id="dataInputContainer" rcf:type="FragmentContainer" rcf:src="dataInputContainer.jsp"></div> <!-- 一覧画面 --> <div rcf:id="listViewContainer" rcf:type="FragmentContainer" rcf:src="listViewContainer.jsp"></div> <!-- 検索画面 --> <div rcf:id="searchContainer" rcf:type="FragmentContainer" rcf:src="searchContainer.jsp"></div> </div> |
外部ファイルの文字コードは、その外部ファイルを使用するFragmentContainer部品を定義したファイルと同じコードでなければなりません。
|
目次
索引
|