学习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获得参数的getParameter使用示例
Feb 26 Javascript
Jquery中扩展方法extend使用技巧
Aug 24 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
详解React中的组件通信问题
Jul 31 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
详解Vue-cli代理解决跨域问题
Sep 27 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
react 生命周期实例分析
May 18 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
php 模拟get_headers函数的代码示例
2013/04/27 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
PHP基于curl后台远程登录正方教务系统的方法
2016/10/14 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
jquery动态添加option示例
2013/12/30 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
2016/10/21 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
Python中property属性实例解析
2018/02/10 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Python实现高斯函数的三维显示方法
2018/12/29 Python
python中的数据结构比较
2019/05/13 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
恒华伟业笔试面试题
2015/02/26 面试题
学校门卫岗位职责
2014/03/16 职场文书
家长建议怎么写
2014/05/15 职场文书
医学专业自荐信
2014/06/14 职场文书
导游词欢迎词
2015/02/02 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
在Docker容器中部署SQL Server
2022/04/11 Servers