通过 $.fn.panel.defaults 重写默认的 defaults。 面板（panel）当做其他内容的容器使用。它是创建其他组件（比如：Layout 布局、Tabs 标签页/选项卡、Accordion 折叠面板，等等）的基础组件。它也提供内置的可折叠、可关闭、可最大化、可最小化的行为以及其他自定义行为。面板（panel）可以简单地嵌入到网页的任何位置。  用法创建面板（Panel）1、通过标记创建面板（Panel） 从标记创建面板（Panel）更容易。把 'easyui-panel' class 添加到 <div> 标记。 <div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" data-options="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(){
下载地址:
jQuery EasyUI 布局插件 - Tabs 标签页/选项卡
jQuery EasyUI 基础插件 - Tooltip 提示框 |
