学习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 Label的 fieldLabel和html属性值对齐的方法
这篇文章主要介绍了Extjs Label的 fieldLabel和html属性值不能对齐的解决方法,需要的朋友可以参考下2014-06-06
本文介绍在桌面程序开发中很常用也很简单的工具栏和菜单，但是在通常的web开发中，要实现好工具栏和菜单并非易事，然而extjs使我们能够用类似桌面程序开发的方法来开发web的工具栏和菜单。2010-01-01
最近在学习使用ExtJS进行富客户端开发。使用ExtJS 2.2.1的grid控件时，发现在ie6中运行存在一个问题2009-05-05
JavaScript的Ext JS框架中的GridPanel组件使用指南
GridPanel和TreePnal功能类似,都是Ext JS中的表格便携利器,相比之下GridPanel还要更强大并且更复杂一些,下面我们就来整理一下JavaScript的Ext JS框架中的GridPanel组件使用指南2016-05-05
Extjs动态加载树的实现代码，需要的朋友可以参考下。2010-04-04
网上找了好多EXTJS上传图片预览的，但都不行，，，下面虽然IE8可以但肯定还存在其它浏览器的兼容性问题，待搁应付一下吧2012-03-03
ExtJS Ext.MessageBox.alert()弹出对话框详解
Ext.MessageBox是一个工具类，他继承自Obiect对象，用来生成各种风格的信息提示对话框，Ext.Msg是该类的别名，使用Ext.MessageBox和用Ext.Msg效果是一样的，而后者提供了更简单的方式。2010-04-04
Panel内部的组件添加多了之后，组件如何排放就成了一个问题，Extjs的Layout就是为了解决这个问题的。其实学习Layout的最好地点就是Extjs的官网的例子2010-01-01
记录一下ExtJS的一些简单使用的方法.备忘2010-10-10
本文为大家介绍下extjs4 treepanel如何动态改变行高度，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
最新评论