- 浏览: 32146 次
- 性别:
- 来自: 广州
最新评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>布局</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
title:'Ext.panel.container.Table',
layout:{
type:'table', //表格布局
columns:4 //设置表格布局默认列数为4列
},
frame:true,
height:150,
width:250,
renderTo:Ext.getBody(),
defaults:{
bodyStyle:'background-color:#FFFFFF',
frame:true,
width:50,
height:50
},
items:[{
title:'子面板一',
width:150,
colspan:3 //设置跨列
},{
title:'子面板二',
rowspan:2, //设置跨行
height:100
},
{ title:'子面板三'},
{ title:'子面板四'},
{ title:'子面板五'}
]
});
});
</script>
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>布局</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
title:'Ext.panel.container.Table',
layout:{
type:'table', //表格布局
columns:4 //设置表格布局默认列数为4列
},
frame:true,
height:150,
width:250,
renderTo:Ext.getBody(),
defaults:{
bodyStyle:'background-color:#FFFFFF',
frame:true,
width:50,
height:50
},
items:[{
title:'子面板一',
width:150,
colspan:3 //设置跨列
},{
title:'子面板二',
rowspan:2, //设置跨行
height:100
},
{ title:'子面板三'},
{ title:'子面板四'},
{ title:'子面板五'}
]
});
});
</script>
</head>
<body>
</body>
</html>
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2011Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1320JSON作为轻量级的数据传输格式,在很多时候可以作为XML文件 ... -
Ext.Ajax.request提交XML数据示例
2013-07-09 16:51 883服务器端:loginServerXml.jsp 在lib下要有 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1021服务器端代码:loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 608<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 652<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 403<!DOCTYPE html PUBLIC " ... -
改变文档样式风格示例
2013-07-04 10:55 752<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 636<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 910<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1275<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 714Ext.util.ClickRepeater 继承Ext.ut ... -
样式表的创建和规则获取示例
2013-07-03 10:44 489<!DOCTYPE html PUBLIC " ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 814<!DOCTYPE html PUBLIC " ... -
Ext常用函数
2013-07-01 16:42 602函数一:Ext.onReady() Ext的Dom都是动态生成 ... -
水平盒布局HBox
2013-07-01 15:43 444<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 690<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 371Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 927<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 735<!DOCTYPE html PUBLIC " ...
相关推荐
extjs表格布局小例子,涉及到数据的存储,如何删除数据和添加数据
用Android Studio 2.3.3做的表格布局例子,主要用到、标签,还有android:shrinkColumns="0,1,2"、android:layout_column="0"等设置。
基于element-ui 的form表单实现的一个高拓展性的表格布局组件,能够用于日常使用表单的布局实现。
Android移动应用开发表格布局TableLayout的特点.pdf 学习资料 复习资料 教学资源
使用表格布局与线性布局实现分类工具栏,android编程,代码很详尽
表格可以随意拖曳添加删除,布局也可以随意拖动
用表格布局的html
很好用,没限制,可以找到一些关于表格布局的信息和使用注意点。
17表格布局,android学习实例,代码简洁,注释清楚
HTML多图片融合于一张表的方法,CSS 样式控制
《表格布局网页》课件.pdf《表格布局网页》课件.pdf《表格布局网页》课件.pdf《表格布局网页》课件.pdf《表格布局网页》课件.pdf《表格布局网页》课件.pdf
不用到table标签也能实现 table功能。
.使用XML文件声明界面布局的特点 • 将程序的表现层和控制层分离(利于代码的维护) • 在后期修改用户界面时,无需更改程序的源 ...• 表格布局 • 相对布局 • 网格布局 需要补充的案例:QQ的登录界面
程序示范了如何使用TabelLayout来管理组件的布局。使用Android Studio编译
Android 表格布局实例应用 直接把源码下载下来运行即可看到实际效果。
博客引用的table布局小例子,没有办法设置为0积分,请见谅
安卓表格布局,表格布局也是布局方法之一,是安卓入门的必要技能,通俗易懂的实例,欢迎下载
这是一个静态网页的作业,解压密码为wangye
Android的表格布局代码
。。。