So fügen Sie der Elementklasse in EXTJs eine Klasse hinzu

Question

Ich verwende ein Diagramm, um ein Kreisdiagramm für meine App zu erstellen. Ich habe:

Ext.query('.highcharts-container') 

das mir eine Reihe von highchart-Container gibt, und ich möchte eine benutzerdefinierte Klasse zu jedem von ihnen hinzuzufügen, um einige benutzerdefinierte CSS hinzufügen. Ich versuchte:

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

aber sagt "addcls" ist keine Funktion. unten ist die img, wie es aussieht:

und werden nach den Antworten unten, habe ich versucht, es in eigener App hinzufügen, und es funktioniert, aber aus irgendeinem Grund in diesem Fall ist es konstant zeigt undefined.no Hinweis whts geht es weiter?

Answer 1

Ext.query gibt ein Array von übereinstimmenden Komponenten zurück. Wenn Sie sicher, es sind immer genau 1 Element im Array, können Sie verwenden:

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

Andernfalls sollten Sie Schleife durch die Elemente und fügen Sie die Klasse zu jeder Komponente.

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

Answer 2

Ext.query gibt ein Array zurück. Verwenden Sie stattdessen Ext.select, die eine CompositeElement zurückgibt. Es lässt Sie Ext.dom.Element Methoden auf eine Gruppe von Elementen aus:

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