Question

我正在尝试实现此处提到的ng-grid的服务器端分页示例ActionEvent。不幸的是，我不太了解代码。

这是我的情况： 1.假设我有一个包含2个文本框和一个按钮的页面。我想在按下该按钮时将这两个文本框的值发布到Web服务。返回的json应显示为网格。但是plunker http://angular-ui.github.io/ng-grid/

中的代码

 $scope.getPagedDataAsync = function (pageSize, page, searchText) {
    setTimeout(function () {
        var data;
        if (searchText) {
            var ft = searchText.toLowerCase();
            $http.get('largeLoad.json').success(function (largeLoad) {      
                data = largeLoad.filter(function(item) {
                    return JSON.stringify(item).toLowerCase().indexOf(ft) != -1;
                });
                $scope.setPagingData(data,page,pageSize);
            });            
        } else {
            $http.get('largeLoad.json').success(function (largeLoad) {
                $scope.setPagingData(largeLoad,page,pageSize);
            });
        }
    }, 100);
};

将在页面加载时呈现网格（我不想要）。我不明白如何将$ scope.getPagedDataAsync函数与ng-click相关联？

html代码没有任何用于搜索网格的文本框，即使在控制器中他们有$ scope.filterOptions。如何在plunker代码中进行搜索？

希望网站上有更多文档。

谢谢

Answer 1

在plunker中，会立即调用问题中引用的函数：

$scope.getPagedDataAsync($scope.pagingOptions.pageSize, $scope.pagingOptions.currentPage);

注释掉那一行会产生预期效果吗？

对于过滤器，它可能是方便的，因此您可以自己添加过滤器文本字段。它在对象中定义，因此您可以使用自定义指令或ng-include块。

AngularJS ng-grid的服务器端分页

1 个答案: