jQueryのEasyUIウィンドウ - シンプルなウィンドウを作成します
窓(ウィンドウ)を作成することは、我々はDIVタグを作成し、非常に簡単です:
<DIVのID = "勝つ"クラス= "easyuiウィンドウの" title = "マイウインドウ"スタイル= "幅:300ピクセル、高さ100ピクセル;パディング:5pxの;"> 一部のコンテンツ。 </ DIV>
今、テストページを実行して、あなたの画面上に表示される画面(ウィンドウ)を表示されます。 我々は、任意のJavaScriptコードを記述する必要はありません。
あなたは隠されたウィンドウ(ウィンドウ)を作成したい場合は、「真」の値に「閉じた」プロパティを設定することを忘れないでください、あなたはウィンドウを開くために「開放」する方法(ウィンドウ)を呼び出すことができます。
<DIVのID =クラス= "easyui・ウィンドウ」のタイトルを"勝つ "="マイウィンドウ」クローズド= "true"のスタイル= "幅:300ピクセル、高さ100ピクセル;パディング:5pxの;"> 一部のコンテンツ。 </ DIV>
。$( '#ウィン')窓( 'オープン');
最後の例が示すように、我々は、ログインウィンドウ(ウィンドウ)を作成します。
<DIVのID = "勝つ"クラス= "easyuiウィンドウの" title = "ログイン"スタイル= "幅:300ピクセル、高さ180ピクセル;"> <フォームのスタイル= "パディング:10pxの20ピクセル10pxの40ピクセル;"> <P>名称:の<input type = "text"> </ P> <P>パス:<入力タイプ= "パスワード"> </ P> <DIVのスタイル= "パディング:5pxの;テキスト整列:センター;"> <a href="#" class="easyui-linkbutton" icon="icon-ok"> [OK]をします</a> <a href="#" class="easyui-linkbutton" icon="icon-cancel"> </a>をキャンセル </ DIV> </フォーム> </ DIV>