如何滚动到最后添加在Kendo网格中的项目?

时间:2013-03-06 01:53:35

标签: .net asp.net-mvc grid kendo-ui

我有一个Kendo网格,一直由SignalR更新。

目前我的网格显示大约12行。由于滚动条不会自动向下滚动,因此以编程方式添加的任何行都将不可见

如何以编程方式滚动到网格底部,或者是否有一种解决方法可以始终将最后一项添加为可见?或滚动到最后一项?

2 个答案:

答案 0 :(得分:8)

基本上要更改滚动位置,您需要使用Grid的 dataBound 事件。 e.g。

dataBound:function(){
      this.content.scrollTop(this.tbody.height())
    },

以下是网格版网格的实例 - 包装器可以使用相同的方法:

http://jsbin.com/aqoqim/3/edit

答案 1 :(得分:0)

这可能是一个简单的解决方案,但您可以使用JavaScript id='lastRowId'始终使用JavaScript滚动到相关元素。

// After adding your last row
window.location.hash = '#lastRowId';

或者,或者滚动到网格的顶部(如果这允许所有行都可见),

window.location.hash = '#gridTop';