jQuery EasyUI เค้าโครง - สร้างรูปแบบที่ซับซ้อนในแผง
แผงควบคุม (Panel) ช่วยให้คุณสามารถสร้างรูปแบบที่กำหนดเองสำหรับความหลากหลายของวัตถุประสงค์ ในตัวอย่างนี้เราจะใช้แผง (แผง) และรูปแบบ (รูปแบบ) plug-in เพื่อสร้างกล่องข้อความ MSN
เราใช้หลายรูปแบบ (รูปแบบ) ในพื้นที่ของแผง ที่ด้านบนของกล่องข้อความที่เราวางกล่องใส่แบบสอบถามและวางรูปบนรูปภาพที่เหมาะสม ในช่วงกลางของภูมิภาคของเราโดยการตั้งค่าคุณสมบัติแยกเป็นความจริงที่ส่วนนี้ถูกตัดออกเป็นสองส่วนช่วยให้ผู้ใช้สามารถเปลี่ยนขนาดของพื้นที่แผง
นี่คือทั้งหมดที่รหัส:
<div class = "easyui แบน" title = "คอมเพล็กซ์แผง" iconCls = "ไอคอนค้นหา" พับสไตล์ = "true" = "padding: 5px; กว้าง: 500px; ความสูง: 250px;"> <div class = "easyui แบบการจัดวาง" พอดี = "true"> <ภูมิภาค Div = "เหนือ" border = "false" class = "P-ค้นหา"> <label> ค้นหา: </ label> <input> </ input> </ div> <ภูมิภาค Div = "center" border = "false"> <div class = "easyui แบบการจัดวาง" พอดี = "true"> <ภูมิภาค Div = "ตะวันออก" border = "false" class = "P-ขวา"> <img src = "images / msn.gif" /> </ div> <ภูมิภาค Div = "center" border = "false" style = "border: # CCC 1px ของแข็ง"> <div class = "easyui แบบการจัดวาง" พอดี = "true"> <ภูมิภาค Div = "ภาคใต้" แยก = "true" border = "false" style = "height: 60px;"> <textarea สไตล์ = "border: 0; ความกว้าง: 100%; ความสูง: 100%; ปรับขนาด: ไม่มี">. สวัสดีฉัน easyui </ textarea> </ div> <ภูมิภาค Div = "center" border = "false"> </ div> </ div> </ div> </ div> </ div> </ div> </ div>
เราไม่จำเป็นต้องเขียนโค้ดจาวาสคริปต์ใด ๆ ที่พวกเขามีการออกแบบที่มีประสิทธิภาพมากของอินเตอร์เฟซผู้ใช้