手机
当前位置:查字典教程网 >编程开发 >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面向对象编程之封装

Javascript监视变量变化的方法

javascript实现带下拉子菜单的导航菜单效果

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

JavaScript生成福利彩票双色球号码

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

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

JavaScript编程学习技巧汇总

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

JavaScript的while循环的使用

精品推荐
分类导航