cómo desplazarse al índice en una lista profundamente jerárquica en react-virtualized
losComponente de lista dereaccionar-virtualizado ofrece una propiedadscrollToIndex
para habilitar el desplazamiento a un elemento de la lista que actualmente no está visible.
El oficialejemplo de árbol crea una lista jerárquica con elementos ul apilados jerárquicamente, tal como se esperaba.
Entonces, si se desplaza el índice x, esta fila contiene toda la jerarquía que reside debajo de este elemento de árbol específico.
En mi caso hay muy pocos elementos de nivel uno. Pero en el nivel 3 hay hasta 600 elementos. Por lo tanto, es importante poder desplazar un elemento del nivel 3 a la vista.
losscrollToIndex
desafortunadamente no se puede usar para esto ya que todos estos 600 elementos están contenidos en el mismo índice de nivel superior.
La única forma en que puedo imaginar que esto funcione es mediante la creación jerárquica de componentes de Lista virtualizados en lugar de elementos ul. Luego, para desplazar un elemento a la vistascrollToIndex
se llamaría de arriba hacia abajo en cada nivel jerárquico.
De alguna manera siento que debe haber una manera más fácil / más factible de hacer esto.
¿Algunas ideas?
Actualización: tuve esta idea:
construir una función que cuente el número de filas sobre el nodo activo en el árbol jerárquicomultiplique eso con la altura de la filaaplicar esto ascrolltop
en elList
componenteEl único problema es: scrolltop no se aplica :-(
Esta es el componente en el que estoy trabajando.