Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改ng网格中的项目总值和分页问题_Javascript_Angularjs_Ng Grid - Fatal编程技术网

Javascript 如何更改ng网格中的项目总值和分页问题

Javascript 如何更改ng网格中的项目总值和分页问题,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,我正在使用ng grid。很好。 但“总项目”的值仅显示当前页面项目长度。 我需要显示总数组项长度,而不仅仅是当前页面项长度 我的数组大小是55 我的页面大小是:15 然后显示的项目总数为15。 但我需要:总共55件 另一个问题是: ng网格分页无法单击“上次”按钮 和“下一步”按钮移动到另一页 $scope.filterOptions = { filterText: "",

我正在使用ng grid。很好。
但“总项目”的值仅显示当前页面项目长度。
我需要显示总数组项长度,而不仅仅是当前页面项长度

我的数组大小是55
我的页面大小是:15
然后显示的项目总数为15。
但我需要:总共55件

另一个问题是:

ng网格分页无法单击“上次”按钮
和“下一步”按钮移动到另一页

                $scope.filterOptions = {
                        filterText: "",
                        useExternalFilter: true
                    };
                    $scope.pagingOptions = {
                        pageSizes: [5,15, 25, 50],
                        pageSize: 15,
                       currentPage: 1
                    };      
                         $scope.setPagingData = function(data, page, pageSize){    
                        var pagedData = data.slice((page - 1) * pageSize, page * pageSize);
                        $scope.myData = pagedData;
                        if (!$scope.$$phase) {
                            $scope.$apply();
                        }
                    };        
                     $scope.getPagedDataAsync = function (pageSize, page, searchText) {    
                         setTimeout(function () {    
                            var data;    
                            if (searchText) {    
                                var ft = searchText.toLowerCase();    
                                $scope.setPagingData($scope.allalert,page,pageSize);
                            } else {
                                alert=[[],[]];
                                service.getallalert(accountid)
                                .success(function(data,status,headers,config) {
                                        var len=data.all_alert.length;

                                        var lenmessage=0;
                                        for(var i=0;i<len;i++){
                                            $scope.devicenameinalert=data.all_alert[i].devicename;
                                            lenmessage=data.all_alert[i].message_list.length;

                                            if(lenmessage!=0){
                                                for(var j=0;j<lenmessage;j++){

                                                    alert.push(data.all_alert[i].message_list[j]);
                                                }
                                            }
                                        }
                                        $scope.allalert=alert;
                                        $scope.allalert.splice(0,2);

                                        if($scope.allalert.length==0){
                                            toaster.pop("error", "Not Found", "Record Not Found.");
                                        }else{
                                            $scope.setPagingData($scope.allalert,page,pageSize);
                                        }
                                    })
                                    .error(function(data,status,headers,config)
                                            {
                                            });     
                            }
                        }, 100);
                    };



                       $scope.gridOptions = {        

                        data: 'myData', selectedItems: [] ,
                        enablePaging: true,
                        pagingOptions: $scope.pagingOptions,
                        showFooter: true, 
                        filterOptions: $scope.filterOptions,
                        plugins: [new ngGridFlexibleHeightPlugin()]
                    };
                    $scope.selectedCityInfo = [];
                    $scope.gridOptions.enableRowSelection = true;
                    $scope.gridOptions.showSelectionCheckbox = true;
                    $scope.gridOptions.multiSelect = true;
                    $scope.gridOptions.showSelectionCheckbox=true;
                    $scope.gridOptions.showColumnMenu = false;
                    $scope.gridOptions.columnDefs = 'gridColumnDefs';

                    $scope.gridColumnDefs = [ {field:'devicename',cellTemplate: '<div class="margincenter"><center>{{row.entity.devicename}}</center></div>',headerCellTemplate: '<div class="textCenter">Device Name</div>'},
                                              {field:'alerttime',displayName: 'Date/Time'},
                                              {field:'message',displayName: 'Message'}
                                              ];
$scope.filterOptions={
筛选文本:“”,
useExternalFilter:true
};
$scope.pagingOptions={
页面大小:[5,15,25,50],
页面大小:15,
当前页:1
};      
$scope.setPagingData=函数(数据、页面、页面大小){
var pagedData=data.slice((第1页)*页面大小,页面*页面大小);
$scope.myData=pagedData;
如果(!$scope.$$phase){
$scope.$apply();
}
};        
$scope.getPagedDataAsync=函数(页面大小、页面、搜索文本){
setTimeout(函数(){
var数据;
如果(搜索文本){
var ft=searchText.toLowerCase();
$scope.setPagingData($scope.allalert,page,pageSize);
}否则{
警报=[],[];
service.getallalert(accountid)
.success(函数(数据、状态、标题、配置){
var len=data.all_alert.length;
var-lenmessage=0;

对于(var i=0;如果您使用的是ng grid 3.0+(现在是ui grid),则显示您的网格选项、一些代码或JSFIDLE你应该在这里查看他们关于分页的示例:。他们在那里设置了一个网格,其中正确显示了记录的总数。如果这没有帮助,请发布一个fiddle或至少gridOptions对象,以便我们更好地了解问题。谢谢。谢谢Brandon…我不使用ui gridshow你的网格选项,som如果您使用的是ng grid 3.0+(现在是ui grid),请使用e代码或JSFIDLE你应该在这里查看他们关于分页的示例:。他们在那里设置了一个网格,其中正确显示了记录的总数。如果这没有帮助,请发布一个fiddle或至少gridOptions对象,以便我们更好地了解问题。谢谢。谢谢Brandon…我不使用ui网格