是否有kendoGrid的scrollIntoView技术

时间:2013-04-03 14:57:00

标签: kendo-ui kendo-grid

我有一个kendoGrid显示一个包含200行和50列的数据源。有垂直和水平滚动条,这是所需的。

如何让网格滚动查看特定的列,行或行?列?

两个用例是:

  1. 从菜单中选择的列名Z,跳转到Z列(将其滚动到视图中)
  2. 带有数据源的网格是FOO滚动,直到列X在视图中最左边的列。然后网格替换为数据源为BAR的新网格。如果BAR包含一列X,那么我想将其滚动到视图中。
  3. 谢谢, 理查德

1 个答案:

答案 0 :(得分:0)

您需要的第一件事就是找到细胞的位置。如果您知道可以执行的行数和列数:

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);