destroy重新打开 eayui_jQuery EasyUI API 中文文档 - Panel面板

用法示例

创建Panel

1. 经由标记创建Panel

从标记创建Panel更容易。把 'easyui-panel' 类添加到

iconCls="icon-save" closable="true"

collapsible="true" minimizable="true" maximizable=true>

panel content.

panel content.

2. 编程创建Panel

让我们创建带右上角工具栏的Panel。.

panel content.

panel content.

$('#p').panel({

width:500,

height:150,

title: 'My Panel',

tools: [{

iconCls:'icon-add',

handler:function(){alert('new')}

},{

iconCls:'icon-save'

handler:function(){alert('save')}

}]

});

移动Panel

调用 'move' 方法把Panel移动到新位置。

$('#p').panel('move',{

left:100,

top:100

});

加载内容

让我们经由ajax加载panel内容并且当加载成功时显示一些信息。

$('#p').panel({

href:'content_url.php',

onLoad:function(){

alert('loaded successfully');

}

});