<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" οnclick="javascript:alert('add')"></a>
<a href="#" class="icon-edit" οnclick="javascript:alert('edit')"></a>
<a href="#" class="icon-cut" οnclick="javascript:alert('cut')"></a>
<a href="#" class="icon-help" οnclick="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" οnclick="open1()">Open</a>
<a href="#" class="easyui-linkbutton" οnclick="close1()">Close</a>
<a href="#" class="easyui-linkbutton" οnclick="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>