layout - 创建自定义布局 ExtJs 4.1

Question

我一直在努力找出在 ExtJs 4.1 中创建自定义布局的最佳方法。我想要的是绝对布局的变体，能够为每个包含的项目指定 X、Y 坐标。问题是我还想根据项目的参数设置大小和坐标(包含的项目都是扩展 FieldSet 的小部件)。所以基本上它将是一个绝对布局，它接受参数来指定它的大小和位置。

是否有我可以阅读的任何指南来解释如何在 ExtJs 中扩展布局？我知道这可能只是一个简单的“扩展”并覆盖某些方法，但我还没有弄清楚如何做到这一点。

Answer 1

我找到的关于 Ext JS 4.1 布局的最佳资源是 Ext.layout.Context 的文档.它解释了布局计算的流程和布局期间访问 DOM 的规则。请注意，4.1 中的布局比 4.0.7 及更早版本中的布局复杂得多，因此即使是简单的覆盖和扩展也可能需要花费数小时阅读源代码才能理解问题域。

就实际扩展布局而言，它就像扩展任何其他类一样工作。因此，请仔细阅读您要扩展的类及其所有布局子类，以了解您的代码将位于何处以及您可以使用哪些方法。