'use strict';
function NumbersCtrl(DAO, $rootScope, $scope, $filter, ngTableParams) {
$rootScope.getAllNumbers = function () {
//get all
$rootScope.errors.errorMessages=[];
DAO.query({appName: $rootScope.appConfig.appName, token: $rootScope.appConfig.token, controller: 'numbers', action: 'list'},
$rootScope.loadingSite=true,
function (result) {
$rootScope.numberss = result;
$scope.tableParams = new ngTableParams({
page: 1, // show first page
count: 10, // count per page
sorting: {
id : 'desc' // initial sorting
}
}, {
total: $rootScope.numberss.length,
getData: function($defer, params) {
var putIt = params.sorting() ? $filter('orderBy')( $rootScope.numberss, params.orderBy()): id;
params.total(putIt.length);
$defer.resolve(putIt.slice((params.page() - 1) * params.count(), params.page() * params.count()));
// $rootScope.numberss = sendIt;
//$rootScope.numberss=putIt.slice((params.page() - 1) * params.count(), params.page() * params.count());
//$defer.resolve(putIt.slice((params.page() - 1) * params.count(), params.page() * params.count()));
//$rootScope.numberss = putIt;
}
});
}
我正在grails-arrested-plugin上工作,遇到了一个绊脚石,所以感谢任何人的建议:
所以上面是我的控制器调用-我有一些注释掉的尝试,以获得信息返回分页-排序与过滤。
到目前为止,我已经有半分页尝试工作,如果我使用:
$rootScope.numberss=putIt.slice((params.page() - 1) * params.count(), params.page() * params.count());
上面的代码实际上只返回前10个结果,而不返回页面。
$defer.resolve(putIt.slice((params.page() - 1) * params.count(), params.page() * params.count()));
似乎没有工作,但这不是文档中记录的做事方式,因为DAO是一个rest调用:
use strict';
angular.module('services',['ngResource','ngTable']).
factory('DAO', function($resource){
return $resource('/:appName/:controller/:action',{
format:'json', callback:'JSON_CALLBACK'},{
..
'query': {method:'GET', params:{appName:'@appName', controller:'@controller', action:'@action', token:'@token'}, isArray: true, timeout:20000},
好的,所以我现在有分页工作跨两种方式调用/利弊?从我所读到的,第一个解释的方法调用更少:
除了修复实际过滤仍然不工作-所以如果有人可以指出需要做什么来修复过滤器,那将是伟大的:
所以页面初始化
<div data-ng-controller="NumbersCtrl" data-ng-init="getAllNumbers()">
Controller然后对它执行一个函数
$rootScope.getAllNumbers = function () {
//get all
$rootScope.errors.errorMessages=[];
DAO.query({appName: $rootScope.appConfig.appName, token: $rootScope.appConfig.token, controller: 'numbers', action: 'list'},
$rootScope.loadingSite=true,
function (result) {
$rootScope.tableParams = new ngTableParams({
page: 1, // show first page
count: 10, // count per page
sorting: {
id : 'desc' // initial sorting
}
}, {
total: result.length,
getData: function($defer, params) {
$rootScope.numberss = params.sorting() ? $filter('orderBy')(result, params.orderBy()): id;
//params.total(putIt.length);
$defer.resolve($rootScope.numberss.slice((params.page() - 1) * params.count(), params.page() * params.count()));
$rootScope.numberss=($rootScope.numberss.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});
$rootScope.loadingSite=false;
},
function (error) {
$rootScope.errors.showErrors = true;
$rootScope.errors.showServerError = true;
$rootScope.errors.errorMessages.push(''+error.status+' '+error.data);
$rootScope.loadingSite=false;
});
};
我最终使用了这个方法,因为我没有初始化任何东西:
<div data-ng-controller="NumbersCtrl" >
并调用这个控制器动作(根据ngtable的默认指令-即它的默认调用也存在于上述方法中):
$rootScope.tableParams = new ngTableParams({
page: 1, // show first page
count: 10, // count per page
sorting: {
id : 'desc' // initial sorting
}
}, {
getData: function($defer, params) {
DAO.query({appName: $rootScope.appConfig.appName, token: $rootScope.appConfig.token, controller: 'numbers', action: 'list'},
$rootScope.loadingSite=true,
function (result) {
$rootScope.numberss=result;
var putIt = params.sorting() ? $filter('orderBy')($rootScope.numberss, params.orderBy()): id;
params.total(putIt.length);
$defer.resolve(putIt.slice((params.page() - 1) * params.count(), params.page() * params.count()));
$rootScope.numberss=(putIt.slice((params.page() - 1) * params.count(), params.page() * params.count()));
$rootScope.loadingSite=false;
},
function (error) {
$rootScope.errors.showErrors = true;
$rootScope.errors.showServerError = true;
$rootScope.errors.errorMessages.push(''+error.status+' '+error.data);
$rootScope.loadingSite=false;
});
}
});
实际的修复似乎是在defer下的最后调用:
$defer.resolve($rootScope.numberss.slice((params.page() - 1) * params.count(), params.page() * params.count()));
$rootScope.numberss=($rootScope.numberss.slice((params.page() - 1) * params.count(), params.page() * params.count()));
包含该表的html页面在这里调用:
https://github.com/vahidhedayati/testingarrested/blob/master/grails-app/views/numbers/list.gsp这里的角控制器:
https://github.com/vahidhedayati/testingarrested/blob/master/web-app/js/NumbersCtrl.js我马上就会更新分支,它将包含所有这些-
所以总结分页工作过滤不-它必须是一个小的东西现在…
编辑:最后-一切都在工作,我错过了:
putIt = params.filter ? $filter('filter')( putIt, params.filter()) : putIt;
under first putIt -搜索/分页跨rest调用