手机
当前位置:查字典教程网 >编程开发 >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中的pow()方法使用

Node.js重新刷新session过期时间的方法

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

javascript函数特点实例

javascript判断并获取注册表中可信任站点的方法

accesskey 提交

js获取变量

JavaScript的while循环的使用

两边静止的广告条

jQuery实现给页面换肤的方法

精品推荐
分类导航