将DOM元素id追溯回其ExtJs组件

Question

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

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

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

这是通过代码还是通过其他技术实现的？

Answer 1

我不熟悉用于此类事情的IE开发工具,但我可以尝试回答特定组件及其元素的定位.

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

1. Ext.ComponentQuery.query(CQselector)方法(参见文档示例)
2. Ext.getCmp(componentID) 如果你知道组件ID
3. 来自任何容器/组件的up()和down()方法.这些也采用CQselector表达式

自加载Ext库以来,可以从页面访问任何这些方法.在FF和Chrome等浏览器中,您可以直接从控制台执行这些方法.我猜它们应该可以在IE开发工具中使用.

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