Anchor布局ExtJS 4.0教程
Anchor 布局的自动适应功能，配合 ExtJS 4.0 用起来真挺顺手的。它会根据容器的大小，自动调整子面板的位置和大小，基本不需要你手动去算宽高，尤其在做响应式界面的时候，省心不少。
Anchor 的 anchor 配置项，你可以直接写百分比，比如'100P%'，表示子面板宽度占满，高度占一半。挺适合做弹性面板的，像侧边栏、工具条这类组件，用它做布局合适。
要注意哦，只有添加到 Anchor 布局容器里的子面板才认anchor这个配置项。不然你写了也没效果。还有一点，两个值只写一个也可以，比如'100%'，那它就只控制宽度。
如果你想更系统地了解，可以看看ExtJS 面板及布局类这篇文章，讲得还挺细的。或者想深入了解布局机制的，也可以参考下关于 Extjs 的面板和布局。
另外，像滚动跳转这种也经常和锚点配合用，Implementing Anchor Point Jump with Scroll Offset Control里有个还不错的实现思路。
，如果你在用 ExtJS 4.0 写后台系统或者工具类界面，Anchor 布局是个值得试一试的方案。想要控制灵活、响应也快，那这个布局还是挺靠谱的。
如果你界面里有需要自适应的子组件，比如搜索框、工具栏，可以先试着用anchor配下看看，搭起来会更轻松。
文件大小：2.23MB
评论区