2.4 easyui - panel的使用

標籤：des   style   使用   os   io   div   type   ad   

<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. });