ขยาย jQuery EasyUI - พอร์ทัล

ถัดไป: jQuery EasyUI ขยาย - ดูตารางข้อมูล

การใช้

ขั้นตอนที่ 1: สร้างหน้าเว็บ HTML

	<div id = "PP" style = "width: 800px; ความสูง: 500px;">
		<style Div = "width: 33%"> </ div>
		<style Div = "width: 33%"> </ div>
		<style Div = "width: 33%"> </ div>
	</ div>

ขั้นตอนที่ 2: สร้างพอร์ทัล

	$ ( '# Pp') พอร์ทัล (ตัวเลือก) .;

ขั้นตอนที่ 3: เพิ่มแผง (แผง) สมาชิกของเว็บไซต์เพื่อพอร์ทัล

	// สร้างแผง
	. Var p = $ ( '<div> </ div>') appendTo ( 'ร่างกาย');
	p.panel ({
		ชื่อเรื่อง: 'ชื่อเรื่องของฉัน "
		ความสูง: 150
		closable: จริง
		พับ: จริง
	});
	 
	// เพิ่มแผงพอร์ทัล
	$ ( '# Pp'). พอร์ทัล ( 'เพิ่ม' {
		แผง: P,
		columnIndex: 0
	});

คุณสมบัติ

名称	类型	描述	默认值
width	number	portal 的宽度。	auto
height	number	portal 的高度。	auto
border	boolean	定义是否显示 portal 的边框。	false
fit	boolean	当设置为 true 时，设置 portal 的尺寸以适应它的父容器。	false

เหตุการณ์

名称	参数	描述
onStateChange	none	当用户拖放面板（panel）时触发。
onResize	width,height	当 portal 的尺寸改变时触发。

ทาง

名称	参数	描述
options	none	返回选项（options）对象。
resize	param	设置 portal 的尺寸，'param' 参数包括下列属性： width：portal 的新宽度。 height：portal 的新高度。
getPanels	columnIndex	获取指定的列面板（panel），当 columnIndex 参数为分配时，则返回所有的面板（panel）。
add	param	添加一个新的面板（panel），'param' 参数包括下列属性： panel：要添加的面板（panel）对象。 columnIndex：要插入的列索引。
remove	panel	移除并销毁指定的面板（panel）。
disableDragging	panel	禁用面板（panel）的拖拽功能。
enableDragging	panel	启用面板（panel）的拖拽功能。