【easyUI】<div class="easyui-panel" >

   <div class="easyui-panel" 
  style="width:500px;height:200px;padding:10px;"
  title="My Panel" 
  data-options="iconCls:'icon-ok',tools:'#tt'">
  <p>panel</p>
  <p>panel</p>
  <p>panel</p>
</div>
<div id="tt">
<a href="#" class="icon-add" onclick="javascript:alert('add')"></a>
<a href="#" class="icon-edit" onclick="javascript:alert('edit')"></a>
<a href="#" class="icon-cut" onclick="javascript:alert('cut')"></a>
<a href="#" class="icon-help" onclick="javascript:alert('help')"></a>
</div>

2

<script>
function open1(){
$('#p').panel('open');
}
function close1(){
$('#p').panel('close');
}
function load1(){
$('#p').panel('refresh','tabs_href_test.html');
}
</script>

  <div
>
<a href="#" class="easyui-linkbutton" onclick="open1()">Open</a>
<a href="#" class="easyui-linkbutton" onclick="close1()">Close</a>
<a href="#" class="easyui-linkbutton" onclick="load1()">Load</a>
</div>

  <div 
  style="height:300px;background:#fafafa;padding:5px;">
<div 
id="p" 
class="easyui-panel" 
style="width:500px;height:200px;padding:10px;" 
data-options="
title:'My Panel',
iconCls:'icon-save',
collapsible:true,
minimizable:true,
maximizable:true,
closable:true">
<p>panel</p>
<p>panel</p>
<p>panel</p>
<p>panel</p>
<p>panel</p>
</div>
</div>