jquery面板,jquery窗口

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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');

}