define(["app"],function(app){

return app.controller("transactionsFundController", function($scope,$compile,$location) {
$scope.transactionsFund={};//定义对象
$scope.transactionsFundList=[];//定义对象数组

$scope.pages = 1; //默认查询总页数
$scope.size = 0; //默认每页显示条数
$scope.total = 0;

//清空模态框
$(".modal").on("hidden.bs.modal",function(){
$(this).removeData("bs.modal");
});
$('#myModal').on('shown.bs.modal', function () {

$("#myModal").html($compile($("#myModal").html())($scope));
});
$('#myModalModify').on('shown.bs.modal', function () {
$("#myModalModify").html($compile($("#myModalModify").html())($scope));
});

/************加载执行方法*******************/
$scope.load = function() {

$scope.queryList();

};
/************查询列表*******************/
$scope.queryList=function (){

$scope.transactionsFund.page=1;
$scope.transactionsFund.size=20;
DataCenter.find("TransactionsFund", $scope.transactionsFund);
}
/************列表返回*******************/
DataCenter.addEventListener("TransactionsFundList", function(e){
console.log("XXXXXXXXXXXXXXXXXXX"+e.data);
$scope.transactionsFundList = e.data.list;
$scope.pages = e.data.pages;
$scope.page = e.data.pageNum;
$scope.size= e.data.size;
$scope.total= e.data.total;
$scope.$apply();
});
DataCenter.addEventListener("TranFundList", function(){
$scope.transactionsFund.page=1;
$scope.transactionsFund.size=20;
DataCenter.find("TransactionsFund", $scope.transactionsFund);
});

//==================modify=======================

$scope.modifys = function (id) {
$location.search('FUND_ID_MDF', id);
}

//=====================删除==============================

//删除
$scope.del = function (id) {
$location.search('FUND_ID_MDF', id);
console.log("##################",id);

if(confirm('确认删除?')){
DataCenter.modify("TransactionsFund/del", {ID: id, STT: 99}, id);
}

};
DataCenter.addEventListener("delFund",function(e){

DataCenter.find("TransactionsFund", $scope.transactionsFund);
DataCenter.addEventListener("delFund",function(e){
alert('删除成功!');

});
});

//--------------页数选择--------------
$scope.selectPage = function(page){
if(page!=null&&page>0&&page<=$scope.pages){
$scope.transactionsProcesss.page=page;
$scope.transactionsProcesss.size=5;

DataCenter.find("TransactionsProcess", $scope.transactionsProcesss);
}else if(page>$scope.pages){
$("#errInfo").html("输入页数不能大于总页数!");
$('#errModal').modal('show');
}else if(page==0){
$("#errInfo").html("没有记录!");
$('#errModal').modal('show');
}else{
$("#errInfo").html("页数不能为空!");
$('#errModal').modal('show');
}
};

}).directive('pagination', function(){//动态分页显示
return {
restrict: 'E',
scope: {
numPages: '=',
currPage: '=',
onSelectPage: '&'
},

template: '<ul class="pagination">'
+'<li ng-class="{disabled: noPreviousPage()}">'
+'<a ng-click="selectHomePage()" href="">首页</a>'
+'</li>'

+'<li ng-class="{disabled: noPreviousPage()}">'
+'<a ng-click="selectPreviousPage()" href="">上一页</a>'
+'</li>'

+'<li ng-repeat="page in pages" ng-class="{active: isActivePage(page)}">'
+'<a ng-click="selectPage(page)" href="">{{page}}</a>'
+'</li>'

+'<li ng-class="{disabled: noNextPage()}">'
+'<a ng-click="selectNextPage()" href="">下一页</a>'
+'</li>'

+'<li ng-class="{disabled: noNextPage()}">'
+'<a ng-click="selectBackPage()" href="">尾页</a>'
+'</li>'
+'</ul>',

replace: true,
link: function(s){
/***************currPage监听事件*********************/
s.$watch('currPage', function(value){
s.pages = []; //定义一个数组供ng-repeat使用
if(s.numPages>=10){ //当总页数大于10的时候 (以10为分界线是因为每次显示的页面进制为10)

if(s.currPage>=Math.floor((s.numPages)/10)*10){ //当前页大于Math.floor((最后一页)/10)*10) 。将与最后一页十位相同的所有页数遍历出来

if(s.numPages%10!=0){
for(var i=-1;i<=s.numPages%10;i++){
s.pages.push(Math.floor(s.numPages/10)*10+i);
}
}else{
for(var i=-10;i<=0;i++){
s.pages.push(Math.floor(s.numPages/10)*10+i);
}
}

}else if(s.currPage<Math.floor(s.numPages/10)*10){ //当前页小于Math.floor((最后一页)/10)*10) 。将与当前页十位相同的所有页数遍历出来

for(var i=-1;i<=10;i++){
if(Math.floor(s.currPage/10)*10+i>0){
s.pages.push(Math.floor(s.currPage/10)*10+i);
}
};
//最后一页显示出来 提示总页数
}

}else if(s.numPages<10){ //当总页数小于10的时候 把所有页数都显示出来

for(var i=1;i<=s.numPages;i++){
s.pages.push(i);
}

}

if(s.currPage > value){
s.selectPage(value);
}
});

/***************numPages监听事件*********************/
s.$watch('numPages', function(value){
s.pages = []; //定义一个数组供ng-repeat使用
if(s.numPages>=10){ //当总页数大于10的时候 (以10为分界线是因为每次显示的页面进制为10)

if(s.currPage>=Math.floor((s.numPages)/10)*10){ //当前页大于Math.floor((最后一页)/10)*10) 。将与最后一页十位相同的所有页数遍历出来

if(s.numPages%10!=0){
for(var i=-1;i<=s.numPages%10;i++){
s.pages.push(Math.floor(s.numPages/10)*10+i);
}
}else{
for(var i=-10;i<=0;i++){
s.pages.push(Math.floor(s.numPages/10)*10+i);
}
}

}else if(s.currPage<Math.floor(s.numPages/10)*10){ //当前页小于Math.floor((最后一页)/10)*10) 。将与当前页十位相同的所有页数遍历出来

for(var i=-1;i<=10;i++){
if(Math.floor(s.currPage/10)*10+i>0){
s.pages.push(Math.floor(s.currPage/10)*10+i);
}
};
//最后一页显示出来 提示总页数
}

}else if(s.numPages<10){ //当总页数小于10的时候 把所有页数都显示出来

for(var i=1;i<=s.numPages;i++){
s.pages.push(i);
}

}

if(s.currPage > value){
s.selectPage(value);
}
});

//判断是否有上一页
s.noPreviousPage = function(){
return s.currPage === 1;
};

//判断是否有下一页
s.noNextPage = function(){
return s.currPage === s.numPages;
};

//判断当前页是否被选中
s.isActivePage = function(page){
return s.currPage===page;
};

//选择页数
s.selectPage = function(page){
if(!s.isActivePage(page)){
s.currPage = page;
s.onSelectPage({ page:page });
}
};

//选择下一页
s.selectNextPage = function(){
if(!s.noNextPage()){
s.selectPage(s.currPage+1);
}
};

//选择上一页
s.selectPreviousPage = function(){
if(!s.noPreviousPage()){
s.selectPage(s.currPage-1);
}
};
//选择首页
s.selectHomePage = function(){
s.selectPage(1);
};
//选择尾页
s.selectBackPage = function(){
s.selectPage(s.numPages);
};
}
};
});//end page

});;

转载于:https://www.cnblogs.com/shunzdd/p/5586005.html

较完整的angularjs+bootstrap应用程序接口controller相关推荐

  1. java 采集rtsp_通过Java程序调用RTSP拉流协议视频平台EasyNVR程序接口步骤概览

    RTSP协议视频平台EasyNVR经过多年的积累,已经是一套成熟且完善的视频平台了,用户可以通过网页直接访问视频监控,也可以通过调用二次开发接口进行二次开发或者集成.下面介绍下Java程序调用Easy ...

  2. java调用easyxml接口_【技术教程】如何通过Java程序调用RTSP拉流协议视频平台EasyNVR程序接口?...

    原标题:[技术教程]如何通过Java程序调用RTSP拉流协议视频平台EasyNVR程序接口? RTSP协议视频平台EasyNVR经过多年的积累,已经是一套成熟且完善的视频平台了,用户可以通过网页直接访 ...

  3. Linux程序接口实验:取进程标志及用户信息

    操作系统平台: Linux leaf 4.4.0-75-generic #96-Ubuntu SMP Thu Apr 20 09:56:33 UTC 2017 x86_64 x86_64 x86_64 ...

  4. java微信小程序接口openid过期_Java微信小程序登录接口获取openid

    根据官方文档,wx.login()的回调函数中,需要我们传递生成的用户登录凭证到code2accessToken的接口中 小程序登录方法 code2accessToken的方法中要求传入如下参数 co ...

  5. 微信小程序接口实现加密

    微信小程序接口实现加密教程: 场景 小程序请求的所有接口参数必须加密,后台返回数据也需要加密,并且增加Token验证 一.小程序端功能编写 1.下载一份Js版的aesUtil.js源码.[注:文章末尾 ...

  6. 松下PLC FP-XHC60T 程序 两个PLC通信控制11个轴 程序稳定已批量生产 注释完整 带威纶通触摸屏程序

    松下PLC FP-XHC60T 程序 两个PLC通信控制11个轴 程序稳定已批量生产 注释完整 带威纶通触摸屏程序

  7. 三菱L系列PLC 注释完成 程序完整 有威纶通触摸屏程序

    三菱L系列PLC 注释完成 程序完整 有威纶通触摸屏程序 ID:6930647920862683小一的杂货店

  8. 什么是api应用程序接口?

    API:应用程序接口(API:Application Program Interface) 应用程序接口是一组定义.程序及协议的集合,通过 API 接口实现计算机软件之间的相互通信.API 的一个主要 ...

  9. 通达信程序接口SMII是什么?

    通达信程序接口SMII即SerialMII,串行MII的意思,跟RMII相比,连线进一步减少到4根:TXD:发送数据信号,位宽为1:RXD:接收数据信号,位宽为1:SYNC:收发数据同步信号,每10个 ...

  10. 什么是Web API?Web API:网络应用程序接口

    什么是Web API Web API是网络应用程序接口.包含了广泛的功能,网络应用通过API接口,可以实现存储服务.消息服务.计算服务等能力,利用这些能力可以进行开发出强大功能的web应用. Web ...

最新文章

  1. 物料需求计划评估和订单创建
  2. SAP MM MoveMent Type
  3. Ctrl+F5不能使用的问题
  4. django——url(路由)配置
  5. 粒子群 多目标 matlab_matlab 粒子群求解三角形垂心位置
  6. Typescript学习笔记(五) 模块机制
  7. TCP与UDP传输协议
  8. 别太单纯,也别太不单纯
  9. 通用电气联手软银 签署Predix软件许可协议
  10. Spring使用经验之Listener综述
  11. 利用ajaxSubmit()实现Form表单submit()提交后的回调函数
  12. 音乐节奏提取matlab,音乐旋律提取算法 附可执行demo
  13. SDNU_ACM_ICPC_2020_Winter_Practice_2nd C 离散化, lower_bound
  14. 如何像打王者荣耀一样励志学习
  15. html5 画猫全过程svg入门
  16. SEO静态页面生成系统
  17. Python基于深度学习多标签分类模型实现云状识别
  18. java金额转换函数_将阿拉伯数字转换成人民币大写形式的JAVA工具类
  19. 创建一个Spring Boot项目
  20. STM32CubeMX—PWM波输出实验

热门文章

  1. 美团云、苏宁云相继停止运营,公有云市场大洗牌
  2. 【运维安全】Apache 服务器存在高危提权漏洞,请升级至最新版本 2.4.39
  3. 《机器学习》瓜书—周志华
  4. c++和QT实现俄罗斯方块,使用GraphicsView。
  5. 前端之JQuery:JQuery文档操作
  6. Coursera机器学习week11 单元测试
  7. develop note 1
  8. Java里多个Map的性能比較(TreeMap、HashMap、ConcurrentSkipListMap)
  9. (转载)C++:STL标准入门汇总
  10. 一位软件工程师的6年总结收藏