หน้าต่าง jQuery EasyUI - การสร้างหน้าต่างที่เรียบง่าย
สร้างหน้าต่าง (Window) เป็นเรื่องง่ายมากที่เราสร้างแท็ก DIV A:
<div id = "ชนะ" class = "easyui หน้าต่าง" title = "หน้าต่างของฉัน" style = "width: 300px; ความสูง: 100px; padding: 5px;"> เนื้อหาบางส่วน </ div>
ตอนนี้ใช้หน้าทดสอบคุณจะเห็นหน้าต่าง (Window) จะปรากฏบนหน้าจอของคุณ เราไม่จำเป็นต้องเขียนโค้ดจาวาสคริปต์ใด ๆ
หากคุณต้องการที่จะสร้างหน้าต่างที่ซ่อนอยู่ (หน้าต่าง) อย่าลืมตั้งค่าคุณสมบัติ 'ปิด' เพื่อค่า 'ความจริง' คุณสามารถเรียก 'เปิด' วิธีการที่จะเปิดหน้าต่าง (Window):
<div id = "ชนะ" class = "easyui หน้าต่าง" title = "หน้าต่างของฉัน" ปิดสไตล์ = "true" = "width: 300px; ความสูง: 100px; padding: 5px;"> เนื้อหาบางส่วน </ div>
. $ หน้าต่าง ( '# วิน') ( 'เปิด');
เป็นตัวอย่างที่แสดงให้เห็นถึงที่ผ่านมาเราสร้างหน้าต่างเข้าสู่ระบบ (หน้าต่าง):
<div id = "ชนะ" class = "easyui หน้าต่าง" title = "เข้าสู่ระบบ" style = "width: 300px; ความสูง: 180px;"> <สไตล์ในแบบฟอร์ม = "padding: 10px 20px 10px 40px;"> <p> ชื่อ: <ชนิดของการป้อนข้อมูล = "text"> </ p> <p> Pass: <ชนิดของการป้อนข้อมูล = "รหัสผ่าน"> </ p> <style Div = "padding: 5px; text-align: ศูนย์;"> <a href="#" class="easyui-linkbutton" icon="icon-ok"> ตกลง </a> <a href="#" class="easyui-linkbutton" icon="icon-cancel"> ยกเลิก </a> </ div> </ form> </ div>