0

200 行 50 列のデータ ソースを表示する kendoGrid があります。望ましい垂直および水平スクロールバーがあります。

グリッドをスクロールして特定の列、行、または行と列を表示するにはどうすればよいですか?

2 つの使用例は次のとおりです。

  1. メニューから列名 Z を選択し、列 Z にジャンプします (ビューにスクロールします)。
  2. データ ソースが FOO のグリッドは、列 X がビューの一番左の列になるまでスクロールされます。その後、グリッドは、データ ソースが BAR である新しいグリッドに置き換えられました。BAR に列 X が含まれている場合、スクロールして表示したいと思います。

ありがとう、リチャード

4

1 に答える 1

1

最初に必要なことは、セルの位置を見つけることです。行と列の数がわかっている場合は、次のことができます。

var col = 30;
var row = 100;
var pos = $("tr:nth(" + (row - 1) + ")", grid.tbody).find("td:nth(" + (col - 1) + ")").position();

次に、スクロールする必要があり、次を使用して直接移動できます。

$(grid.tbody).closest(".k-grid-content").scrollTop(pos.top).scrollLeft(pos.left);

またはanimateそれを使用して:

$(grid.tbody).closest(".k-grid-content").animate({
    scrollTop : pos.top,
    scrollLeft: pos.left
}, 2000);
于 2013-04-03T15:58:40.727 に答える