学习ExtJS table布局


Posted in Javascript onOctober 08, 2009

一、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中的内容"} 
] 
} 
);
Javascript 相关文章推荐
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
Jquery倒计时源码分享
May 16 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
Jun 09 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
原生JS实现拖拽功能
Dec 16 Javascript
学习ExtJS accordion布局
Oct 08 #Javascript
学习ExtJS form布局
Oct 08 #Javascript
学习ExtJS fit布局使用说明
Oct 08 #Javascript
学习ExtJS border布局
Oct 08 #Javascript
学习ExtJS Column布局
Oct 08 #Javascript
学习ExtJS 访问容器对象
Oct 07 #Javascript
学习ExtJS Window常用方法
Oct 07 #Javascript
You might like
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
php判断访问IP的方法
2015/06/19 PHP
php实现生成验证码实例分享
2016/04/10 PHP
php mysql 封装类实例代码
2016/09/18 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
实用javaScript技术-屏蔽类
2006/08/15 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
2010/04/01 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
2012/12/24 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
JS重载实现方法分析
2016/12/16 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python解析html开发库pyquery使用方法
2014/02/07 Python
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
古驰英国官网:GUCCI英国
2020/03/07 全球购物
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
好的演讲稿开场白
2013/12/30 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
技校毕业生自荐信
2014/06/03 职场文书
影视后期实训报告
2014/11/05 职场文书
使用golang编写一个并发工作队列
2021/05/08 Golang
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL