Un cuadro de diálogo (cuadro de diálogo) es una ventana especial (ventana) que puede incluirse en la barra de herramientas en la parte superior y los botones en la parte inferior. De manera predeterminada, el cuadro de diálogo (diálogo) no puede cambiar el tamaño, pero el usuario puede establecer la propiedad RESIZABLE en verdadero para que pueda cambiar el tamaño.
Este es un cuadro de diálogo.
Easyui tiene dos formas de crear:
El primero: creado por la etiqueta del elemento de nodo DOM existente
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Title titleed Document </title> <!-Import JS File-> <! type = "text/javaScript" src = "jquery.min.js"> </script> <!-import easyi core js file-> <script type = "text/javascript" src = "jquery.easyui.min.js"> </script> <!-Importar archivo JS en idioma local-> <script type = "text/javascript" " src = "locale/easyui-lang-zh_cn.js"> </script> <!-import css-> <!-Importar el archivo css predeterminado de fácili rel = "Stylesheet" href = "themes/icon.css"/> </head> <body> <div id = "dd" data-options = "iconcls: 'icon-save', resizable: true, modal: true"> solicitante contenido </div> </body> </html>
El segundo tipo: Crear cuadros de diálogo dinámicamente a través de JS
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Title titleed Document </title> <!-Import JS File-> <! type = "text/javaScript" src = "jquery.min.js"> </script> <!-import easyi core js file-> <script type = "text/javascript" src = "jquery.easyui.min.js"> </script> <!-Importar archivo JS en idioma local-> <script type = "text/javascript" " src = "locale/easyui-lang-zh_cn.js"> </script> <!-import css-> <!-Importar el archivo css predeterminado de fácili rel = "stylesheet" href = "themes/icon.css"/> </head> <body> <!-<div id = "dd" data-options = "iconcls: 'icon-save', resizable: true, modal: true"> contenido rápido </div>-> <d id ID = "dd"> contenido de diálogo </div> <script. type = "text/javaScript"> $ ("#dd"). dialog ({title: 'my dialog', // title colapse: true, // ¿Es plegable minimizable: true, // mínimo botón maximizable: true, // maximizar botón RESIZABLE? }); </script> </body> </html>Los anteriores son las dos formas de crear un cuadro de diálogo en EasyUi introducido. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!