天天看点

Angularjs 分页Server和controller

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

config Service

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

this.page = function(pageNumber, url, params, success, to){

params.pageNumber = pageNumber;

$http.post(http + url, params).success(function(resp) {

if (resp.status == '200') {

success(resp);

laypage({

           cont: 'page', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page"></div>

           pages: resp.data.totalPage, //通过后台拿到的总页数

           curr: resp.data.pageNumber, //当前页

           skin: 'molv', // 皮肤

           jump: function(obj, first){ //触发分页后的回调

               if(!first){ //点击跳页触发函数自身,并传递当前页:obj.curr

                   to(obj.curr);

               }

           }

       });

} else {

layer.msg(resp.data);

}

}).error(function(resp) {

layer.msg(errorMsg);

});

}

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

controller

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

app.controller("ctrl",function($scope,configService){

var pageUrl = "/campaign/page";

// 查询

$scope.query = function(){

page(1);

}

// 分页

function page(pageNumber){

configService.page(pageNumber, pageUrl,{

"pageSize":10,

"id":$("#id").val(),

"status":$("#status").val(),

"startTime":$("#starttime").val(),

"endTime":$("#endtime").val()

},function(resp){

$scope.list = resp.data.list;

},function(toNumber){

init(toNumber);

});

}

page(1);

});