jQuery EasyUI API 中文文档 - Panel面板_jquery

用$.fn.panel.defaults重写defaults。<?XML:NAMESPACE PREFIX = O />

文档 - Panel面板_jquery-easyui panel api">
用法示例
创建Panel
1. 经由标记创建Panel
从标记创建Panel更容易。把 'easyui-panel' 类添加到<div/>标记。

复制代码 代码如下:

<div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;"
iconCls="icon-save" closable="true"
collapsible="true" minimizable="true" maximizable=true>
<p>panel content.</p>
<p>panel content.</p>
</div>

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

复制代码 代码如下:

<div id="p" style="padding:10px;">
<p>panel content.</p>
<p>panel content.</p>
</div>
$('#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');
}
});

特性

事件

方法

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索panel
面板
easyui panel api、jquery easyui panel、jquery easyui api、jquery easyui中文api、jquery easyui api1.5，以便于您获取更多的相关知识。