按类获取 ExtJS 组件答案

【问题标题】：Get ExtJS component by class按类获取 ExtJS 组件
【发布时间】：2021-09-12 11:30:19
【问题描述】：

我想使用类名来检索 ExtJS 组件，也就是说，当我尝试使用 id 来检索元素时，我想要相同的结果。我可以通过使用 id 来做到这一点，但是当我向组件提供 id 时会出现一些问题。下面是一个显示在一个页面上的项目，我想通过使用类名在另一个页面上获取它（内部页面已连接）。

  {
    ref: 'reasonCodeField',
    cls: 'reason-code-field',
    xtype: 'enumcombo',
    enumName: 'SCH.TrackingEventReasonCodes',
    allowBlank: false
  }

现在如何通过类名获取组件？

【问题讨论】：

对我来说这听起来像是XY problem。为什么需要通过其 css 类来查找组件？你想做什么？

标签： extjs3

【解决方案1】：

您可以尝试使用来自 DOM 元素的 ID 调用 Ext.getCmp：

const element = document.querySelector('.reason-code-field');
const component = Ext.getCmp(element.id);

两大警告：

我不确定这是否总是有效。在一个简单的例子中它适用于我。
可能有更好的方法来完成您想要完成的任何事情（请参阅我的评论以了解更多详细信息）。

【讨论】：