(33)ExtJS之Panel中的表格布局

Ext.onReady(function(){Ext.create('Ext.panel.Panel',{title:'Ext.layout.container.Table布局示例',layout:{type:'table',//表格布局columns:4//设置表格布局默认列数为4列},frame:true,//渲染面板height:150,width:210,renderTo:Ext.getBody(),defaults:{//设置默认属性bodyStyle:'background-color:#FFFFFF;padding:15px',//设置面板体的背景色'frame:true,width:50,height:50},items:[{title:'子面板一',width:150,colspan:3//设置跨列},{title:'子面板二',rowspan:2,//设置跨行height:100},{title:'子面板三'},{title:'子面板四'},{title:'子面板五'}]});});