Buongiorno a tutti,
dopo diverse letture in giro per il web e innumerevoli tentativi sono a chiedere il vostro aiuto per risolvere un problema.
Sto sviluppando un Gantt all'interno di un dialog Jquery ma quando inserisco moltissimi elementi il drag e lo scroll diventano lentissimi. Ispezionando tramite la Developer Tools di Chrome ho notato che durante un movimento del dialog la maggior parte del tempo è utilizzata per l'evento "Update Layer Tree". Attraverso poi il Layers Tab ho notato che tutti gli elementi del Gantt che escono da dialog generano ulterriori layer al DOM.
Vi riporto uno screen dove si vede il dialog e la vista 2D e 3D dei layers.
https://www.dropbox.com/s/a6rxpexoqr...lema_gantt.png
Vorrei precisarvi che ogni elemento all'interno del gantt è posizionato tramite top/left e posizione assoluta.
Se tolto la position:absolute dalla classe CSS degli elementi del gantt tutti gli elementi esterni al dialog spariscono dal Layers.
Domanda, come faccio a risolvere questo problema? ma soprattuto, se tutti gli elementi del gantt hanno lo stesso Z-index perchè ogni elementi genera una layer?
Vi riporto uno spezzone di codice
https://www.dropbox.com/home?preview...gantt_code.png
Rispondi quotando