门户

扩展组件 » 门户

步骤 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: 创建门户

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

步骤 3: 向此门户添加面板小部件

// 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 });

属性

名称	类型	描述	默认
width	number	门户宽度。	auto
height	number	门户高度。	auto
border	boolean	定义是否显示门户边框。	false
fit	boolean	当设置为true时，门户大小与父容器相匹配。	false

事件

名称	参数	描述
onStateChange	panel	当用户拖放面板时触发。
onResize	width,height	更改门户大小时触发。

方法

名称	参数	描述
options	none	返回options对象。
resize	param	设置门户大小，参数“param”包含以下属性:width:门户的新宽度。height:门户的新高度.
getPanels	columnIndex	获取指定的列面板，当没有指定columnIndex参数时，返回所有面板。
add	param	添加一个新的面板，“param”参数包含以下属性: panel: the panel object to be added。 columnIndex: the column index to be inserted.
remove	panel	移除并销毁指定的面板。
disableDragging	panel	禁用面板的拖动功能。
enableDragging	panel	启用面板的拖动功能。

下载EasyUI扩展: