錨點布局

錨點布局是根據容器大小為其所包含的子面板進行定位的布局，其xtype值為anchor。

主要配置項：

 anchorSize：父容器提供
 anchor：子容器提供

加入到使用anchor布局面板中的子面板都支持一個anchor配置項，它是一個包含兩個值的字符串，水平值和垂直值。其有效值：
（1） 百分比： 100% 50%
第1項數(shù)值：表示子面板占父容器寬度的百分比
第2項數(shù)值：表示子面板占父容器高度的百分比
如果只提供一個值則只對子面板的寬度生效，高度保持默認值。
（2） 偏移量： -50 -100
第1項數(shù)值：表示子面板到父容器右邊緣的偏移量
第2項數(shù)值：表示子面板到父容器下邊緣的偏移量
如果只提供一個值則只對子面板的寬度生效，高度保持默認值。
（3）參考邊： r b
要求容器設置固定的大小或提供相應的anchorSize配置項才會有正確的效果。

代碼如下：

 new Ext.Panel({  
renderTo: "div2",  
frame: true,  
layout: "anchor",  
title: "錨點布局（AnchorLayout）",  
height: 300,  
width: 500,  
autoScroll: true,  
defaults: {  
    bodyStyle: "padding:3px; background-color: #FFFFFF" 
},  
items: [  
    {anchor: "50% 30%", title:"嵌套面板1", html:"嵌套面板1"},  
    {anchor: "-50 -150", title:"嵌套面板2", html:"嵌套面板2"},  
    {anchor: "r b", width: 300, height:100, title:"嵌套面板3", html:"嵌套面板3"}  
]  

});