2.4 easyui - panel的使用

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

-----------------------------------------------------

'icon-save' 来自icon.css

<input type="button" onclick="$('#p').panel('open');" value="显示panel" />
<input type="button" onclick="$('#p').panel('close');;" value="关闭panel" />
<input type="button" onclick="$('#p').panel('destory');;" value="销毁panel" />

移动面板

调用'move'方法移动面板到新的位置。

1. $('#p').panel('move',{
2. left:100,
3. top:100
4. });