2016-11-22 7 views
0

2つの固定列を使用して、水平スクロールで広いグリッドを作成しました。非常に幅が広​​く(20列以上)、水平スクロールが常に必要です。水平スクロールを使用したフィルタフィールド間のタブ移動に関する問題 - 非同期スクロール

フィルタ行オプションを使用して、ユーザーがフィルタリングできるようにします。うまく動作しますが、ユーザーがフィルタフィールド間を移動すると問題が発生します。ユーザーが隠しフィールドに移動した場合(スクロールする際にスクロールする必要があります)、ヘッダーはスクロールして調整されますが、本文には表示されません。同様に、ユーザーが右にスクロールし、最後の固定列からタブを外すと、スクロールが再び同期しなくなります。

は、問題を自分で体験して、次の道場の例を参照してください。

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

誰もがこの問題を解決する方法のように任意の手掛かりを持っている場合、私はそれを非常に感謝します!

ありがとうございます!

答えて

0

私は疑似的な問題を抱えていました。私にとって、jQuery scrollLeft()メソッドは問題を解決しました。(Grid data isn't align with Grid header when tabbing through header columns)を参照してください。私はそれがヘッダーの位置にグリッドコンテンツを調整するために、あなたの道場の例のデベロッパーコンソールで働いてしまったコード行で

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

。しかし、スクロールイベントは、私の問題で実装したように、あなたの例では機能しませんでした。たぶんこれはあなたを助け、角度のスクロールイベントで調整することができます。

関連する問題