手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >学习ExtJS table布局
学习ExtJS table布局
摘要:一、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中的内容"}

]

}

);

【学习ExtJS table布局】相关文章:

两边静止的广告条

JavaScript中for循环的使用详解

实用javaScript技术-屏蔽类

学习javascript文件加载优化

简介JavaScript中charAt()方法的使用

js获取变量

关于JavaScript作用域你想知道的一切

JavaScript编程学习技巧汇总

js+html5操作sqlite数据库的方法

学习Javascript面向对象编程之封装

精品推荐
分类导航