EasyUI-Portal（门户）

2015-07-20 19:36:32 暂无评论阳光倾城网络前端 1,096

这里的门户就是可以把各种资源集中到一个视窗下集中管理或应用的套件。

第1步：创建一个HTML页面
<div id=”pp” style=”width:x;height:x;”>

</div>

第2步：创建一个门户
$(‘#pp’).portal(options);

第3步：在这个门户中添加面板部件
// create the panel

var p = $(‘<div></div>’).appendTo(‘body’);

p.panel({

title: ‘My Title’,

height:

closable: true,

collapsible: true

});

// add the panel to portal

$(‘#pp’).portal(‘add’, {

panel: p,

columnIndex:

});
属性

事件

方法

方法名	参数	描述
options	none	返回属性对象。
resize	param	设置门户大小，‘param’参数包含以下属性： width：新的门户宽度。 height：新的门户高度。
getPanels	columnIndex	获取指定列面板，当列索引参数未指定的时候则返回所有面板。
add	param	添加一个新面板，‘param’参数包含以下属性： panel：添加的面板对象。 columnIndex：插入的列索引。
remove	panel	移除和销毁指定面板。
disableDragging	panel	禁用面板拖拽功能。
enableDragging	panel	启用面板拖拽功能。