jQuery EasyUI API 中文文档 - Panel面板

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery EasyUI API 中文文档 - Panel面板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1882字，纯文字阅读大概需要3分钟。

内容图文

用$.fn.panel.defaults重写defaults。<?XML:NAMESPACE PREFIX = O />
用法示例
创建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'); 
} 
}); 

特性

内容总结

以上是互联网集市为您收集整理的jQuery EasyUI API 中文文档 - Panel面板全部内容，希望文章能够帮你解决jQuery EasyUI API 中文文档 - Panel面板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端