Wijmo UI for the Web
wijdialog jQuery ウィジェット
最大化、最小化、コンテンツの切り替え、および固定機能を jquery.ui.dialog に追加します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.dialog.wijdialog.options
     
    $(".selector").wijdialog(options);
});
Javascript (Specification) 
function wijdialog() : any;
オプション
 名前解説
public オプションappendTo

デフォルト値: 'body'

ダイアログ(モーダルの場合はダイアログとオーバーレイ)の追加先の要素を設定します。

 
public オプションautoOpen

デフォルト値: true

true に設定した場合、ダイアログは初期化時に自動的に開きます。false の場合は、open() メソッドが呼び出されるまでダイアログは開きません。

 
public オプションbuttons

デフォルト値: []

ダイアログに表示するボタンを指定します。コールバックのコンテキストはダイアログ要素です。ボタンにアクセスする必要がある場合は、ボタンをイベントオブジェクトのターゲットとして使用できます。

 
public オプションcaptionButtons

captionButtons オプションは、wijdialog のタイトルバーに表示するキャプションボタンを決定します。

 
public オプションcloseOnEscape

デフォルト値: true

ダイアログにフォーカスがあるときにユーザーが[Esc]キーを押した場合にダイアログが閉じるかどうかを指定します。

 
public オプションcloseText

デフォルト値: 'Close'

[閉じる]ボタンのテキストを指定します。[閉じる]ボタンのテキストは、標準テーマを使用するときには表示されません。

 
public オプションcollapsingAnimation

デフォルト値: null

collapsingAnimation オプションは、wijdialog が折りたたまれるときに使用するアニメーション効果を決定します。

 
public オプションcontentUrl

デフォルト値: ""

このオプションは、wijdialog 内の iframe 要素の URL を指定します。

 
public オプションdialogClass

デフォルト値: ""

追加テーマのために、指定したクラス名がダイアログに追加されます。

 
public オプションdraggable

デフォルト値: true

true に設定した場合、ダイアログはタイトルバーによってドラッグできます。jQuery UI Draggable ウィジェットを含める必要があります。

 
public オプションexpandingAnimation

デフォルト値: null

expandingAnimation オプションは、wijdialog が展開されるときに使用するアニメーション効果を決定します。

 
public オプションheight

デフォルト値: 'auto'

ダイアログの高さ。

 
public オプションhide

デフォルト値: null

ダイアログが閉じる動作をアニメーション表示するかどうかと、その方法。

 
public オプションmaxHeight

デフォルト値: null

ダイアログをサイズ変更できる最大の高さ(ピクセル単位)。

 
public オプションmaxWidth

デフォルト値: null

ダイアログをサイズ変更できる最大の幅(ピクセル単位)。

 
public オプションminHeight

デフォルト値: 150

ダイアログをサイズ変更できる最小の高さ(ピクセル単位)。

 
public オプションminimizeZoneElementId

デフォルト値: ""

minimizeZoneElementId オプションは、wijdialog が最小化されたときにドッキングする DOM 要素の ID を指定します。

 
public オプションminWidth

デフォルト値: 150

ダイアログをサイズ変更できる最小の幅(ピクセル単位)。

 
public オプションmodal

デフォルト値: false

true に設定した場合、ダイアログはモーダルダイアログになり、ページ上の他の項目は操作できなくなります。モーダルダイアログは、ダイアログの下の、他のページ要素の上に、オーバーレイを作成します。

 
public オプションposition

ダイアログを表示する位置を指定します。ダイアログの可能なかぎり多くの部分が表示されるように、衝突が処理されます。

 
public オプションresizable

デフォルト値: true

resizable オプションを使用して、ユーザーがダイアログのサイズを変更できるようにするかどうかを制御できます。ユーザーがダイアログのサイズを変更できないようにするには、このオプションを "false" に設定します。true に設定すると、ダイアログの右下隅にサイズ変更ハンドルが表示されます。

 
public オプションshow

デフォルト値: null

ダイアログが開く動作をアニメーション表示するかどうかと、その方法。

 
public オプションstack

デフォルト値: true

stack オプションを使用して、ダイアログを他のダイアログの上に積み重ねることができます。この場合、ダイアログがフォーカスを取得すると他のダイアログの前面に移動します。

 
public オプションtitle

デフォルト値: null

ダイアログのタイトルを指定します。この値が null の場合は、ダイアログソース要素のタイトル属性が使用されます。

 
public オプションwidth

デフォルト値: 300

ダイアログの幅(ピクセル単位)。

 
public オプションzIndex

デフォルト値: 1000

このオプションは、ダイアログの開始 z インデックスを指定します。

 
トップ
メソッド
 名前解説
public メソッドcloseclose メソッドは、ダイアログウィジェットを閉じます。  
public メソッドdestroywijdialog 機能を完全に除去します。これは要素を初期化前の状態に戻します。  
public メソッドgetStategetState メソッドは、ダイアログウィジェットの状態を取得します。  
public メソッドisOpenisOpen メソッドは、wijdialog が現在開いている場合、true を返します。イベントまたは関数を完了する前にこのメソッドを呼び出して、wijdialog が開いているかどうかを確認できます。  
public メソッドmaximizemaximize メソッドは、wijdialog を最大化します。  
public メソッドminimizeminimize メソッドは、wijdialog を最小化します。  
public メソッドmoveToTopmoveToTop メソッドは、アプリケーションに複数の異なる要素がある場合に、wijdialog をスタックの一番上に移動します。  
public メソッドopenopen メソッドは、wijdialog のインスタンスを開きます。  
public メソッドpinpin メソッドは、wijdialog が移動できないようにします。  
public メソッドrefreshrefresh メソッドは、wijdialog 内の iframe コンテンツを更新します。  
public メソッドresetreset メソッドは、ダイアログの幅や高さなどのプロパティをデフォルト値にリセットします。  
public メソッドrestorerestore メソッドは、wijdialog を最小化または最大化した状態から通常のサイズに戻します。  
public メソッドtoggletoggle メソッドは、wijdialog のコンテンツを展開または折りたたみます。  
public メソッドwidget生成されたラッパーを含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントbeforeCloseダイアログが閉じる直前に発生します。キャンセルされた場合、ダイアログは閉じません。  
public イベントblurblur イベントは、ダイアログウィジェットがフォーカスを失ったときに呼び出されます。  
public イベントbuttonCreatingbuttonCreating イベントは、キャプチャボタンが作成される前に呼び出されます。これを使用してボタンの配列を変更したり、タイトルバーのボタンを変更、追加、削除したりできます。  
public イベントcloseダイアログが閉じたときに発生します。  
public イベントcreateダイアログが作成されたときに発生します。  
public イベントdragダイアログがドラッグされているときに発生します。  
public イベントdragStartユーザーがダイアログのドラッグを開始するときに発生します。  
public イベントdragStopダイアログがドラッグされた後に発生します。  
public イベントfocusダイアログがフォーカスを取得するときに発生します。  
public イベントopenダイアログが開いたときに発生します。  
public イベントresizeダイアログがサイズ変更されているときに発生します。  
public イベントresizeStartユーザーがダイアログのサイズ変更を開始するときに発生します。  
public イベントresizeStopダイアログがサイズ変更された後に発生します。  
public イベントstateChangedstateChanged イベントは、ダイアログの状態("maximized"、"minimized"、"normal")が変更されたときに呼び出されます。  
トップ

関連トピック

参照

Dialog
wijdialog jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.