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

发布时间：2020-12-17 08:53:56 所属栏目：安全来源：网络整理

导读：我正在尝试使用服务器端排序,服务器端分页和服务器端过滤来实现角度网格.使用ui-grid(不稳定),我添加了ui.grid.paging并使所有内容都运行起来.非常好,对开发人员的称赞. 但是…. $scope.gridApi.core.on.filterChanged被烧成按下每个按键,所以当我在给定名称

我正在尝试使用服务器端排序,服务器端分页和服务器端过滤来实现角度网格.使用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);
    }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!