extjs - 检查使用类检索到的组件上的 isExpaned()

Question

我在 Ext JS 中有一个具有以下配置的组件。

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

现在我想得到这个元素，如果它被展开，我想执行 collapse() 操作。

通过使用以下代码检索元素并使用 Id 并能够成功执行所需的操作。

var reasonCodeField = Ext.getCmp('reason-code-field');
if (reasonCodeField && reasonCodeField.isExpanded()) {
  reasonCodeField.collapse();
}

但是当我尝试使用类检索元素时，无法执行 collapse() 或 isExpanded() 操作，只有 hide() 可以使用它。

var reasonCodeField = Ext.select('.reason-code-field');

当按类名检索元素时，如何执行 collapse() 或 isExpanded() 操作？

标签： extjs