مربع الحوار (مربع الحوار) هو نافذة (نافذة) يمكن تضمينها في شريط الأدوات في الأعلى والأزرار في الأسفل. بشكل افتراضي ، لا يمكن لمربع الحوار (مربع الحوار) تغيير الحجم ، ولكن يمكن للمستخدم تعيين الخاصية القابلة للإصلاح إلى صواب حتى يتمكن من تغيير الحجم.
هذا مربع حوار.
Easyui لديه طريقتان لإنشاء:
الأول: تم إنشاؤه بواسطة علامة عنصر عقدة DOM الحالية
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" type = "text/javaScript" src = "jquery.min.js"> </script> <!-import easyi core js file-> <script type = "text/javascript" src = "jquery.easyui.min.js src = "locale/easyui-lang-zh_cn.js"> </script> <!-استيراد css-> <!-استيراد ملف CSS الافتراضي Easyi-> <link type = "text/css" rel = "stylesheet" href = "there/easyui.css"/> rel = "stylesheet" href = "temes/icon.css"/> </head> <body> <div id = "dd" options = "iconcls:" icon-save "، resizable: true ، modal: true"> محتوى موجه </div> </html>
النوع الثاني: إنشاء مربعات حوار ديناميكية من خلال JS
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" type = "text/javaScript" src = "jquery.min.js"> </script> <!-import easyi core js file-> <script type = "text/javascript" src = "jquery.easyui.min.js src = "locale/easyui-lang-zh_cn.js"> </script> <!-استيراد css-> <!-استيراد ملف CSS الافتراضي Easyi-> <link type = "text/css" rel = "stylesheet" href = "there/easyui.css"/> rel = "stylesheeteet" href = "temes/icon.css"/> </head> <body> <!-<div id = "dd" options = "iconcls: 'icon-save' ، resizable: true ، modal: true"> محتوى موجه </div> <div id = "dd" type = "text/javaScript"> $ ("#dd"). مربع الحوار ({العنوان: 'حوار بلدي' ، // انهيار العنوان: true ، // هل هو قابل للطي قابلة للطي: صحيح ، // الحد الأدنى الزر القابل لأقصى قدر }) ؛ </script> </body> </html>ما سبق هما الطريقتان لإنشاء مربع حوار في Easyui المقدمة لك. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!