กล่องโต้ตอบ (กล่องโต้ตอบ) เป็นหน้าต่างพิเศษ (หน้าต่าง) ที่สามารถรวมอยู่ในแถบเครื่องมือที่ด้านบนและปุ่มที่ด้านล่าง โดยค่าเริ่มต้นกล่องโต้ตอบ (กล่องโต้ตอบ) ไม่สามารถเปลี่ยนขนาดได้ แต่ผู้ใช้สามารถตั้งค่าคุณสมบัติที่ปรับเปลี่ยนได้เป็นจริงเพื่อให้สามารถเปลี่ยนขนาดได้
นี่คือกล่องโต้ตอบ
Easyui มีสองวิธีในการสร้าง:
ครั้งแรก: สร้างผ่านแท็กองค์ประกอบโหนด DOM ที่มีอยู่
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "ข้อความ/html; charset = utf-8"/> <title> type = "text/javascript" src = "jQuery.min.js"> </script> <!-นำเข้าไฟล์ Easyi Core JS-> <script type = "text/javaScript" src = "jQuery.easyui.min.js"> </script> <! src = "locale/easyui-lang-zh_cn.js"> </script> <!-นำเข้า css-> <!-นำเข้าไฟล์ CSS เริ่มต้นของ Easyi-> <link type = "text/css" rel = "stylesheet" href = "type/import types/isplet rel = "stylesheet" href = "ธีม/icon.css"/> </head> <body> <div id = "dd" data-options = "iconcls:
ประเภทที่สอง: สร้างกล่องโต้ตอบผ่าน JS แบบไดนามิก
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "ข้อความ/html; charset = utf-8"/> <title> type = "text/javascript" src = "jQuery.min.js"> </script> <!-นำเข้าไฟล์ Easyi Core JS-> <script type = "text/javaScript" src = "jQuery.easyui.min.js"> </script> <! src = "locale/easyui-lang-zh_cn.js"> </script> <!-นำเข้า css-> <!-นำเข้าไฟล์ CSS เริ่มต้นของ Easyi-> <link type = "text/css" rel = "stylesheet" href = "type/import types/isplet rel = "stylesheet" href = "ธีม/icon.css"/> </head> <body> <!-<div id = "dd" data-options = "ไอคอน: type = "text/javascript"> $ ("#dd"). กล่องโต้ตอบ ({title: 'my dialog', // title collapse: true, // มันสามารถลดขนาดได้หรือไม่: จริง, // ย่อปุ่มสูงสุด: true, // การปรับเปลี่ยนปุ่ม: talse }); </script> </body> </html>ข้างต้นเป็นสองวิธีในการสร้างกล่องโต้ตอบใน EasyUi แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!