imuiDialog
コンポーネント情報 | |
---|---|
モジュール | im_ui |
導入されたバージョン | 8.0.0 |
バージョン | 8.0.20 |
機能説明
- ダイアログを作成します。
- Internet Explorerでは、ダイアログに配置するコンポーネントの組み合わせによっては、ダイアログの高さが意図せず増加する場合があります
- closeOnEscape=“true” かつ modal=“true” を指定したダイアログの中でさらに closeOnEscape=“true” かつ modal=“true” を指定したダイアログを開いた後、オーバーレイ(黒い部分)をクリックし、エスケープキーを押すと2つ目のダイアログではなく1つ目のダイアログが閉じます。これを回避するには closeOnEscape=“false” を指定してください。
属性一覧
注釈 | 属性名 | 型 | 説明 | 省略時の動作 |
---|---|---|---|---|
autoHeight |
number | ウィンドウの高さを基準とし、相対的な高さ指定します 80 と指定した場合、ウィンドウに対して80パーセントの高さでダイアログを表示します height 属性を指定していた場合、height 属性は無視されます 本属性は Ver.8.0.20 以降のバージョンで使用可能です |
- | |
Boolean属性 | autoOpen |
boolean | 画面表示時に、ダイアログを表示するかどうかを指定します | true |
autoWidth |
number | ウィンドウの横幅を基準とし、相対的な横幅を指定します 80 と指定した場合、ウィンドウに対して80パーセントの横幅でダイアログを表示します width 属性を指定していた場合、width 属性は無視されます 本属性は Ver.8.0.20 以降のバージョンで使用可能です |
- | |
buttons |
Array | ダイアログ下部に表示するボタンを指定します 詳細は下記の buttons を参照してください |
- | |
Boolean属性 | closeOnEscape |
boolean | エスケープキーでダイアログを閉じるかどうかを指定します | true |
createItems |
string | ダイアログ内のツールバーを生成するcsjsの関数名を指定します toolbarLeft、toolbarRight属性のいずれかが指定されている場合にのみ有効です |
$.imui.util.createToolbarItems | |
無害化 | dialogClass |
string | ダイアログに追加したいクラスを指定します | - |
Boolean属性 | draggable |
boolean | ダイアログがドラッグ移動できるかどうかを指定します | true |
height |
number | ダイアログの縦幅を指定します | - | |
HTML5
Boolean属性
|
hidden |
boolean | ダイアログを非表示にします | false |
hide |
Object string | ダイアログを閉じる際のアニメーションを指定します 詳細は下記の hide、show を参照してください |
- | |
id |
string | ダイアログのidです | 代替idを付与 | |
maxHeight |
number | ダイアログの縦幅の上限を指定します | - | |
maxWidth |
number | ダイアログの横幅の上限を指定します | - | |
minHeight |
number | ダイアログの縦幅の下限を指定します | 150px | |
minWidth |
number | ダイアログの横幅の下限を指定します | 150px | |
Boolean属性 | modal |
boolean | ダイアログ表示時に背面の操作制限を指定します | false |
name |
string | ダイアログのnameです | 代替nameを付与 | |
onBeforeClose |
string | onBeforeCloseイベント時に実行する関数名を指定します | - | |
onClose |
string | onCloseイベント時に実行する関数名を指定します | - | |
onCreate |
string | onCreateイベント時に実行する関数名を指定します | - | |
onDrag |
string | onDragイベント時に実行する関数名を指定します | - | |
onDragStart |
string | onDragStartイベント時に実行する関数名を指定します | - | |
onDragStop |
string | onDragStopイベント時に実行する関数名を指定します | - | |
onFocus |
string | onFocusイベント時に実行する関数名を指定します | - | |
onOpen |
string | onOpenイベント時に実行する関数名を指定します | - | |
onResize |
string | onResizeイベント時に実行する関数名を指定します | - | |
onResizeStart |
string | onResizeStartイベント時に実行する関数名を指定します | - | |
onResizeStop |
string | onResizeStopイベント時に実行する関数名を指定します | - | |
position |
Array string | ダイアログの表示位置を指定します 詳細は下記の position を参照してください |
- | |
Boolean属性 | resizable |
boolean | ダイアログがリサイズできるかどうかを指定します | true |
show |
Object string | ダイアログを開く際のアニメーションを指定します 詳細は下記の hide、show を参照してください |
- | |
Boolean属性 | stack |
boolean | ダイアログが、他のダイアログの上に積み重ねできるかどうかを指定します | true |
国際化 無害化 | title |
string | ダイアログのタイトルを指定します | - |
toolbarLeft |
Array | ダイアログのタイトル直下に表示するツールバーへ、左寄せで表示する内容を指定します 詳細は下記の toolbarLeft、toolbarRight を参照してください |
- | |
toolbarRight |
Array | ダイアログのタイトル直下に表示するツールバーへ、右寄せで表示する内容を指定します 詳細は下記の toolbarLeft、toolbarRight を参照してください |
- | |
Boolean属性 | useHelp |
boolean | ダイアログのタイトル部にサイトツアーを呼び出すアイコンを表示するかどうかを指定します 本属性は Ver.8.0.10 以降のバージョンで使用可能です 詳細は下記の useHelp を参照してください |
false |
width |
number | ダイアログの横幅を指定します | 300px | |
zIndex |
number | ダイアログの重ね合わせ順序を指定します | 1000 | |
無害化 | その他 |
string | ユーザ定義属性です | - |