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:5pxbackground:#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')

}

创建了控件后 可能发现并没有生效

这个时候就需要用easyui 的解析

$.parser.parse()

举个例子：

var odiv = '<div class="easyui-accordion" style="width:300px" id="tt"><div title="项目管理">1111111111</div><div title="角色管理">2222222222</div></div>'

$("body").append(odiv)

$.parser.parse($("#tt").parent())

//$.parser.parse($("#tt")) 这样是不对的 因为这样只找到了 手风琴的两个子元素 而没有吧 class="easyui-accordion" 找到

---