学习ExtJS table布局

371 阅读 0 评论 245 点赞

我是靠谱客的博主苹果睫毛膏，这篇文章主要介绍学习ExtJS table布局，现在分享给大家，希望可以做个参考。

一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。
layoutConfig使用columns指定父容器分成3列，
rowspan合并行数目。
colspan合并列数目。
二、应用举例

复制代码代码如下:

 
Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
title:"人员信息", 
renderTo:Ext.getBody(), 
width:500, 
height:200, 
layout:"table", 
layoutConfig: { 
columns: 3 
}, 
items:[{title:"子元素1",html:"这是子元素1中的内容",rowspan:2,height:100}, 
{title:"子元素2",html:"这是子元素2中的内容",colspan:2}, 
{title:"子元素3",html:"这是子元素3中的内容"}, 
{title:"子元素4",html:"这是子元素4中的内容"} 
] 
} 
); 