- 浏览: 32226 次
- 性别:
- 来自: 广州
最新评论
<!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.layout.container.HBox',
layout:{
type:'hbox', //水平盒布局
align:'stretch' //子面板高度充满父容器
},
frame:true,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
bodyStyle:'background-color:#FFFFFF',
frame:true,
width:50,
height:50
},
items:[{
title:'子面板一',
flex:1,
html:'1/4宽'
},
{
title:'子面板二',
flex:1,
html:'1/4宽'
},
{
title:'子面板三',
flex:2,
html:'1/2 宽'
}]
});
});
</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.layout.container.HBox',
layout:{
type:'hbox', //水平盒布局
align:'stretch' //子面板高度充满父容器
},
frame:true,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
bodyStyle:'background-color:#FFFFFF',
frame:true,
width:50,
height:50
},
items:[{
title:'子面板一',
flex:1,
html:'1/4宽'
},
{
title:'子面板二',
flex:1,
html:'1/4宽'
},
{
title:'子面板三',
flex:2,
html:'1/2 宽'
}]
});
});
</script>
</head>
<body>
</body>
</html>
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2018Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1322JSON作为轻量级的数据传输格式,在很多时候可以作为XML文件 ... -
Ext.Ajax.request提交XML数据示例
2013-07-09 16:51 884服务器端:loginServerXml.jsp 在lib下要有 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1023服务器端代码:loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 610<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 653<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 405<!DOCTYPE html PUBLIC " ... -
改变文档样式风格示例
2013-07-04 10:55 753<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 637<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 911<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1279<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 715Ext.util.ClickRepeater 继承Ext.ut ... -
样式表的创建和规则获取示例
2013-07-03 10:44 491<!DOCTYPE html PUBLIC " ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 815<!DOCTYPE html PUBLIC " ... -
Ext常用函数
2013-07-01 16:42 603函数一:Ext.onReady() Ext的Dom都是动态生成 ... -
表格布局
2013-07-01 15:18 495<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 691<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 373Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 929<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 736<!DOCTYPE html PUBLIC " ...
相关推荐
用C语言实现的gtk水平布局,在linux环境下用gcc编译,可直接运行
JavaFX布局HBox演示 布局-> HBox 配置: setSpacing() :盒子内组件之间的空间 setPadding() :框体的填充
通过低热梯度直拉晶体(LTG-CZ)生长了$$ \ hbox {Na} _2 \ hbox {W} _2 \ hbox {O} _7 $$ Na2W2O7(NWO)的单晶。 作为暗物质搜索实验的潜在材料,首次评估了晶体的闪烁特性。 通过使用发光二极管(LED)和$$ {} ^ ...
我们报告了对$$ ^ {130} \ hbox {Te} $$ 130Te到第一个$$ 0 ^ {+} $$ 0+ $$ ^ {130} \ hbox {Xe的激发态 } $$ 130Xe使用$$ 9.8 \,\ hbox {kg} \ cdot \ hbox {yr} $$ 9.8kg·yr暴露的$$ ^ {130} \ hbox {Te} $$ 130...
ECLIPSE+ZK布局实例: <?page title="玄门神数"?> 玄门神数" border="normal" > <hbox spacing="0" width="100%" height="100%"> ,100px"> 左上 左下 右边 </hbox> </zk>
Canvas layout 容器 1 Absolute模式 1 constraint-based模式: 2 Vbox或者Hbox 布局 3 ControlBar layout 容器 4 ApplicationControlBar 容器 6 DividedBox, HDividedBox 和VDividedBox 布局 8...
$$ \ hbox {Li} _ {2} \ hbox {MoO} _ {4} $$ Li2MoO4和CaMoO $$ _ 4 $$ 4等基于钼的晶体正在成为寻找无中微子的下一代实验的主要候选对象 使用低温量热仪(CUPID,AMoRE)进行双β衰变。 这些晶体的精美能量分辨率...
在非弹性pp碰撞中,在$ Rapid \ sqrt {s} = 7 \\ hbox {TeV} $$ s = 7TeV且在p– 对于非单个衍射事件和多重性类,$$ \ sqrt {s _ {\ mathrm {NN}}} = 5.02 \ \ hbox {TeV} $$ sNN = 5.02TeV处的Pb碰撞。 共振通过其...
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column...另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 该文件含ext3.2.0压缩版,可直接运行哦!
使用CERN LHC处的ALICE检测器获得$$ \ hbox {K} / \ pi $$ K /π,$$ \ hbox {p} / \ pi $$ p /π和K / p波动的初步结果。 $$ \ text {Pb--Pb} $$ Pb--Pb在$$ \ sqrt {s_ \ mathrm {{NN}}}上的中心度函数= 2.76 \ ...
根据在$ \ sqrt {s} = 13 \ hbox {TeV} $$ s = 13TeV的质子-质子碰撞中双射角分布的测量结果,提出了一种超越标准模型的物理搜索方法。 在大型强子对撞机中使用CMS检测器收集的数据对应于35.9 $$ \,\ text {fb} ^ {...
通常认为,观察中微子-反中微子(ν-ν$$ \ nu \ hbox {-} \ overline {\ nu} $$)振荡几乎是不可能的,因为预计振荡概率会大大受到抑制 中微子质量与能量之比的平方。 这种论点适用于大多数基于Weinberg算子的中...
参考文献[6]: 来吧 B 763,280”应已更正为“ Phys。Phys。 来吧 B 763,280(2016)”。
我们在$$ \ mathbb {R} \ times \ hbox {S} ^ 2 $$ R×S2上研究与正弦-Gordon方程的椭圆解相对应的经典字符串解。 在这项工作中,这些解决方案是通过反演Pohlmeyer约简得到的。 建立了字符串解决方案与其Pohlmeyer...
JSP9种基本内置组件 request、response、pageContext、 session 等
通过对椭圆Pohlmeyer对应的字符串解应用修整方法,可以得到$$ \ mathbb {R} ^ t \ times \ hbox {S} ^ 2 $$ Rt×S2的经典字符串解。 这是通过使用最简单的修整因子来实现的,该修整因子仅具有位于单位圆上的一对极点...
产生新的水平盒子的函数为 GtkWidget *gtk_hbox_new (gint homogeneous, gint spacing); 参数homogeneous是用来控制是否盒子中的每个组件都有同样的大小(例如水平盒子中的控件有同样的宽度,垂直盒子中的控件有同样...
我们提出了在每个碰撞核子对的质心能量中心处,在半中心Pb-Pb碰撞中,来自美丽强子衰变的电子的椭圆流的计算,表示为$$ \ sqrt {s_ \ mathrm {NN}} $ $ sNN,... hbox {TeV} $$ sNN = 2.76TeV最近由ALICE合作公开发布。
本文介绍了使用数据对B 0 ‐ B¯0 $$ {B} ^ 0 \ hbox {-} {\ overline {B}} ^ 0 $$系统的相对宽度差ΔΓd /Γd的测量 由ATLAS实验在LHC在s = 7 $$ \ sqrt {s} = 7 $$ TeV和s = 8 $$ \ sqrt {s} = 8 $$ TeV的pp碰撞中...