学习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返回上一页并刷新的多种实现方法
Feb 26 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
Angular 4.0学习教程之架构详解
Sep 12 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 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开发的一些注意点总结
2010/10/12 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
Python中max函数用法实例分析
2015/07/17 Python
Python实现的随机森林算法与简单总结
2018/01/30 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Django的models中on_delete参数详解
2019/07/16 Python
解决pytorch 数据类型报错的问题
2021/03/03 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
聘任书模板
2014/03/29 职场文书
2014年政教处工作总结
2014/12/20 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
黄河绝恋观后感
2015/06/08 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
高一语文教学反思
2016/02/16 职场文书
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫