Uma caixa de diálogo (diálogo) é uma janela especial (janela) que pode ser incluída na barra de ferramentas na parte superior e nos botões na parte inferior. Por padrão, a caixa de diálogo (diálogo) não pode alterar o tamanho, mas o usuário pode definir a propriedade redimensível como true para que possa alterar o tamanho.
Esta é uma caixa de diálogo.
Easyui tem duas maneiras de criar:
O primeiro: Crie através das tags de elemento do nó DOM existentes
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> unt Titled Document </title> <! type = "text/javascript" src = "jQuery.min.js"> </script> <!-importar arquivo js easyi core js-> <script type = "text/javascript" src = "jQuery.easyui.min.js"> </script> <!-import Js em linguagem local-> src = "Locale/easyui-lang-zh_cn.js"> </script> <!-importar css-> <!-importar o arquivo css padrão do easyi-> <link type = "text/css" rel = "stylesheet" href = "themes /fult/default/easyui.css"/> <! rel = "Stylesheet" href = "temas/icon.css"/> </head> <body> <div id = "dd" data-options = "icoCls: 'icon-save', redimensionável: true, modal: true"> conteúdo rápido </div> </body> </coder> </html>
O segundo tipo: Crie caixas de diálogo dinamicamente através de JS
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> unt Titled Document </title> <! type = "text/javascript" src = "jQuery.min.js"> </script> <!-importar arquivo js easyi core js-> <script type = "text/javascript" src = "jQuery.easyui.min.js"> </script> <!-import Js em linguagem local-> src = "Locale/easyui-lang-zh_cn.js"> </script> <!-importar css-> <!-importar o arquivo css padrão do easyi-> <link type = "text/css" rel = "stylesheet" href = "themes /fult/default/easyui.css"/> <! Rel = "Stylesheet" href = "temas/icon.css"/> </head> <body> <!-<div id = "dd" data-options = "icoCls: 'icon-save', redimensível: true, modal: true"> content </div>-> <div id = "dd"> Dialog Content </locat type="text/javascript">$("#dd").dialog({title: 'My Dialog', //Title collapse:true, //Is it foldable minimizable:true, //Minimize button maximizable:true,//Maximize button resizable:true,//Whether to change the window size width: 400, height: 200, closed: false, cache: false, href: 'beautiful.html', }); </script> </body> </html>O exposto acima são as duas maneiras de criar uma caixa de diálogo em Easyui apresentada a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!