码迷,mamicode.com
首页 > 其他好文 > 详细

前端agl分页的写法

时间:2019-09-11 00:02:45      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:you   span   success   分页   dal   get   lis   reload   func   

<!-- 分页组件开始 -->
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">

<script type="text/javascript"> // 分页的插件名称
var app=angular.module(‘pinyougou‘, [‘pagination‘]);//定义模块
app.controller(‘brandController‘ ,function($scope,$http){
$scope.findAll=function(){
$http.get(‘../brand/findAll.do‘).success(
function(response){
$scope.list=response;
}
);
}

$scope.reloadList=function(){
$scope.findPage( $scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage);
}


$scope.paginationConf = {

currentPage: 1,

totalItems: 10,

itemsPerPage: 10,

perPageOptions: [10, 20, 30, 40, 50],
onChange: function(){
$scope.reloadList();
}
};


$scope.findPage=function(page,rows){
$http.get(‘../brand/findPage.do?page=‘+page+‘&rows=‘+rows).success(

function(response){

$scope.list=response.rows;

$scope.paginationConf.totalItems=response.total;
}
);
}

前端agl分页的写法

标签:you   span   success   分页   dal   get   lis   reload   func   

原文地址:https://www.cnblogs.com/lijun6/p/11503589.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!