วิดเจ็ต jQuery EasyUI - หน้าต่างหน้าต่าง
ยื่นออกมาจาก $ .fn.panel.defaults โดย $ .fn.window.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
หน้าต่าง (หน้าต่าง) เป็นลอยแผงลากไปมาได้, สามารถใช้เป็นหน้าต่างโปรแกรมประยุกต์ใช้ โดยค่าเริ่มต้นหน้าต่างที่สามารถเคลื่อนย้ายเพื่อปรับขนาดก็สามารถปิดได้ เนื้อหาถูกกำหนดอย่างใดอย่างหนึ่งโดย HTML คงที่จะโหลดแบบไดนามิกโดยอาแจ็กซ์
วางใจ
- ลากไปมาได้
- ปรับขนาดได้
- แผงหน้าปัด
การใช้
สร้างหน้าต่าง (Window)
1 จากแท็กเพื่อสร้างหน้าต่าง (Window)
<div id = "ชนะ" class = "easyui หน้าต่าง" title = "หน้าต่างของฉัน" style = "width: 600px; ความสูง: 400px" ข้อมูลตัวเลือก = "iconCls: ไอคอน 'บันทึก' โมดอล: จริง"> เนื้อหาหน้าต่าง </ div>
2 โดยใช้ JavaScript ในการสร้างหน้าต่าง (Window)
<div id = "ชนะ"> </ div>
$ ( '# วิน'). หน้าต่าง ({ ความกว้าง: 600 ความสูง: 400 กิริยา: จริง });
3 สร้างหน้าต่าง (Window) ผ่านรูปแบบคอมโพสิต
ตามปกติคุณสามารถกำหนดรูปแบบหน้าต่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการแยกพื้นที่หน้าต่างออกเป็นสองส่วนคือพื้นที่ภาคเหนือและภาคกลาง
<div id = "ชนะ" class = "easyui หน้าต่าง" title = "หน้าต่างของฉัน" style = "width: 600px; ความสูง: 400px" ข้อมูลตัวเลือก = "iconCls: ไอคอน 'บันทึก' โมดอล: จริง"> <div class = "easyui แบบการจัดวาง" data-ตัวเลือก = "พอดี: จริง"> <div ข้อมูลตัวเลือก = "ภูมิภาค" นอร์ท 'แยก: จริง "style =" height: 100px "> </ div> <div ข้อมูลตัวเลือก = "ภูมิภาค: 'ศูนย์'"> เนื้อหา </ div> </ div> </ div>
หน้าต่าง (Window) การดำเนินการ
การเปิดและปิดหน้าต่าง (Window)
$ หน้าต่าง ( '# วิน') ( 'เปิด') ;. // เปิดหน้าต่าง $ ( '# Win) หน้าต่าง (' ปิด ') ;. // ปิดหน้าต่าง
เนื้อหาหน้าต่างกำลังโหลดผ่านทางอาแจ็กซ์
$ ( '# Win) หน้าต่าง (' รีเฟรช ',' get_content.php ') .;
คุณสมบัติ
สถานที่ยื่นออกมาจากแผง (แผง) ต่อไปนี้เป็นหน้าต่าง (หน้าต่าง) กเขียนใหม่และคุณสมบัติเพิ่ม
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 窗口的标题文本。 | New Window |
collapsible | boolean | 定义是否显示折叠按钮。 | true |
minimizable | boolean | 定义是否显示最小化按钮。 | true |
maximizable | boolean | 定义是否显示最大化按钮。 | true |
closable | boolean | 定义是否显示关闭按钮。 | true |
closed | boolean | 定义是否关闭窗口。 | false |
zIndex | number | 从其开始增加的窗口的 z-index。 | 9000 |
draggable | boolean | 定义窗口是否可拖拽。 | true |
resizable | boolean | 定义窗口是否可调整尺寸。 | true |
shadow | boolean | 如果设置为 true,当窗口能够显示阴影的时候将会显示阴影。 | true |
inline | boolean | 定义如何放置窗口,当设置为 true 时则放在它的父容器里,当设置为 false 时则浮在所有元素的顶部。 | false |
modal | boolean | 定义窗口是不是模态(modal)窗口。 | true |
เหตุการณ์
กรณีที่ยื่นออกมาจากแผง (แผง) เดอะ
ทาง
วิธีการขยายจากแผง (แผง) ต่อไปนี้เป็นวิธีการสำหรับหน้าต่าง (Window) เพื่อเพิ่ม
名称 | 参数 | 描述 |
---|---|---|
window | none | 返回外部窗口(window)对象。 |
hcenter | none | 水平居中窗口。该方法自版本 1.3.1 起可用。 |
vcenter | none | 垂直居中窗口。该方法自版本 1.3.1 起可用。 |
center | none | 居中窗口。该方法自版本 1.3.1 起可用。 |
ปลั๊กอิน jQuery EasyUI