Ein Dialogfeld (Dialogfeld) ist ein spezielles Fenster (Fenster), das oben und unten in die Symbolleiste aufgenommen werden kann. Standardmäßig kann das Dialogfeld (Dialogfeld) die Größe nicht ändern, aber der Benutzer kann die resizierbare Eigenschaft auf true einstellen, damit er die Größe ändern kann.
Dies ist ein Dialogfeld.
Easyui hat zwei Möglichkeiten zum Erstellen:
Das erste: Erstellt durch vorhandenes DOM -Knoten -Element -Tag
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> titiertes Dokument </title <! type = "text/javaScript" src = "jQuery.min.js"> </script> <!-Importi Easyi Core JS-Datei-> <script type = "text/javaScript" src = "jquery.asyui.min.js"> </script> <! src="locale/easyui-lang-zh_CN.js"></script><!-- Import css --><!-- Import easyi's default css file --><link type="text/css" rel="stylesheet" href="themes/default/easyui.css"/><!-- Import the icon's css file --><link type="text/css" rel = "stylesheet" href = "Themen/icon.css"/> </head> <body> <div id = "dd" data-options = "iconcls: 'icon-save', resizable: true, modal: true"> prompt content </div> </body> </html>
Der zweite Typ: Dialogfelder dynamisch über JS erstellen
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <kopf> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> titiertes Dokument </title <! type = "text/javaScript" src = "jQuery.min.js"> </script> <!-Importi Easyi Core JS-Datei-> <script type = "text/javaScript" src = "jquery.asyui.min.js"> </script> <! src="locale/easyui-lang-zh_CN.js"></script><!-- Import css --><!-- Import easyi's default css file --><link type="text/css" rel="stylesheet" href="themes/default/easyui.css"/><!-- Import the icon's css file --><link type="text/css" rel = "styleSheet" href = "Themen/icon.css"/> </head> <body> <!-<div id = "dd" data-options = "iconcls: 'icon-save', resizierbar: true, modal: true"> prompt content </div>-> <div id = "dd"> DD "> DIVT </DIVT </DIVEL </DIVEL </DIVT </DIVEL </DIVEL </DIVT </DIVEL </DIVT </DIVEL </DIVEL </DIVEL </DIVT </DIVEL </DIVEL </DIVT </DIVT </DIVT </DIVT </DIVT </DIVT </DIVT </DIVT </DIVT </DIVT </Div. type = "text/javaScript"> $ ("#dd"). Dialog ({title: 'my dialog', // title collapse: true, // ist es faltbar minimierbar: true, minimieren maximierbar: truable: true, // maximieren taste resical: true, // ob die Fenstergröße die Fenstergröße width. }); </script> </body> </html>Die oben genannten sind die beiden Möglichkeiten, um ein Dialogfeld in EasyUi zu erstellen, das Ihnen vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!