• layUI--实现分页


    //layUI分页的实现
    function paging(curr){
          $.getJSON(
        '/admin/admin/gmStudy/selectGmStudyListByPage',
        {   page: curr || 1 //当前页   ,rows: 4//每页显示四条数据 },
        function(data){ var str = ''; $.each(data.rows,function(index,value){ str += "<tr>"; str += "<td>"; str += index+1; str += "<input type='hidden' id='rowId' value='"+value.rowId+"'>"; str += "</td>"; str += "<td>"; str += value.fileName; str += "</td>"; str += "<td>"; str += "   &nbsp<a onclick='downloadFile()' class='btn btn-default' >下载</a>"; str += "   &nbsp<button type='button' onclick='deleteGmStudy(this)' class='btn btn-default btn-danger'>删除</button>"; str += "</td>"; str += "</tr>"; });
    /         //将拼接的内容放置内容显示区域 $("#tbody").html(str); //显示分页 layui.use(['laypage', 'layer'], function(){//------ layui.laypage({ cont: 'demo1', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: data.totalPageSize, //通过后台拿到的总页数 curr: curr || 1, //当前页 skip: false, jump: function(obj, first){ //触发分页后的回调 if(!first){ //点击跳页触发函数自身,并传递当前页:obj.curr $("#tbody").text('');//先清空原先内容 paging(obj.curr); } } }) })//------ }); };

      

  • 相关阅读:
    pip 安装依赖 requirements.txt
    TCP三次握手四次挥手详细理解附面试题
    装饰器修复技术
    BBS(第一篇)
    Auth模块
    Django--中间件
    cookie和session
    创建多对多表关系的三种方式
    批量插入数据,自定义分页器
    Django--几个重要方法优化(面试重点)
  • 原文地址:https://www.cnblogs.com/xcggdd/p/7087087.html
Copyright © 2020-2023  润新知