学习ExtJS table布局_extjs
程序员文章站
2022-06-10 12:50:15
...
一、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中的内容"}
]
}
);
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中的内容"}
]
}
);
上一篇: 排序算法的分类
推荐阅读
-
Flutter学习笔记(23)--多个子元素的布局Widget(Rwo、Column、Stack、IndexedStack、Table、Wrap)
-
[ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题
-
[ExtJS5学习笔记]第二十三节 Extjs5中表格gridpanel的列格式设置
-
ExtJs学习新手入门实战
-
EXTJS4 学习
-
EXTJS4 学习
-
入门基础学习 ExtJS笔记(一)
-
extjs面板布局报错:No center region defined in BorderLayout
-
Extjs学习笔记之九 数据模型(上)
-
Extjs学习过程中新手容易碰到的低级错误积累