js简单分页,可用

//翻页调用
    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)' οnclick=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)' οnclick=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)" οnclick="add();">添加组织</a></td>
                    </tr>
                </thead>
                <tbody id="Result">
                    
                </tbody>
            </table>
        </div>
        <div class="users_fanye">
            <ul>
                <li class="nex" οnclick="prePage();">上一页</li>
                <li class="nex" id="pagecount">1/1</li>
<!--                 <li class="nex">2/2</li> -->
                <li class="nex" οnclick="nextPage();">下一页</li>
            </ul>
        </div>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值