como rolar para indexar na lista profundamente hierárquica em react-virtualized
oComponente de lista doreagir virtualizado oferece uma propriedadescrollToIndex
para ativar a rolagem para um item da lista que não está visível no momento.
O oficialexemplo de árvore cria uma lista hierárquica com elementos ul empilhados hierarquicamente - exatamente como esperado.
Portanto, se o índice x for rolado para, esta linha conterá toda a hierarquia que reside sob esse elemento específico da árvore.
No meu caso, existem muito poucos elementos de nível um. Mas no nível 3, existem até 600 elementos. Portanto, é importante poder visualizar um elemento do nível 3.
oscrollToIndex
infelizmente, não pode ser usado para isso, pois todos esses 600 elementos estão contidos no mesmo índice de nível superior.
A única maneira de imaginar que isso funcione é criando hierarquicamente componentes inteiros de Lista virtualizada por reação em vez de elementos ul. Então, para rolar um elemento para exibiçãoscrollToIndex
seria chamado de cima para baixo em todos os níveis hierárquicos.
De alguma forma, sinto que deve haver uma maneira mais fácil / viável de fazer isso.
Alguma ideia?
update: eu tive essa ideia:
construa uma função que conte o número de linhas acima do nó ativo na árvore hierárquicamultiplique isso com a altura da linhaaplique isso ascrolltop
noList
componenteO único problema é: scrolltop não é aplicado :-(
este é o componente em que estou trabalhando.