【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>