MINIUI-Layout控件

gudicao

页面布局为：
<div id="layout1" class="mini-layout" style="width:600px;height:400px;">
    <div title="north" region="north" height="80" >
        north
    </div>
        <div title="center" region="center" >
        center
    </div>
</div>
我想用js动态更改为
<div id="layout1" class="mini-layout" style="width:600px;height:400px;">
    <div title="east" region="east"  showCloseButton="true" >
        east
    </div>
    <div title="center" region="center" >
        center
    </div>
</div>
该怎么调整呢？

dforce

把north的删掉，再添加上east面板
layout.removeRegion("north")
var newRegion={title:"east",region:"east",showCloseButton:true}
layout.addRegion(newRegion)