Une boîte de dialogue (boîte de dialogue) est une fenêtre spéciale (fenêtre) qui peut être incluse dans la barre d'outils en haut et les boutons en bas. Par défaut, la boîte de dialogue (boîte de dialogue) ne peut pas modifier la taille, mais l'utilisateur peut définir la propriété résidante sur true afin qu'elle puisse modifier la taille.
Ceci est une boîte de dialogue.
Easyui a deux façons de créer:
Le premier: créé par la balise d'élément de nœud DOM existant
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <meta http-equiv = "contenu-type" content = "text / html; charset = utf-8" /> <title> intr tiled document </title> <! - Importer js file -> <! type = "text / javascript" src = "jQuery.min.js"> </ script> <! - Importer Easyi Core JS File -> <script type = "text / javascrip src = "Locale / easyui-Lang-zh_cn.js"> </ script> <! - Importez CSS -> <! - Importez le fichier CSS par défaut d'Easy -> <link type = "text / css" rel = "Stylesheet" Href = "themes / default / easyui.css" /> <! rel = "Stylesheet" href = "themes / icon.css" /> </ head> <body> <div id = "dd" data-options = "iConcls: 'icon-save', reizable: true, modal: true"> invite Content </div> </ body> </html>
Le deuxième type: créez dynamiquement des boîtes de dialogue via JS
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <meta http-equiv = "contenu-type" content = "text / html; charset = utf-8" /> <title> intr tiled document </title> <! - Importer js file -> <! type = "text / javascript" src = "jQuery.min.js"> </ script> <! - Importer Easyi Core JS File -> <script type = "text / javascrip src = "Locale / easyui-Lang-zh_cn.js"> </ script> <! - Importez CSS -> <! - Importez le fichier CSS par défaut d'Easy -> <link type = "text / css" rel = "Stylesheet" Href = "themes / default / easyui.css" /> <! rel = "Stylesheet" href = "themes / icon.css" /> </ head> <body> <! - <div id = "dd" data-options = "iconcls: 'icon-save', resizable: true, modal: true"> invite contenu </ div> -> <div id = "dd"> contenu de la boîte de dialogue </v> Type = "Text / JavaScript"> $ ("# dd"). Boîte de dialogue ({Title: 'My Dialog', // Title Collapse: TRUE, // est-ce pliable minimisable: True, // Minimiser la largeur de la fenêtre: TRUE, // Maximiser le bouton Ressizable: CACHE: FAUX, FAUX, HREF: 'Beautiful. }); </cript> </ body> </html>Ce qui précède est les deux façons de créer une boîte de dialogue dans EasyUi qui vous est présentée. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!