zoukankan      html  css  js  c++  java
  • php中用js分页案例

    <div id="adminmaincontent">
        
        <div class="pagenav w100">
               <div class="float">

            <div class="e5"></div><div class="pre" name="pre" style=" float:left;" onclick="paging_up()">上一页|</div><div class="next" name="next" style=" float:left;" onclick="paging_down();">下一页|</div></div>

            </div>
        </div>


    <table  class="w100" cellspacing="0" cellpadding="0" border="0" id="datatable">
            <thead>
              <tr>
                <td class="td1">序号</td>
                <td class="td1">商品id</td>
                <td class="td1">商品名称</td>
                <td class="td1">评价类容</td>
                <td class="td1">晒单</td>
                <td class="td1">评论时间</td>
                <td class="td1">评论人</td>
              </tr>
            </thead>
            <tbody id='listcontent'>




            </tbody>
            <tfoot>
              <tr>
                <td class="td1" id="commentid">序号</td>
                <td class="td1">商品id</td>
                <td class="td1">商品名称</td>
                <td class="td1">评价类容</td>
                <td class="td1">晒单</td>
                <td class="td1">添加时间</td>
                <td class="td1">添加人</td>
              </tr>
            </tfoot>
          </table>
    </div>
    <script>
    var paging_Index = 1; //当前页
    var paging_size = 1; //每页条数
        //总数
        var numData = <?php echo $CommentData;?>;

       // console.log(numData);
        var num = numData.length;
        //总页数
        var page = Math.ceil(num / paging_size);
       
    function feedback_list_paging() {
       

        
        //当前页数是不是小雨第一页
        if (paging_Index <= 0) paging_Index = 1;
        var startRow = (paging_Index - 1) * paging_size; //开始显示的行
        var endRow = paging_Index * paging_size; //结束显示的行
        
        endRow = (endRow > num) ? num : endRow;
        
        //遍历数据
        var data = {
        numData: []
        };
        
        var listdata = '';
        
        for (var i = startRow; i < endRow; i++) {

            
             listdata +='<tr><td class="td1">'+numData[i]['Comment']['id']+'</td>';
             listdata +='<td class="td1">'+numData[i]['Comment']["goods_id"]+'</td>';
             listdata +='<td class="td1">'+numData[i]['Comment']["goods_name"]+'</td>';
             listdata +='<td class="td1">'+numData[i]['Comment']["content"]+'</td>';
             listdata +='<td class="td1">';

            if(numData[i]['Comment']["bask_single"]==''){

                listdata +='无图片';

            }else{
                
                listdata +='<a href="<?php echo $this->Html->url("/Comments/tupianji/");?>'+numData[i]['Comment']['id']+'">查看图片集</a>';
            }
             
             listdata +='</td>';
             listdata +='<td class="td1">'+GetDateStr(numData[i]['Comment']["add_time"])+'</td>';

             listdata +='<td class="td1">'+numData[i]['Comment']["user_name"]+'</td>';
            data['numData']['num'] = page; //总页数
            data['numData']['paging_Index'] = paging_Index; //当前页数
           

        }
        $('#listcontent').html(listdata);

    }
    //投诉建议分页上一页
    function paging_up() {
        
        --paging_Index;
        if (paging_Index <= 0) {
            paging_Index = 1;
            alert("当前已经是第一页");
            return false;
        }
        
      feedback_list_paging();
    }
    //投诉建议分页下一页
    function paging_down() {
        ++paging_Index;
        
        //总数
       // var num = fedback_data["CommentData"].length;
        //总页数
        var page = Math.ceil(num / paging_size);
        
        if (paging_Index > page) {
            paging_Index = page;
             alert("当前已经是最后一页");

            return false;
        }
         feedback_list_paging();
        
    }
    $(function(){
        feedback_list_paging();
    })

  • 相关阅读:
    调查问卷
    SQL 基础学习(1):下载DB Browser for SQLite. 下载graphviz(为了使用Rails ERD的前提)出现❌,已debug.
    路由完整实例代码
    如何自定义JSTL标签与SpringMVC 标签的属性中套JSTL标签报错的解决方法
    CSS样式表、JS脚本加载顺序与SpringMVC在URL路径中传参数与SpringMVC 拦截器
    SpringMVC的解释与搭建Maven私有代理服务器
    单调队列 bzoj3126 [Usaco2013 Open]Photo
    二分图 crf的军训
    单调队列 JC loves Mkk
    测试开发CICD——Git——window上安装git——配置基本信息
  • 原文地址:https://www.cnblogs.com/xiangminyan/p/3654331.html
Copyright © 2011-2022 走看看