创建自定义布局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及更早版本要复杂得多，因此即使是简单的覆盖和扩展也可能需要数小时阅读源代码才能理解问题域。

就实际扩展布局而言，它就像扩展任何其他类一样。因此，请阅读您要扩展的类及其所有布局子类，以了解代码的位置以及可用的方法。