ダイアログボックス(ダイアログ)は、上部のツールバーと下部のボタンに含めることができる特別なウィンドウ(ウィンドウ)です。デフォルトでは、ダイアログボックス(ダイアログ)はサイズを変更することはできませんが、ユーザーはサイズを変更できるように、変更可能なプロパティをTrueに設定できます。
これはダイアログボックスです。
Easyuiには、作成する2つの方法があります。
最初:既存のDOMノード要素タグを介して作成します
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <タイトル> untted document </title> < type = "text/javascript" src = "jquery.min.js"> </script> <! - easyi core js file-> <script type = "src =" src = "jquery.easyui.min.js"> </script> <! - ローカル言語でjsファイルをインポート - > <> <> <スクリプト= "/javascript" "" " src = "locale/easyui-lang-zh_cn.js"> </script> <! - インポートCSS-> <! - easeyiのデフォルトCSSファイルをインポート - > <link type = "text/css" rel = "styleSheet" href = "thees/default/easyui.css"/> <! rel = "styleSheet" href = "themes/icon.css"/> </head> <body> <div id = "dd" data-options = "iconcls: 'icon-save'、resizable:true"> prompt content </div> </body> </html>
2番目のタイプ:JSを介してダイアログボックスを動的に作成します
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <タイトル> untted document </title> < type = "text/javascript" src = "jquery.min.js"> </script> <! - easyi core js file-> <script type = "src =" src = "jquery.easyui.min.js"> </script> <! - ローカル言語でjsファイルをインポート - > <> <> <スクリプト= "/javascript" "" " src = "locale/easyui-lang-zh_cn.js"> </script> <! - インポートCSS-> <! - easeyiのデフォルトCSSファイルをインポート - > <link type = "text/css" rel = "styleSheet" href = "thees/default/easyui.css"/> <! rel = "styleSheet" href = "themes/icon.css"/> </head> <body> < type = "text/javascript"> $( "#dd")。ダイアログ({title: 'myダイアログ'、//崩壊:true、//折りたたみ可能な最小化可能:true、//ボタン最大化可能://ボタンの再配置可能://ウィンドウサイズ幅を変更するかどうか: }); </script> </body> </html>上記は、EasyUIでダイアログボックスを作成する2つの方法です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!