dom - 追踪 DOM 元素 id 回到它的 ExtJs 组件

Question

我们正在为使用 ExtJs 构建的 Web 应用程序开发基于 Web 的自动化解决方案。

目前我正在测试以最佳方式识别网络元素的各种不同的对象识别技术。

我们想使用 IE 开发人员工具 (F12) 在页面上突出显示和选择 DOM 对象，并(以某种方式)获取它们对应的 ExtJs 组件(及其对应的属性，例如 itemId)。

这可以通过代码或其他技术来实现吗？

Answer 1

我不熟悉用于此类事情的 IE 开发工具，但是我可以尝试针对特定组件及其元素来回答。

您可以通过多种方式定位 Ext 组件:

1. Ext.ComponentQuery.query(CQselector) 方法 ( see docs for examples )
2. Ext.getCmp(componentID) 如果你知道组件 ID
3. 来自任何容器/组件的 up() 和 down() 方法。这些也采用 CQselector 表达式

自加载 Ext 库以来，这些方法中的任何一个都可以从页面访问。在 FF 和 Chrome 等浏览器中，您可以直接从控制台执行这些方法。我猜测它们应该在 IE Dev 工具中类似地可用。

一旦您引用了 Ext 组件，您就可以通过 .dom 或 .el 或类似属性获取 HTML 元素。或者你可以使用 Dom query直接。