学习ExtJS table布局
更新时间：2009年10月08日 00:06:20 作者：
ExtJS table布局使用说明，需要的朋友可以参考下。
一、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中的内容"}
]
}
);
相关文章
应用extjs需要在页面中引入extjs的样式及extjs库文件2009-04-04
extjs实现的分页，使用jsp传递数据，具体实现过程如下，需要的朋友莫错过2014-07-07
接下来为大家介绍下GridPanel的几种样式及选择模式分类介绍，感兴趣的朋友可以参考下哈2013-04-04
ExtJS Grid使用SimpleStore、多选框的方法
ExtJS 中Grid使用SimpleStore、多选框的方法,需要的朋友可以参考下。2009-11-11
本文详细介绍下关于加载和回调的问题、从一个store添加符合某条件记录给另一个store中，感兴趣的朋友可以参考下，希望对你有所帮助2013-04-04
在使用extjs gridpanel时，当将数据载入时，grid中的数据并没有显示出来。2008-12-12
这篇文章主要为大家详细介绍了ExtJS 4.2 Grid组件的单元格合并,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
本文列出网上收集的几种方法，希望对大家有用，并且做了下浏览器兼容，感兴趣的朋友可以参考下哈2013-04-04
ComboBox 和 DateField 在IE下消失的解决方法
开发过程中却遇到了在 IE 浏览器中放大、缩小窗口大小会导致这两个组件消失不见不报任何错误且在其他浏览器正常，通过本文你将学会如何解决此问题2013-08-08
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
需要做一个控制grid列显示的checkboxgroup，虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏,需要的朋友可以参考下2014-05-05
最新评论