//翻页调用
var pageSize = 1;
var counts = 1;
var current_page = 1;
var rows,total;
search(); //查询所有 function search(){
current_page = 1;
$.ajax({
type: "POST",
url: "findList",
data: {name : $('#searchname').val()},
success: function(data){
total = data.length;
counts = Math.ceil(total/pageSize);
counts = counts == 0 ? 1 : counts;
rows = data;
PageCallback();
}
});
} function PageCallback(){
$("#Result").text("");
$("#pagecount").text("1/1");
var flag = current_page*pageSize;
for(var i=(current_page-1)*pageSize;i<(flag>total?total:flag);i++) {
var v = rows[i];
parentnode = v.parentnode == null ? '' : v.parentnode;
parentName = v.parentName == null ? '' : v.parentName;
description = v.description == null ? '' : v.description;
var html = "<tr>";
html += "<td align='center' valign='middle'>" + v.id + "</td>";
html += "<td align='center' valign='middle'>" + v.name + "</td>";
html += "<td align='center' valign='middle'>" + v.organizationId + "</td>";
html += "<td align='center' valign='middle'>" + v.description + "</td>";
html += "<td align='right' valign='middle'>";
html += "<a class='yichu' href='javascript:void(0)' onclick=edit('";
html += v.id + "','" + v.name + "','" + v.isroot + "','" + parentnode + "','" + parentName + "','" + v.status + "','" + description ;
html += "'); >查看/修改</a>";
var zTree = $.fn.zTree.getZTreeObj("orgTree");
html += "<a class='yichu' href='javascript:void(0)' onclick=del('" + v.id + "'); >删除</a></td>";
html += "</tr>"; $("#Result").append(html);
}
$("#pagecount").text(current_page + "/" + counts );
} //上一页
function prePage(){
if(current_page == 1)
return;
current_page--;
PageCallback();
} //下一页
function nextPage(){
if(current_page == counts)
return;
current_page ++;
PageCallback();
} jsp如下:
<div class="user_query" style="margin-top: 15px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <thead>
                    <tr class="title">
                        <td width="7%" align="center" valign="middle">组织编号</td>
                        <td width="13%" align="center" valign="middle">组织名称</td>
                        <td width="22%" align="center" valign="middle">层级标识</td>
                        <td width="21%" align="center" valign="middle">说明</td>
                        <td width="37%" align="right" valign="middle" class="user_join"><a
                            href="javascript:void(0)" onclick="add();">添加组织</a></td>
                    </tr>
                </thead>
                <tbody id="Result">
                    
                </tbody>
            </table>
        </div>
        <div class="users_fanye">
            <ul>
                <li class="nex" onclick="prePage();">上一页</li>
                <li class="nex" id="pagecount">1/1</li>
<!--                 <li class="nex">2/2</li> -->
                <li class="nex" onclick="nextPage();">下一页</li>
            </ul>
        </div>

js简单分页,可用的更多相关文章

  1. Js 简单分页(一)

    网上有很多分页的插件 但是没有自己想要的 上代码吧,只有分页部分代码,css 省略了 html <div class="bar2 fr" id="pagecontr ...

  2. Js 简单分页(二)

    此次使用了http://www.purecss.org/ 的前端Css 效果图 上代码 //更新分页工具栏的效果展示 function updatepagetoolshow(){ //判断当前页 及 ...

  3. vue.js 2.0实现的简单分页

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title&g ...

  4. JavaScript简单分页,兼容IE6,~3KB

    简介 兼容IE6+及现代浏览器的简单分页,支持同一页面多个分页. 使用 Browser <link rel="stylesheet" href="css/GB-pa ...

  5. 使用Vs2005打造简单分页浏览器(1)原创

    原文:使用Vs2005打造简单分页浏览器(1)原创 使用Vs2005打造简单分页浏览器(1)原创1引言2功能3实现过程以及关键点4总结5不足之处6其他7 代码下载 1    引言很早就有搞一个浏览器的 ...

  6. js前端分页之jQuery

    锋利的js前端分页之jQuery 大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比 ...

  7. 原生js版分页插件

    之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来.如有不足之处,欢迎指 ...

  8. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  9. 纯JS前端分页方法(JS分页)

    1.JS分页函数:开发过程中,分页功能一般是后台提供接口,前端只要传page(当前页码)和pageSize(每页最大显示条数)及对应的其他查询条件,就可以返回所需分页显示的数据. 但是有时也需要前端本 ...

随机推荐

  1. HighCharts选项和参数详细配置查询表

    概述:作为一款出色的交互图表制作工具,HighCharts有着全面的选项.参数等配置信息.为了帮助大家进一步掌握HighCharts,今天我们为大家整理了HighCharts的所有配置信息和说明,将其 ...

  2. 关于SVN代码提交粒度和频率的思考

    今天组内新来的一个同事问我代码提交频率的问题,他在上家公司是一个模块功能开发自测完成后再提交.而我这边采用的是最少一天提交一次,提倡粒度较小的提交, 而且是基于主干开发.采用这种方式是出于以下几点考虑 ...

  3. ie下获取上传文件全路径

    ie下获取上传文件全路径,3.5之后的火狐是没法获取上传文件全路径的 /*获取上传文件路径*/ function getFilePath(obj) { var form = $(this).paren ...

  4. 微信电脑版真的要来了 微信Windows版客户端1.0 Alpha推出

    微信电脑版的搜索量一直很大,但只有网页版,之前也写了微信网页版APP - 网页微信客户端电脑版体验,在键盘上打字的感觉就是快.现在微信Windows版客户端1.0 Alpha推出了,来一睹芳容吧(20 ...

  5. 【C语言入门教程】2.7 表达式

    表达式由运算符.常量及变量构成,C语言的表达式基本遵循一般代数规则.有几种运算法则是 C 语言表达式特有的. 2.7.1 表达式中的类型转换 同一表达式中的不同类型常量及变量在运算时需要变量为同一数据 ...

  6. 实体ip 虚拟ip 固定ip 动态ip

    实体 IP:在网络的世界里,为了要辨识每一部计算机的位置,因此有了计算机 IP 位址的定义.一个 IP 就好似一个门牌!例如,你要去微软的网站的话,就要去『 207.46.197.101 』这个 IP ...

  7. Codeforces Round #340 Watering Flowers

    题目: http://www.codeforces.com/contest/617/problem/C 自己感觉是挺有新意的一个题目, 乍一看挺难得(= =). 其实比较容易想到的一个笨办法就是:分别 ...

  8. HDU 4923 Room and Moor

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4923 解题报告:给出一个长度为n的只包含0和1的序列,是否存在一个序列Bi满足一下条件: 1.     ...

  9. 解决ScrollView里如果有动态更新的ChildView时会自动滚动到底部的方法

    在这个ChildView的xml属性里加上 android:focusable="true" android:focusableInTouchMode="true&quo ...

  10. Maven的作用总结

    前言: maven项目也是一个项目,类似于javaProject,javaWebProject,就是多了些功能! 1 . 帮你下载jar包 maven项目会有一个 pom.xml文件, 在这个文件里面 ...