jQuery EasyUI Erweiterung - Portal
jQuery EasyUI Erweiterte 
Verwendung
Schritt 1: Erstellen Sie eine HTML-Seite
<Div id = "pp" style = "width: 800px; height: 500px;"> <Div style = "width: 33%"> </ div> <Div style = "width: 33%"> </ div> <Div style = "width: 33%"> </ div> </ Div>
Schritt 2: Erstellen eines Portals
$ ( '# Pp') Portal (Optionen) .;
Schritt 3: Fügen Sie Panel (Panel) Mitglied Portal
// Das Panel erstellen
. Var p = $ ( '<div> </ div>') appendTo ( 'body');
p.panel ({
Titel: 'Meine Titel',
Höhe: 150,
verschließbare: true,
zusammenklappbar: true
});
// In das Panel zum Portal
$ ( '# Pp'). Portal ( "Hinzufügen", {
Panel: p,
column: 0
});
Immobilien
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | number | portal 的宽度。 | auto |
| height | number | portal 的高度。 | auto |
| border | boolean | 定义是否显示 portal 的边框。 | false |
| fit | boolean | 当设置为 true 时，设置 portal 的尺寸以适应它的父容器。 | false |
Ereignis
| 名称 | 参数 | 描述 |
|---|---|---|
| onStateChange | none | 当用户拖放面板（panel）时触发。 |
| onResize | width,height | 当 portal 的尺寸改变时触发。 |
Weg
| 名称 | 参数 | 描述 |
|---|---|---|
| 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）的拖拽功能。 |
Download von jQuery EasyUI Beispiele
jQuery EasyUI Erweiterte