创建自定义布局 ExtJs 4.1

Posted 2023-02-26

【中文标题】创建自定义布局 ExtJs 4.1

【英文标题】：Creating custom layout ExtJs 4.1

【发布时间】：2012-09-10 06:59:46

【问题描述】：

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

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

【参考方案1】：

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

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

【讨论】：

谢谢！似乎是要走的路。如果 Sencha 有一些更高级的教程会很酷，但仍然需要进入源代码。