zoukankan      html  css  js  c++  java
  • 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)' 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>
  • 相关阅读:
    OpenCV 创建Mat图像
    OpenCV Mat数据类型及位数总结
    OpenCV 使用at和ptr指针访问像素的区别
    OpenCV 16位深度图片显示并保存
    PyCharm 安装教程(Windows)
    Qt 安装图解(Windows平台)
    Qt 下载(多种下载通道+所有版本)
    QtCreator怎样编辑运行Python脚本
    Python 怎么运行代码
    Qt for Python 怎样搭建开发环境
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/5512696.html
Copyright © 2011-2022 走看看