easyui怎么动态修改layout

参考下面代码： 添加面板 删除面板 /*添加div*/ function addPanel(){ $("#gpyDiv").layout('add',{ region: 'south', width: '100%', height:200 })} /*删除div*/ function deletePanel(){ $("#gpyDiv").layout('remove','south')}

参考下面代码：

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

}

做好下拉框的样式以及基本的属性，调用loadData()方法，往里面写值就行了啊。

$('#cc').combobox({

valueField:'id',

textField:'text'

})

var data = "[{id:'1', value:'1'},{id:'2', value:'2'}]"

// 1和2用逗号分隔

$('#cc').combobox("loadData", data)

---