Probleme mit der Tabulatorfunktion zwischen Filterfeldern mit horizontalem Scrollen - Scrollen außerhalb der Synchronisation

Question

Wir haben ein breites Raster mit horizontalem Scrolling mit 2 eingefrorenen Spalten. Es ist sehr breit (über 20 Spalten), so dass das horizontale Scrollen immer benötigt wird.

Wir verwenden die Filter Row-Option, damit der Benutzer filtern kann. Funktioniert gut, aber wenn der Benutzer Tabs zwischen den Filterfeldern eingibt, tritt ein Problem auf. Wenn der Benutzer zu einem versteckten Feld navigiert (wird ausgeblendet, wenn man scrollen muss, um es zu sehen), scrollt die Kopfzeile, um zu empfangen, aber der Körper wird nicht. Ebenso, wenn der Benutzer ganz nach rechts und Tabs aus der letzten eingefrorenen Spalte gescrollt ist, gerät das Scrollen wieder aus dem Takt.

Sehen Sie im folgenden Dojo Beispiel selbst das Problem zu erleben.

http://dojo.telerik.com/iNONA/2

Wenn jemand eine Ahnung, wie hat dieses Problem zu beheben, ich es sehr schätzen würde!

Danke!

Answer 1

Ich hatte ein ähnliches Problem, nur ohne angluar Implementierung. Für mich löste die jQuery scrollLeft() Methode das Problem, siehe (Grid data isn't align with Grid header when tabbing through header columns).

$("#example .k-grid-content").scrollLeft($("#example .k-grid-header-wrap").scrollLeft()) 

Mit dieser Codezeile habe ich es in der Entwicklerkonsole Ihres Dojo Beispiel arbeiten die Netzinhalt in die Position des Kopfes einzustellen. Aber das scroll-Ereignis, als ich es für mein Problem implementiert habe, hat an deinem Beispiel nicht funktioniert. Vielleicht hilft dir das und du kannst es mit dem Scroll Event in eckig anpassen.