angularjs 分页精华代码

//pageinfo$scope.pageSize=10;$scope.currentType={{ current_type }};$scope.currentPage={{ json_encode(current_page) }};$scope.totalPage={{ json_encode(total_page) }};$scope.pages = [];//分页数组var viewCount = 7;var firstIdx = ($scope.currentPage<=parseInt(viewCount/2)+1?1:($scope.currentPage-parseInt(viewCount/2)));var lastIndex = (firstIdx+viewCount-1>=$scope.totalPage?$scope.totalPage:firstIdx+viewCount-1);if(lastIndex>=$scope.totalPage){    lastIndex = $scope.totalPage;    firstIndex = lastIndex - viewCount+1;}$scope.lastPage = lastIndex;if(firstIdx<1){    firstIdx=1;}while(firstIdx<=lastIndex&&$scope.totalPage>1){    $scope.pages.push(firstIdx);    firstIdx++;}
时间: 2024-10-10 23:21:10

angularjs 分页精华代码的相关文章

使用GridView自带分页的代码

关于GridView分页页码的讨论 在GridView中实现分页的效果方法非常easy,仅仅须要在"GridView任务"对话框中进行设置就能够了.在"GridView任务"对话框中,选择"启用分页"命令,这样建立起简单的分页效果. 在使用"启用分页"命令的时候要注意两点. (1)  是否同意分页 GridView的AllowPaging属性.AllowPaging:是否同意分页.假设AllowPaging="tru

ASP 三十二条精华代码 (1)

ASP 三十二条精华代码 (1) 2009-08-10 09:53:03  www.hackbase.com  来源:互联网 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return

原生JS实现排序和分页的代码

原文:原生JS实现排序和分页的代码 代码下载地址:http://www.zuidaima.com/share/1550463246568448.htm 这个也是在网上下的,开始觉得不错,不过毕竟是插件. 标签: js 分页 排序 插件 话题: Web开发 前端技术 原生JS实现排序和分页的代码

24款较经典的Page翻页分页css代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

非常不错的一个JS分页效果代码

这里分享一个不错的js分页代码. 代码中cpage是页面计数,应为全局变量,可以随处调用它: totalpage是总页数. 与asp分页代码很类似,也是先取得记录总数,然后实现分页,基本的分页思路与原理还是相通的,感兴趣的朋友做个参考吧. 例子,js分页效果代码. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

一个典型的PHP分页实例代码分享

一个典型的PHP分页实例代码分享,学习php的朋友肯定用得到,主要是了解思路. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

分页SQL代码

SELECT TOP 10 * FROM citys WHERE (city_id NOT IN (SELECT TOP 30 city_id FROM citys where country_id=44 and parent_id=0 ORDER BY city_id)) and country_id=44 and parent_id=0 ORDER BY city_id select * from (select *,ROW_NUMBER() OVER(Order by a.city_id)

AngularJS自定义指令详解(有分页插件代码)

前言 除了 AngularJS 内置的指令外,我们还可以创建自定义指令. 通过 .directive() 函数来添加自定义的指令. 调用自定义指令时,需要在HTMl 元素上添加自定义指令名. 自定义指令命名规则:使用驼峰命名法来命名,即除第一个单词外的首字母需大写.如: myDirective. 在html页面调用该指令时需要以 - 分割,如: my-directive.示例代码: <body ng-app="myApp"> <my-directive><

网站真分页js代码该怎么写?

真分页这个词对程序猿们来说,并不是一个陌生的词汇,但是如果你是初次学习真分页,或许还是得花点时间小小研究下,下面是之前去转盘网(喜欢的可以看看,也可以进入引擎模式)的真分页js部分代码,html部分的我就不写了,稍微处理下代码就可以使用的,你也可以根据需要灵活变动,千万不要懒惰哦,废话不说了,直接上代码: function get_param(param){ //这个函数是用来获取url的参数的 var query = location.search.substring(1).split('&'