php中用js分页案例

mac2022-06-30  104

<div id="adminmaincontent">        <div class="pagenav w100">           <div class="float">        <div class="e5"></div><div class="pre" name="pre" style=" float:left;" οnclick="paging_up()">上一页|</div><div class="next" name="next" style=" float:left;" οnclick="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();})

转载于:https://www.cnblogs.com/xiangminyan/p/3654331.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)