学习ExtJS table布局_Javascript教程-查字典教程网
学习ExtJS table布局
学习ExtJS table布局
发布时间:2016-12-30 来源:查字典编辑
摘要:一、Table布局由类Ext.layout.TableLayout定义,类以于html中的table,可以对行或列进行合并。layoutCo...

一、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中的内容"}

]

}

);

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类