DasList component von reagieren-virtualisiert bietet eine Immobilie anscrollToIndex, um das Scrollen zu einem Listenelement zu aktivieren, das derzeit nicht sichtbar ist.

Das offizielle Baum Beispiel erstellt eine hierarchische Liste mit hierarchisch gestapelten ul-Elementen - genau wie erwartet.

Wird zu Index x gescrollt, enthält diese Zeile die gesamte Hierarchie, die sich unter diesem bestimmten Baumelement befindet.

In meinem Fall gibt es nur sehr wenige Elemente der Ebene eins. In Level 3 gibt es jedoch bis zu 600 Elemente. Es ist daher wichtig, dass Sie ein Element der Ebene 3 in der Ansicht scrollen können.

DasscrollToIndex kann dafür leider nicht verwendet werden, da alle diese 600 Elemente im selben Top-Level-Index enthalten sind.

Der einzige Weg, wie ich mir das vorstellen kann, ist das hierarchische Erstellen ganzer reaktionsvirtualisierter List-Komponenten anstelle von ul-Elementen. Dann, um ein Element in Ansicht zu scrollenscrollToIndex würde auf jeder Hierarchieebene von oben nach unten aufgerufen.

Irgendwie glaube ich, dass es einen einfacheren / praktikableren Weg dafür geben muss.

Irgendwelche Ideen

update: Ich hatte diese Idee:

Erstelle eine Funktion, die die Anzahl der Zeilen über dem aktiven Knoten im hierarchischen Baum zählt multiplizieren Sie das mit der Zeilenhöheapply this toscrolltopin demListKomponent

as einzige Problem ist: scrolltop wird nicht angewendet: -

Die ist die Komponente, an der ich arbeite.