ExtJs学习笔记(12)_Anchor布局
ExtJs学习笔记(12)_Anchor布局<div class="postBody">Anchor布局的效果直接看代码和效果图最为直观
<div class="cnblogs_code">http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifCode
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->http://www.cnblogs.com/Images/OutliningIndicators/None.gif!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<htmlxmlns="http://www.w3.org/1999/xhtml">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<head>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<title>WindowLayOut</title>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<linkrel="stylesheet"type="text/css"href="../resources/css/ext-all.css"/>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<scripttype="text/javascript"src="../adapter/ext/ext-base.js"></script>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<scripttype="text/javascript"src="../ext-all-debug.js"></script>
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif<styletype="text/css">http://www.cnblogs.com/Images/dot.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif.x-panel-bodyp{http://www.cnblogs.com/Images/dot.gif}{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifmargin:10px;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giffont-size:12px;
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif</style>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</head>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<body>
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif<scripttype="text/javascript">http://www.cnblogs.com/Images/dot.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif//AnchorLayout要点:"1.容器内的组件要么指定宽度，要么在anchor中同时指定高/宽，2.anchor值通常只能为负值(指非百分比值)，正值没有意义，3.anchor必须为字符串值"
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifExt.onReady(function()http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifvarpanel1=newExt.Panel(http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giftitle:"panel1",
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifheight:100,
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifanchor:'-50',
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifhtml:"高度等于100，宽度=容器宽度-50"
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif});
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifvarpanel2=newExt.Panel(http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giftitle:"panel2",
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifheight:100,
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifanchor:'50%',
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifhtml:"高度等于100,宽度=容器宽度的50%"
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif});
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifvarpanel3=newExt.Panel(http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giftitle:"panel3",
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifanchor:'-10,-250',
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifhtml:"宽度=容器宽度-10,高度=容器宽度-250"
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif});
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifvarwin=newExt.Window(http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giftitle:"AnchorLayout",
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifheight:400,
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifwidth:400,
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifplain:true,
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.giflayout:'anchor',
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifitems:
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif});
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gifwin.show();
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif});
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</script>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</body>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</html>
页:
[1]