angularjs – 角度ui-grid/ng-grid filter更换频繁

发布时间:2020-04-09 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了angularjs – 角度ui-grid/ng-grid filter更换频繁脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用服务器端排序,服务器端分页和服务器端过滤来实现角度网格.使用ui-grid(不稳定),我添加了ui.grid.paging并使所有内容都运行起来.非常好,对开发人员的称赞.

但是…. $scope.gridApi.core.on.filterChanged被烧成按下每个按键,所以当我在给定名称栏中搜索“帕特里克”,七个事件被解雇和七个得到-请求打我的服务器.更糟糕的是,因为它是一个大组,我过滤,这种操作是相当昂贵的,结果连我你追我赶,像最具体的过滤器获得最快速的结果,触发成功处理的不太具体结果之前.

我想放慢速度,比如“进入后停火”.我是javascript和REST的新手,这是我的第一个真实世界项目.我真的很感激如何处理这个问题的任何想法.这感觉就像一个常见的场景,因此可能会有一些我缺少的标准解决方案或最佳实践.

此致,
帕特里克.

如果你想“全角”,我建议在on.filterChanged事件处理程序中使用$timeout:
if (angular.isDefined($scope.filterTimeout)) {
    $timeout.cancel($scope.filterTimeout);
}
$scope.filterTimeout = $timeout(function () {
    getPage();
},500);

其中500是你想要在每个on.filterChanged事件之前等待到服务器之前的时间(以毫秒为单位),而getPage()是实际进入服务器并检索数据的函数.

不要忘记在控制器的’destroy’事件中取消$timeout:

$scope.$on("$destroy",function (event) {
    if (angular.isDefined($scope.filterTimeout)) {
        $timeout.cancel($scope.filterTimeout);
    }
});

总结

以上是脚本之家为你收集整理的angularjs – 角度ui-grid/ng-grid filter更换频繁全部内容,希望文章能够帮你解决angularjs – 角度ui-grid/ng-grid filter更换频繁所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478