在ng-grid上没有滚动条的无限滚动

时间:2014-05-23 11:34:18

标签: angularjs ng-grid

我有一个带有滚动条的ng-grid(默认)。 当您位于网格底部时,ng-grid会触发ngGridEventScroll事件(api)。

到目前为止这么好,但是当没有滚动条时我想要这种行为。关闭这些滚动条的唯一方法是使用ng-grid-flexible-height.js插件,但忽略ngGridEventScroll事件。

当你处于网格底部时,我有办法获得这个事件吗? 有没有其他方法可以抛出自己的自定义事件? 使用自定义事件时,最理想的情况是在最后的'x'记录(要预加载数据)时抛出事件。

有一个jsfiddle here(启用灵活的高度插件,禁用注释:,plugins: [new ngGridFlexibleHeightPlugin()]

感谢您的任何意见!

1 个答案:

答案 0 :(得分:0)

我检查了文档,我不认为Ng Grid提供增量加载。你需要为它编写自定义代码。

你可以使用像这里讨论的一些jquery - Auto Load More Data On Page Scroll (jQuery/PHP)

$(window).scroll(function() { //detect page scroll    
  if ($(window).scrollTop() + $(window).height() == $(document).height()) //user scrolled to bottom of the page?
  { // do your stuff here; }
});

或者更好地使用像这样的jquery插件 - jQuery Waypoints | Example