angularjs+uib-pagination实现同一页面多个分页功能

1.html代码
第一个分页pagination

 <ul uib-pagination<!--总条数-->total-items="totalItems_money"first-text="«" rotate="false"last-text="»"previous-text="上一页"next-text="下一页"force-ellipses="true"max-size="maxSize"<!--页数改变时重新执行函数-->ng-change="queryList(currentPageMoney)"<!--绑定当前页数-->ng-model="currentPageMoney"<!--每页显示条数-->items-per-page="items_per_page_money"class="pagination-sm page-right" boundary-links="true" boundary-link-numbers="true" ></ul>

第二个分页插件

<ul uib-paginationtotal-items="totalItemsChange"first-text="«" rotate="false"last-text="»"previous-text="上一页"next-text="下一页"force-ellipses="true"max-size="maxSize"ng-change="queryList_change(currentPage_change)"ng-model="currentPage_change"items-per-page="10"class="pagination-sm page-right" boundary-links="true" boundary-link-numbers="true" ></ul>

2.js代码
第一个数据源

   $scope.getProjectDTO = {currentPage: 1,limit: 10//后台分页条数};//获取数据源$scope.queryList = function(){var reqq = $scope.getProjectDTO;//后台主要注意每个currentpage对应不同reqq.currentPage = $scope.currentPageMoney;$$getProjectInfo.getProjectByCondition(reqq).success(function(data){if(data.content.result=="0"){//表格的循环遍历数组对象$scope.allitemMoney = data.content.content.projectSurveyDTOS;$scope.totalItems_money = data.content.content.counts;}else{SweetAlert.swal({title: data.content.resultMessage,type: "warning",closeOnConfirm: true});}}).error(function(){});};

第二个数据源跟第一个大同小异，主要就是获取数据源函数里面的currentpage对应的不同

    $scope.requestPeo = {currentPage:1,limit:6,}//离职在职转正人员$scope.queryList_change = function(){$scope.requestPeo.currentPage = $scope.currentPage_change;var req = $scope.requestPeo;$$getChangePeo.changeList(req).success(function(data){$scope.allitem_change= data.content.contentpage;}).error(function(){});}

angularjs+uib-pagination实现同一页面多个分页功能相关推荐

angularJs 跨控制器与跨页面传值
虽然网上概括了四种或更多的传值方式,但我现在用的顺手的就两种首先要知道AngularJs可以构建一个单页面应用程序,所以我划分为跨控制器传值和跨页面传值两类 1.跨控制器传值-- $rootS ...
angularjs 表单验证和页面初始化闪烁
1.页面初始化闪烁因为angularjs需要先解析html页面的指令的,才可以启动指令功能.angularjs需要等待整个文档加载完成才会解析,所以会出现一些{{xxx}}, ng-show, ng ...
matlab GUI 实现按钮切换plot页面（含clear功能）
GUI 实现按钮切换plot页面(含clear功能) hf=figure(...'Units','Normalized',...'Menu','none',...'Position',[0.1 0.1 ...
html在分页功能中如何实现当前页面的页码样式与其他页面不同_如何使用word文档？word文档使用技巧教程？...
Word文档使用方法与教程: 使用正确的部分和章节标题我们在前面的章节中介绍了预设样式,但是这些样式可用于快速创建章节,子标题和标题页.在"主页"功能区选项卡中找到样式,可以在其 ...
h5页面保存img_一文彻底解决HTML5页面中长按保存图片功能
本文详细介绍了如何在H5中实现长按保存图片的功能. 长按保存图片是现在一些宣传页H5中很常见的需求,但是js没有这样的能力,所以要么借助android或ios的原生能力,要么用canvas自己画一个( ...
[html] 实现一个页面锁屏的功能
[html] 实现一个页面锁屏的功能 <!DOCTYPE html> <html> <head> <title>Ctrl+l监控锁屏</title ...
页面增加html,为静态页面HTML增加session功能
一般来说,只有服务器端的CGI程序(ASP.PHP.JSP)具有session会话功能,用来保存用户在网站期间(会话)的活动数据信息,而对于数量众多的静态页面(HTML)来说,只能使用客户端的cook ...
解决博易博客后台文章管理页面无法显示分页的问题
升级blogyi2.0以后我发现文章管理页面找不到分页的功能,于是我换了几个浏览器查看了一下,火狐或谷歌浏览器可以看到分页功能的.这很明显是后台css样式的问题.通过谷歌浏览器测试了一下,找到了分页功 ...
ajax ssm 页面跳转_ssm项目实战实现页面的局部刷新功能
好的各位小伙伴继续学习知识了 ajax_json 咱们之前用SSM三大框架整合,实现了用户的增删改查功能.今天主要是将之前实现的用户功能,修改成 ajax 的方式,实现页面的局部刷新功能. 首先来实 ...
73. 使用自定义 Query 实现 SAP UI5 页面路由的书签功能
SAP UI5 应用开发教程之七十三 - 使用自定义 Query 实现 SAP UI5 页面路由的书签功能本教程之前的步骤,我们已经开发了好几个 SAP UI5 视图,并且能够相互路由跳转. 比如, ...

angularjs+uib-pagination实现同一页面多个分页功能

angularjs+uib-pagination实现同一页面多个分页功能相关推荐

最新文章

热门文章