หน้าต่าง jQuery EasyUI - รูปแบบหน้าต่าง
องค์ประกอบเค้าโครงสามารถฝังตัวอยู่ในหน้าต่าง (หน้าต่าง) ใน เราสามารถสร้างหน้าต่างรูปแบบที่ซับซ้อนคุณไม่จำเป็นต้องเขียนโค้ด JS ใด ๆ กรอบ jQuery-easyui เพื่อช่วยให้เราทำการแสดงผลในพื้นหลังและปรับขนาด
ในฐานะที่เป็นตัวอย่างที่เราสร้างหน้าต่าง (หน้าต่าง) ซึ่งประกอบด้วยสองส่วนหนึ่งทางด้านซ้ายของสถานที่ทางด้านขวา ในหน้าต่างด้านซ้าย (หน้าต่าง) เราสร้างเมนูต้นไม้ (ต้นไม้) ในหน้าต่างด้านขวา (หน้าต่าง) เราจะสร้างแท็บภาชนะ
<div class = "easyui หน้าต่าง" title = "เค้าโครงหน้าต่างไอคอน" = "ไอคอนช่วยเหลือ" style = "width: 500px; ความสูง: 250px; padding: 5px; พื้นหลัง: #fafafa;"> <div class = "easyui แบบการจัดวาง" พอดี = "true"> <ภูมิภาค Div = "ตะวันตก" แยกสไตล์ = "true" = "width: 120px;"> <ul class = "easyui ต้นไม้"> <li> <span> ห้องสมุด </ span> <ul> <li> <span> easyui </ span> </ li> <li> <span> เพลง </ span> </ li> <li> <span> รูปภาพ </ span> </ li> <li> <span> ฐานข้อมูล </ span> </ li> </ ul> </ li> </ ul> </ div> <ภูมิภาค Div = "center" border = "false" border = "false"> <div class = "easyui แท็บ" พอดี = "true"> <div title = "บ้าน" style = "padding: 10px;"> jQuery กรอบ easyui ช่วยให้คุณสร้างหน้าเว็บของคุณได้อย่างง่ายดาย </ div> <div title = "รายชื่อ"> ไม่มีข้อมูลการติดต่อ </ div> </ div> </ div> <ภูมิภาค Div = "ภาคใต้" border = "false" style = "text-align: ขวา; ความสูง: 30px; line-height: 30px;"> <a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> ตกลง </a> <a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> ยกเลิก </a> </ div> </ div> </ div>
ดูรหัสข้างต้นเราจะใช้แท็กหน้าต่างรูปแบบที่ซับซ้อน (หน้าต่าง) จะปรากฏขึ้น นี่คือกรอบ jQuery-easyui ที่ง่ายและมีประสิทธิภาพ