ページの先頭行へ戻る
Interstage Interaction Manager V10 Ajaxフレームワーク UI部品リファレンス
Interstage
第2章 画面部品 > 2.2 コンテナ部品 > 2.2.6 Window
前次

2.2.6 Window

Windowは、ブラウザ内で移動可能な内部ウィンドウを指定する部品です。

注意

本部品は、デフォルトでは不可視です。可視化するには、showメソッドまたはshowWindowプロパティを利用します。詳細は、「5.1.10 Window、PopupCalendar部品を自動的に表示させる場合」を参照してください。

表示例

本部品で指定可能な項目を以下に示します。

記述形式

<div rcf:type="Window" rcf:top="100px" rcf:left="200px" ... >
    HTML要素
</div>

ポイント

子要素には、HTML要素およびUI部品を指定できます。子要素に定義されたHTML要素は、ボディ部の内容になります。

プロパティ

表の項目の意味は、「Text」の「プロパティ」を参照してください。

名前

データ型

説明

省略

省略値

属性指定

更新

部分更新

closeButton

Boolean

右上の閉じるボタンを表示するかどうかを指定します。

  • true:表示する

  • false:表示しない

可

false

値

不可

不可

mode(注)

Number

画面モードを指定します。

  • 0:モードレス

  • 1:モーダル

  • 2:モーダル(Window外クリック時に閉じる)

可

0

値

不可

不可

resizable

Boolean

ウィンドウサイズの変更可否を指定します。

  • true:変更可
    Window右下角をドラッグすることで、枠サイズを変更可能

  • false:変更不可

可

false

値

不可

不可

closeButtonImage

Object

ボタンのイメージを指定するオブジェクトを指定します。オブジェクト構造は、ComboBoxのbuttonImageプロパティの指定形式と同じです。

可

標準の画像

値

不可

不可

label

String

タイトル部のラベルテキストを指定します。

可

""

値、バインド

可

不可

showWindow

Boolean

Windowの表示/非表示を切り替えます。動作はshowメソッド/hideメソッドに相当します。

  • true: 表示

  • false: 非表示

可

false

値

可

不可

注) mode=1または2の場合、以下の注意事項があります。

部品共通のプロパティも指定できます。詳細は、「2.8.1 画面部品共通プロパティ」を参照してください。

スタイルプロパティ

パーツ名

プレフィックス

クラス名

使用可能なスタイル

部品全体

なし

rcf-Window

  • サイズ(注1)

  • カラー

  • ボーダー

  • パディング

  • top(Window左上X座標) (注2)

  • left(Window左上Y座標) (注2)

  • zIndex (注3)

タイトル部

title

rcf-Window-title

  • サイズ(widthを除く)

  • カラー

  • ボーダー

  • パディング

ボディ部

body

rcf-Window-body

  • カラー

  • フォント

  • テキスト

  • ボーダー

  • パディング

  • オーバーフロー

タイトルラベル部

titleLabel

rcf-Window-titleLabel

  • カラー

  • フォント

  • テキスト(word-spacing、letter-spacing、white-spaceを除く) (注4)

閉じるボタン部

closeButton

rcf-Window-closeButton

  • サイズ

注1) widthのデフォルトは300pxです。
注2) top、leftのデフォルトは共に0pxです。
注3) zIndexのデフォルトは、モーダルおよびwindow外クリックで閉じる場合が20000、モードレスの場合が10000です。
注4) white-spaceの値はnowrapで、変更できません。

詳細は、「2.9 スタイルプロパティ」を参照してください。

ポイント

APIでWindow位置を変更する場合は、setStyleメソッドを利用します。

例

window1.setStyle("top", "100px");
window1.setStyle("left", "100px");

図2.14 Windowの部品構成

イベントリスナ

Panelのイベントリスナを利用できます。詳細は、「2.2.2 Panel」の「イベントリスナ」を参照してください。
Windowのパーツごとの部品共通のイベントリスナを利用できます。部品共通のイベントリスナは、「2.8.2 画面部品共通イベントリスナ」を参照してください。

タイトルラベル部のイベントリスナ

名前

説明

イベントオブジェクト

onClickTitleLabel

タイトルラベル部でマウスによりクリックされたときに呼ばれます。

ActionEvent

onDblClickTitleLabel

タイトルラベル部でマウスによりダブルクリックされたときに呼ばれます。

onMouseDownTitleLabel

タイトルラベル部でマウスボタンが押し下げられたときに呼ばれます。

onMouseUpTitleLabel

タイトルラベル部でマウスボタンが離されたときに呼ばれます。

onMouseOverTitleLabel

マウスがタイトルラベル部の上に重ねられたときに呼ばれます。

onMouseOutTitleLabel

マウスがタイトルラベル部の上から離れたときに呼ばれます。

onMouseMoveTitleLabel

マウスがタイトルラベル部の上で動かされたときに呼ばれます。

閉じるボタン部のイベントリスナ

名前

説明

イベントオブジェクト

onClickCloseButton

閉じるボタン部でマウスによりクリックされたときに呼ばれます。

ActionEvent

onMouseDownCloseButton

閉じるボタン部でマウスボタンが押し下げられたときに呼ばれます。

onMouseUpCloseButton

閉じるボタン部でマウスボタンが離されたときに呼ばれます。

onMouseOverCloseButton

マウスが閉じるボタン部の上に重ねられたときに呼ばれます。

onMouseOutCloseButton

マウスが閉じるボタン部の上から離れたときに呼ばれます。

onMouseMoveCloseButton

マウスが閉じるボタン部の上で動かされたときに呼ばれます。

マウスでのダブルクリックによるイベントについては、「5.2.1 マウスのダブルクリックによるイベントでの注意事項」を参照してください。

JavaScript API

固有のJavaScript APIはありません。部品共通のJavaScript APIは、「2.8.3 画面部品共通JavaScript API」を参照してください。

ポイント

Windowは、デフォルトでは不可視です。
本部品の表示/非表示は、showWindowプロパティ、または画面部品共通APIのshowメソッドおよびhideメソッドを利用してください。showメソッドおよびhideメソッドの詳細は、「2.8.3 画面部品共通JavaScript API」を参照してください。

補足事項

Windowのサイズ
Windowのサイズについては、以下の注意事項があります。

Windowの配置

zIndex
Windowの最前面の描画は、zIndexの仕組みを利用します。複数のWindow部品がある場合や、ほかの部品でzIndexを指定している場合などは、zIndexの値が大きいものから前面に表示されます。
したがって、複数のWindow部品を同時に表示する場合には、通常、あとから表示するWindowのzIndexを、すでに開いているWindowのzIndexより大きい値に設定します。

その他

前次
Copyright 2013 FUJITSU LIMITED