| Ajaxフレームワーク UI部品リファレンス |
|
目次
索引
|
| 第2章 画面部品 | > 2.2 コンテナ部品 |
Panelは、タイトル部とボディ部でできている画面情報(コンテナ)を指定する部品です。
<div rcf:type="Panel" ... >
HTML要素
</div> |
子要素には、HTML要素およびUI部品を指定できます。子要素に定義されたHTML要素は、ボディ部の内容になります。
表の項目の意味は、“表の項目の意味”を参照してください。
|
名前 |
データ型 |
説明 |
省略 |
省略値 |
属性指定 |
更新 |
部分更新 |
|---|---|---|---|---|---|---|---|
|
label |
String |
タイトル部のラベルテキストを指定します。 |
可 |
"" |
値、バインド |
可 |
不可 |
部品共通のプロパティも指定できます。詳細は、“画面部品共通プロパティ”を参照してください。
|
パーツ名 |
プレフィックス |
クラス名 |
使用可能なスタイル |
|---|---|---|---|
|
部品全体 |
なし |
rcf-Panel |
|
|
タイトル部 |
title |
rcf-Panel-title |
|
|
ボディ部 |
body |
rcf-Panel-body |
|
注) widthのデフォルトは300pxです。
詳細は、“スタイルプロパティ”を参照してください。
部品全体のイベントリスナ
部品共通のイベントリスナを利用できます。部品共通のイベントリスナは、“画面部品共通イベントリスナ”を参照してください。
タイトル部のイベントリスナ
|
名前 |
説明 |
イベントオブジェクト |
|---|---|---|
|
onClickTitle |
タイトル部でマウスによりクリックされたときに呼ばれます。 |
|
|
onDblClickTitle |
タイトル部でマウスによりダブルクリックされたときに呼ばれます。 |
|
|
onMouseDownTitle |
タイトル部でマウスボタンが押し下げられたときに呼ばれます。 |
|
|
onMouseUpTitle |
タイトル部でマウスボタンが離されたときに呼ばれます。 |
|
|
onMouseOverTitle |
マウスがタイトル部の上に重ねられたときに呼ばれます。 |
|
|
onMouseOutTitle |
マウスがタイトル部の上から離れたときに呼ばれます。 |
|
|
onMouseMoveTitle |
マウスがタイトル部の上で動かされたときに呼ばれます。 |
ボディ部のイベントリスナ
|
名前 |
説明 |
イベントオブジェクト |
|---|---|---|
|
onClickBody |
ボディ部でマウスによりクリックされたときに呼ばれます。 |
|
|
onDblClickBody |
ボディ部でマウスによりダブルクリックされたときに呼ばれます。 |
|
|
onMouseDownBody |
ボディ部でマウスボタンが押し下げられたときに呼ばれます。 |
|
|
onMouseUpBody |
ボディ部でマウスボタンが離されたときに呼ばれます。 |
|
|
onMouseOverBody |
マウスがボディ部の上に重ねられたときに呼ばれます。 |
|
|
onMouseOutBody |
マウスがボディ部の上から離れたときに呼ばれます。 |
|
|
onMouseMoveBody |
マウスがボディ部の上で動かされたときに呼ばれます。 |
|
|
onKeyPressBody |
ボディ部内のHTML要素上でキーが押されて離されたときに呼ばれます。 |
|
|
onKeyDownBody |
ボディ部内のHTML要素上でキーが押し下げされたときに呼ばれます。 |
|
|
onKeyUpBody |
ボディ部内のHTML要素上でキーが離されたときに呼ばれます。 |
固有のJavaScript APIはありません。部品共通のJavaScript APIは、“画面部品共通JavaScript API”を参照してください。
Panelのサイズ
Panelのサイズについては、以下の注意事項があります。
フォーカスの設定
その他
|
目次
索引
|