jquery easyui layout 怎样添加和删除面板

<div id="gpyDiv" class="easyui-layout" fit=true style="width:100%;height:100%;">  
      <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>  
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>  
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>  
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>  
</div>  



<a href="javascript:void(0)" class="easyui-linkbutton"  value="Scan"  id="BtnScan" data-options="iconCls:'icon-print'" onclick="javascript:addPanel()" >添加面板</a>
            <a href="javascript:void(0)" class="easyui-linkbutton"  value="Scan"  id="BtnScan" data-options="iconCls:'icon-print'" onclick="javascript:deletePanel()" >删除面板</a>


 /*添加div*/
    function addPanel(){
     $("#gpyDiv").layout('add',{
       region: 'south',   
      width: '100%',
      height:200
     });
    }
    /*删除div*/
    function deletePanel(){
     $("#gpyDiv").layout('remove','south');
    }

一个简单的示例 希望能帮到您！