首页 > 代码库 > 2.4 easyui - panel的使用

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="http://www.mamicode.com/显示panel" />
<input type="button" onclick="$(‘#p‘).panel(‘close‘);;" value="http://www.mamicode.com/关闭panel" />
<input type="button" onclick="$(‘#p‘).panel(‘destory‘);;" value="http://www.mamicode.com/销毁panel" />

移动面板

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

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