Как добавить класс в класс элемента в EXTJs

Question

Я использую диаграмму для отображения piechart для моего приложения. У меня есть:

Ext.query('.highcharts-container') 

, что дает мне массив highchart-контейнеры, и я хотел бы добавить пользовательский класс к каждому из них, чтобы добавить некоторые пользовательские CSS. Я пробовал:

Ext.query('.highcharts-container').addCls("test") 

но говорит, что «addCls» не является функцией. ниже является IMG, как это выглядит:

и согласие с ответами ниже, я пытался добавить его в отдельном приложении, и она работает, но по какой-то причине в этом случае константа показывает undefined.no CLUE whts продолжается?

Answer 1

Ext.query вернет массив соответствующих компонентов. Если вы уверены, что всегда будет точно один элемент в массиве, вы можете использовать:

Ext.ComponentQuery.query('.highcharts-container')[0].addCls("test") 

В противном случае, вы должны перебрать элементы и добавить класс к каждому компоненту.

Ext.ComponentQuery.query('.highcharts-container').forEach(function (item) { 
    item.addCls("test"); 
}); 

Answer 2

Ext.query возвращает массив. Вместо этого используйте Ext.select, который возвращает CompositeElement. Это позволяет запускать Ext.dom.Element методы группы элементов:

Ext.select('.highcharts-container').addCls("test");