位置:首页 > 扩展 > Portal(制作图表、列表、球形图等)

用法

步骤 1:创建一个 HTML 页面

<div id="pp" style="width:800px;height:500px;">
	<div style="width:33%"></div>
	<div style="width:33%"></div>
	<div style="width:33%"></div>
</div>

步骤 2:创建 Portal

$('#pp').portal(options);

步骤 3:向 Portal 添加面板(panel)部件

// create the panel
var p = $('<div></div>').appendTo('body');
p.panel({
	title: 'My Title',
	height:150,
	closable: true,
	collapsible: true
});
 
// add the panel to portal
$('#pp').portal('add', {
	panel: p,
	columnIndex: 0
});

属性

名称 参数 描述
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)的拖拽功能。
jquery-easyui-portal.zip