动态创建Layout
一开始是怎么都不能动态增加的,后来看到了http://bbs.btboys.com/thread-638-1-1.html,才把问题解决.

js代码:
/** * $('#cc').layout();//一定先运行这句来实例化,下面才能动态增加部件,同时,html一定先存在一个region 就是center,否则会报错   * @param {Object} '#cc' */$(document).ready(function(){    $('#cc').layout();  $('#cc').layout('add', {        region: 'west',        width: 180,        title: 'WEST Title',        split: true,        tools: [{            iconCls: 'icon-add',            handler: function(){                alert('add')            }        }, {            iconCls: 'icon-remove',            handler: function(){                alert('remove')            }        }]    });$('#cc').layout('add', {        region: 'east',        width: 180,        title: 'EAST Title',        split: true,        tools: [{            iconCls: 'icon-add',            handler: function(){                alert('add')            }        }, {            iconCls: 'icon-remove',            handler: function(){                alert('remove')            }        }]    });$('#cc').layout('add', {        region: 'north',        width: 180,height:100,//这个一定存在        title: 'NORTH Title',        split: true,        tools: [{            iconCls: 'icon-add',            handler: function(){                alert('add')            }        }, {            iconCls: 'icon-remove',            handler: function(){                alert('remove')            }        }]    });$('#cc').layout('add', {        region: 'south',        width: 180,height:100,//这个一定存在        title: 'SOUTH Title',        split: true,        tools: [{            iconCls: 'icon-add',            handler: function(){                alert('add')            }        }, {            iconCls: 'icon-remove',            handler: function(){                alert('remove')            }        }]    });});