手机
当前位置:查字典教程网 >编程开发 >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文件加载优化

JS实现兼容各浏览器解析XML文档数据的方法

浅析JavaScript作用域链、执行上下文与闭包

JavaScript中的pow()方法使用

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

判断是否输入完毕再激活提交按钮

javascript函数特点实例

JavaScript编程学习技巧汇总

jQuery实现给页面换肤的方法

Javascript监视变量变化的方法

精品推荐
分类导航