首页 | 773 | 10 | 346 | 添加收藏 上一个 下一个
js无刷新分页(原创)

使用方法


提供了四个显示样式,实例化时修改 cssStyle 参数即可 1,2,3,4
插件(js.js)和css文件存放在同一个文件加就行了


引用这两个js


<script src="https://www.zjdaima.com/jquery/jquery-1.10.2.js"></script>
<script src="js.js" charset="UTF-8"></script>

html


<!--分页控件-->
<div id="pageParent" class="pageParent"></div>

js


var runCallback1 = null;
new dmm({
    // index: 1,//当前页面                   默认1
    cssStyle: 3, //控件样式                   默认1
    // size: [10, 20, 30],//每页显示条数           默认[10,20]
    // skip: true,//是否显示跳转功能               默认不显示
    // setSize: true,//是否显示下拉框              默认不显示
    container: "pageParent", //控件容器id
    //回掉函数,一般就是post请求后台方法得到分页数据加载到页面上
    callback: function(e) {
        e.index; //当前页
        e.pageSize1; //页面显示条数
        //以上两个属性可以当作请求后台时传入的参数
 
 
        //以下三行在加载完页面后必须填写
        e.countpage = Math.ceil(150 / e.pageSize1); //注意必写(数据总页数??通过后台方法获取)
        e.infocount = 150; //注意必写(数据总条数??通过后台方法获取)
        xian(e); //注意必写(加载控件)
        //
        //可将以下代码用于查询使用--联合dian()方法
        runCallback1 = e; //将分页条件赋值变量
    }
});