程序博客网 > 淘宝烽火体育是正品

ExtJs学习笔记(12)_Anchor布局

来源：互联网发布：淘宝烽火体育是正品编辑：程序博客网时间：2024/05/18 10:25

ExtJs学习笔记(12)_Anchor布局

Anchor布局的效果直接看代码和效果图最为直观

!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>Window LayOut</title>

<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />

<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="../ext-all-debug.js"></script>

<style type="text/css">

.x-panel-body p {

margin:10px;

font-size:12px;

}

</style>

</head>

<body>

<script type="text/javascript">

//Anchor Layout要点:"1.容器内的组件要么指定宽度，要么在anchor中同时指定高/宽，2.anchor值通常只能为负值(指非百分比值)，正值没有意义，3.anchor必须为字符串值"

Ext.onReady(function() {

var panel1 = new Ext.Panel({

title: "panel1",

height: 100,

anchor: '-50',

html: "高度等于100，宽度=容器宽度-50"

});

var panel2 = new Ext.Panel({

title: "panel2",

height: 100,

anchor: '50%',

html: "高度等于100,宽度=容器宽度的50%"

});

var panel3 = new Ext.Panel({

title: "panel3",

anchor: '-10, -250',

html: "宽度=容器宽度-10,高度=容器宽度-250"

});

var win = new Ext.Window({

title: "Anchor Layout",

height: 400,

width: 400,

plain: true,

layout: 'anchor',

items: [panel1, panel2,panel3]

});

win.show();

});

</script>

</body>

</html>

淘宝烽火体育是正品

淘宝烽火体育是正品

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子激素脸是怎样形成的激素脸是什么样子的排激素脸都什么反应激素脸怎么引起的什么事激素脸激素脸怎么得的激素脸有哪些症状激素脸能好吗激素脸烂脸激素脸怎么排激素脸严重的几个阶段激素脸原因啥叫激素脸激素脸怎么形成的激素脸怎么办啊激素脸用什么药激素脸一般多久好激素脸什么样激素脸有什么特征激素脸怎么引起激素脸对比激素性脸怎么办啊什么叫做激素脸啥是激素脸激素脸有什么症状激素脸能自己慢慢好吗激素脸应该注意什么激素脸反复期激素脸的症状是什么激素脸有什么表现激素脸是怎么如何判断激素脸激素脸特征排激素脸方法激素脸多久能好激素脸的形成原因激素脸会自己好吗激素脸快好的表现激素脸形成原因慢性激素脸激素脸是什么样子