较完整的angularjs+bootstrap应用程序接口controller

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

});;

时间: 2024-10-07 07:27:16

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

【17】AngularJS&#160;Bootstrap

AngularJS Bootstrap AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架. Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.

Play1+angularjs+bootstrap ++ (idea + livereload)

我的web开发最强组合:Play1+angularjs+bootstrap ++ (idea + livereload) 时间 2012-12-26 20:57:26  Freewind.me原文  http://freewind.me/blog/20121226/1167.html 首先说明我开发web的情况: 个人开发 前后端全部自己搞定 网站类型多为传统多页面程序 注重开发效率 Javascritp能力不强 美术细胞很少 由于每个人情况不同,选择技术及方案的重点也不同,所以内容仅供参考.对

lua参考手册02—程序接口

3 - 程序接口(API) 这个部分描述了 Lua 的 C API , 也就是宿主程序跟 Lua 通讯用的一组 C 函数. 所有的 API 函数按相关的类型以及常量都声明在头文件 lua.h 中. 虽然我们说的是“函数”,但一部分简单的 API 是以宏的形式提供的. 所有的这些宏都只使用它们的参数一次 (除了第一个参数,也就是 lua 状态机), 因此你不需担心这些宏的展开会引起一些副作用. 在所有的 C 库中,Lua API 函数都不去检查参数的有效性和坚固性. 然而,你可以在编译 Lua 时

NSIS制作了一个完整的演示产品安装程序

NSIS制作了一个完整的演示产品安装程序,实现功能概要如下:1.安装路径的选择2.浏览器的选择3.桌面数据库的自动安装及启动 4.数据库实例及演示数据的自动恢复 5.应用服务器的自动安装 6.JDK的安装及环境变量的设置 7.应用程序的自动安装 8.数据库实例端口的设置(要考虑用户机器上可能存在别的sqlserver数据库实例) 9.windows服务中的自动启动项的安装 10.启动应用 11.readme的打开 12.用浏览器打开应用的登录界面 13.在安装过程中切换公司或应用的介绍信息: 1

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

0.环境平台 操作系统平台: Linux leaf 4.4.0-75-generic #96-Ubuntu SMP Thu Apr 20 09:56:33 UTC 2017 x86_64 x86_64 x86_64 GNU/Linux 相关工具语言:vim,gcc,C语言 1.程序源代码 [email protected]:~/operation/1$ cat pflag.c  #include <unistd.h> #include <pwd.h> #include <sy

一个利用HTML5 localStorage功能的todo应用(angularJs+Bootstrap)

今天在网上看到一个简单的todo应用,使用angularJs做前端数据绑定,利用localStorage来存储数据,觉得挺有意思的. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html ng-app="todoApp"> <head> <me

使用完整读写函数的网络应用程序

使用完整读写函数的网络应用程序 Linux的设计原则是将硬件设备抽象成文件,用户可以像操作文件一样操作设备,前边已经说过,我们可以使用文件操作函数操作套接字. 使用read函数读取套接字另一端发送过来的内容,使用write函数也可以向套接字另一端发送内容.但是,在网络环境中有一个很大的问题就是延时的问题,对于本地文件夹来说,字节流在本地传输的延时可以忽略不计,但是网络环境中传输延时可能会很长造成I/O阻塞.其次,网络应用程序要能够处理因为中断或者网络连接等问题造成的读写操作异常返回. 对于第一个

小程序接口1

class XpayController extends WapBaseController{ public function payweixinx(){ $appid='wx00000000000000'; $openid= 'openid'; $mch_id='1111111111'; $key='888888888888888888888888888'; $out_trade_no = $mch_id. time(); $total_fee = I('money'); if(empty($

×××小程序接口调试

×××小程序接口实现 https 并通过域名进行访问 关于tomcat接口调试的问题 :要实现通过这个接口https:/域名/具体路径,访问后端tomcat 重点:因为我们公司是阿里的云服务器,所以需要现在阿里上生成证书,并绑定域名,然后在反向代理服务器的nginx配置文件里面 https下面 添加信息,实现通过域名跳转至后端tomcat指定端口. vim /etc/nginx/nginx.conf vim /etc/nginx/nginx.conf .... .... .... server