Kendo Grid：将焦点单元格滚动到视图中答案

【问题标题】：Kendo Grid: scroll focused cell into viewKendo Grid：将焦点单元格滚动到视图中
【发布时间】：2015-01-20 19:49:27
【问题描述】：

我有一个设置了虚拟分页和可导航（用于键盘导航）的剑道网格。根据内容的大小，有时我将无法看到当前视图中的所有数据，当我使用鼠标滚动时，没有问题，但是当我尝试使用键盘导航到底部行时，行不会滚动到视图中。

假设您连接到一个事件来触发滚动，将元素滚动到视图中是相当直接的。我似乎无法弄清楚如何挂钩到网格上的焦点事件以自动实现它。

如何挂钩焦点事件以将当前焦点单元格滚动到视图中。请注意，当前聚焦的单元格与选定的单元格/行不同。

滚动代码：

$grd.animate({
    scrollTop: $ele.offset().top - $grd.offset().top + $grd.scrollTop()
});

【问题讨论】：

您可能正在寻找change 事件：我相信它会通过单击或键盘导航来捕捉行/单元格的变化。以下是未经测试的代码，但它可能有效：this.element.find(".k-grid-content").animate({ scrollTop: this.select().position().top }, 500);
@chiapa - 更改事件与更改所选行或单元格有关，而不是与焦点更改有关。通常，除非设置了 Navigatable 选项，否则您看不到焦点的变化。看看 JSFiddle 看看我指的是什么。这是更改事件的 API 文档（当用户在网格中选择表格行或单元格时触发。）：docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-change
您必须将可滚动属性设为虚拟吗？如果没有，请删除 virtual 并按预期滚动：fiddle here
@chiapa，是的，不幸的是，我确实需要虚拟滚动。我们正在做服务器端分页等，不想要分页按钮（每个 biz）。

【解决方案1】：

在剑道论坛上查看这个问题，它可以解决我的问题（尽可能解决）

【讨论】：