1.2 UI部品一覧

画面部品

画面部品は、テキスト入力フィールドや、テーブルなど画面に表示される部品群です。HTMLに決められた記述方式で部品を指定すると、Webブラウザでの実行時に動的に指定されたコンポーネントに展開され、その結果が表示されます。
以下に画面部品の一覧を示します。

表1.1 画面部品一覧
名前	概要
Text	テキストを表示する部品です。 HTMLの<span>テキスト</span>に相当する部品です。
TextInput	単一行のテキストを入力および編集するための部品です。 HTMLの<input type="text" value="値">および<input type="password" value="値">に相当する部品です。
CheckBox	オンまたはオフの状態を表すチェックボックス部品です。 HTMLの<input type="checkbox" value="値">に相当する部品です。
RadioButton	ラジオボタン部品です。 HTMLの<input type="radio" value="値">に相当する部品です。
Button	ボタン部品です。 HTMLの<button type="タイプ名">に相当する部品です。 HTMLのbutton要素と同様に、子要素としてHTMLの構造をもつことができ、画像ボタンも使用できます。
TextArea	単一行または複数行のテキストを、入力および編集するための部品です。 HTMLの<textarea>に相当する部品です。
Select	単一選択および複数選択が可能な選択リスト部品です。 HTMLの<select> <option>に相当する部品です。
ComboBox	入力フィールドと選択リストから構成され、項目の選択および選択されている項目の表示を行う部品です。入力フィールドに対して直接テキストを入力することもできます。
DateInput	TextInputの一種であり、日付および時間データを、入力および編集するための部品です。
NumberInput	TextInputの一種であり、数値を入力および編集するための部品です。
MaskedTextInput	TextInputの一種であり、フォーマットパターンを設定して、穴埋め方式でテキストを入力および編集するための部品です。 (注) Internet Explorerでだけ利用できます。
MaskedDateInput	TextInputの一種であり、日時のフォーマットパターンを設定して、入力文字を数字だけに制約し、穴埋め方式でテキストを入力および編集するための部品です。 (注) Internet Explorerでだけ利用できます。
SelectList	単一選択および複数選択が可能な選択リスト部品です。項目の表示内容をテキスト以外のものにカスタマイズすることができます。
CheckList	チェックボックス付きのリスト部品です。
ViewContainer	汎用コンテナ部品です。子要素にHTML要素を持つことができ、それらをまとめて部品として扱うことができます。 ViewContainer自体は表示部分を持ちません。
Panel	タイトル部、ボディ部から成り立っているタイトルバー付きコンテナ部品です。子要素にHTML要素を持つことができ、子要素に定義された内容はボディ部の内容となります。
ViewStack	同じ位置で表示切替えを行う場合に利用する部品です。複数の画面情報(コンテナ)を持つことができ、同じ位置で切替え表示を行います。
TabPanel	タブにより表示切替えを行う場合に利用する部品です。複数の画面情報(コンテナ)を持つことができ、タブにより切替え表示を行います。
FragmentContainer	ページ表示後、任意のタイミングで外部から画面情報を読み込み表示するためのコンテナ部品です。
Window	ブラウザ内で移動(ドラッグ)可能な内部ウィンドウ部品です。
TableView	2次元のデータを表形式で表示する部品です。昇順、降順でソートすることができます。
TableEdit	2次元のデータを表形式で表示し、編集することもできる部品です。
DataGrid	2次元のデータを表形式で表示し、編集することもできる部品です。テーブル内にチェックボックスやツリーなどの表示ができます。 (注) Internet Explorerでだけ利用できます。
ViewColumn	TableViewおよびTableEditのテーブルで列を定義する部品です。
ViewColumnGrid	DataGridのテーブルで列を定義する部品です。 (注) Internet Explorerでだけ利用できます。
ViewColumnGroup	ViewColumnおよびViewColumnGridをグループ化する部品です。
ViewColumnCheck	DataGridのテーブルで指定した列にチェックボックスを配置する部品です。 (注) Internet Explorerでだけ利用できます。
ViewColumnTree	DataGridのテーブルで指定した列にツリー展開用のボタンを配置する部品です。 (注) Internet Explorerでだけ利用できます。
ViewColumnSelect	DataGridのテーブルで指定した列にプルダウン(リストボックス)を配置する部品です。 (注) Internet Explorerでだけ利用できます。
ViewColumnImage	DataGridのテーブルで指定した列に画像ファイルを配置する部品です。 (注) Internet Explorerでだけ利用できます。
Calendar	カレンダを表示し、日付の選択もできる部品です。
PopupCalendar	ダイアログ表示するカレンダ部品です。
CalendarButton	PopupCalendarを表示するボタン部品です。PopupCalendarと組み合わせて利用します。
TreeView	ツリー形式で項目リストを表示する部品です。
ScrapingView	Webアプリケーションからスクレイピングしたコンテンツを表示する部品です。
ContextMenu	マウスの右クリックによりコンテキストメニューを表示する部品です。

機能部品

機能部品は、画面に表示されない機能を提供し、単体で使用できます。
以下に機能部品の一覧を示します。

表1.2 機能部品一覧
名前	概要
Model	データモデルを定義する部品です。
TreeModel	TreeViewで使用するデータモデルを定義する部品です。
MenuModel	ContextMenuで使用するデータモデルを定義する部品です。

機能付加部品

機能付加部品は、画面部品に機能を付加します。
以下に機能付加部品の一覧を示します。

表1.3 機能付加部品一覧
名前	概要
AutoCompleter	オートコンプリーション機能部品です。入力フィールドにオートコンプリート機能を付加します。
Limiter	入力文字制限機能部品です。入力フィールドに入力する文字に制限を付加します。 (注) Internet Explorerでだけ利用できます。
NumeralOnlyLimiter	Limiterの一種であり、入力文字を数値だけに制限する機能部品です。 (注) Internet Explorerでだけ利用できます。
EnableCharTypeLimiter	Limiterの一種であり、指定された有効文字種により検証を行う機能部品です。 (注) Internet Explorerでだけ利用できます。
ValidationHelper	検証を行うトリガとなるイベントを指定し、そのイベント発生時にデータの検証を実行する機能部品です。
FocusManager	フォーカス制御機能部品です。フォーカス移動の順序、およびフォーカス移動のためのキー操作を定義します。
CheckBoxGroup	チェックボックスグループ定義部品です。複数のチェックボックスを1つのグループとして登録します。
RadioButtonGroup	ラジオボタングループ定義部品です。複数のラジオボタンを1つのグループとして登録します。