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

2.1.1 UI部品

UI部品とは、クライアントで使用するAjaxフレームワークの部品群の総称です。
UI部品は、画面部品、機能部品、機能付加部品の3種類に分けられます。

■画面部品

画面部品は、画面に表示される機能を提供する部品群です。

それぞれの部品は、HTMLテンプレート(画面定義)、CSS(スタイル)、JavaScript(動作)から構成されています。HTMLに決められた記述方式で部品を指定すると、Webブラウザでの実行時に動的に指定された部品に展開され、その結果が表示されます。

以下の図に、画面部品の実装例を示します。

[図: 画面部品の実装例]

■機能部品

機能部品は、画面に表示されない機能を提供する部品群のうち、単体で使用できるものです。データモデルを定義したり、表の列を定義したりします。

■機能付加部品

機能付加部品は、画面に表示されない機能を提供する部品群のうち、画面部品に機能を付加するものです。入力フィールドへの入力時に文字列を補完するオートコンプリーション機能、フォーカス制御機能など、画面部品に対して機能を付加します。