分享一套自己写的 JQ分页插件

浏览:2017 发布日期:2016/11/15 分类:功能实现
支持4种分页模式,1:普通链接分页 2:点击分页按钮 3:点击加载更多 4:下拉加载更多



目前仅支持4种分页模式
1:普通链接分页
Ajax:
2:点击分页按钮
3:点击加载更多
4:下拉加载更多// 1普通分页
var config = ({
    Mode    : 1,                                        //分页模式 1:普通分页
    PageBer : 2,                                       //每页显示条数
    PageMax : 10,                                   //每页最多显示多少个页码
    PageUrl : 'http://127.0.0.1/1/1.php?page=[#]',  //分页链接,并带上分页符
    PageId  : 'Page',                                //分页Page实体插入的HTML ID
    PageCid : 'tbinfo',                             //分页内容插入的HTML ID
    PageHtml: '<tr><td><input name="ckbox" value="" type="checkbox"></td><td>[0]</td><td><a>[1]</a></td><td>[2]</td><td class="text-right"><a href="[0]">删除</a></td></tr>',                                                     //分页实体,带占位符0-N键位 指定字段
    PageArray: '<?php echo $array; ?>',//JSON化之后的分页内容
    Page    : '<?php echo $page;?>',     //当前分页数
    PageNum : '<?php echo $num; ?>',//分页总记录数
});
JunPage(config);
//调用分页
// 2.ajax点击按钮分页
var config = ({
    Mode    : 2,                                           //分页模式 1:普通分页
    PageBer : 2,                                          //每页显示条数
    PageMax : 10,                                       //每页最多显示多少个页码
    PageUrl : 'http://127.0.0.1/1/index.php?page=[#]',  //分页链接,并带上分页符
    PageId  : 'Page',                                    //分页Page实体插入的HTML ID
    PageCid : 'tbinfo',                                 //分页内容插入的HTML ID
    PageHtml: '<tr><td><input name="ckbox" value="" type="checkbox"></td><td>[0]</td><td><a>[1]</a></td><td>[2]</td><td class="text-right"><a href="[0]">删除</a></td></tr>',                          //分页实体,带占位符0-N键位 指定字段
    PageArray: '',                                           //JSON化之后的分页内容
    Page    : 1,                                              //当前分页数
    PageNum : '',                                         //分页总记录数
    /*Ajax模式下的分页参数*/
    Ajax    : 'get',                                          //ajax模式 
    AjaxNo  : 'index.php',                              //分页里需要替换的文件名   不需要替换设置为null
    AjaxYes : 'ajax_1.php',                             //分页替换的文件名
    
});
JunPage(config);
// 3.ajax点击加载更多
var config = ({
    Mode    : 3,                                        //分页模式 1:普通分页
    PageBer : 2,                                        //每页显示条数
    PageMax : 10,                                       //每页最多显示多少个页码
    PageUrl : 'http://127.0.0.1/1/index.php?page=[#]',  //分页链接,并带上分页符
    PageId  : 'Page',                                   //分页Page实体插入的HTML ID
    PageCid : 'tbinfo',                                 //分页内容插入的HTML ID
    PageHtml: '<tr><td><input name="ckbox" value="" type="checkbox"></td><td>[0]</td><td><a>[1]</a></td><td>[2]</td><td class="text-right"><a href="[0]">删除</a></td></tr>',                          //分页实体,带占位符0-N键位 指定字段
    PageArray: '',                                      //JSON化之后的分页内容
    Page    : 1,                                        //当前分页数
    PageNum : '',                                       //分页总记录数
    /*Ajax模式下的分页参数*/
    Ajax    : 'get',                                    //ajax模式 
    AjaxNo  : 'index.php',                              //分页里需要替换的文件名   不需要替换设置为null
    AjaxYes : 'ajax_2.php',                             //分页替换的文件名
    
});
JunPage(config);
// 4.ajax下载加载更多
var config = ({
    Mode    : 4,                                        //分页模式 1:普通分页
    PageBer : 10,                                        //每页显示条数
    PageMax : 10,                                       //每页最多显示多少个页码
    PageUrl : 'http://127.0.0.1/1/index.php?page=[#]',  //分页链接,并带上分页符
    PageId  : 'Page',                                   //分页Page实体插入的HTML ID
    PageCid : 'tbinfo',                                 //分页内容插入的HTML ID
    PageHtml: '<tr><td><input name="ckbox" value="" type="checkbox"></td><td>[0]</td><td><a>[1]</a></td><td>[2]</td><td class="text-right"><a href="[0]">删除</a></td></tr>',                          //分页实体,带占位符0-N键位 指定字段
    PageArray: '',                                      //JSON化之后的分页内容
    Page    : 1,                                        //当前分页数
    PageNum : '',                                       //分页总记录数
    /*Ajax模式下的分页参数*/
    Ajax    : 'get',                                    //ajax模式 
    AjaxNo  : 'index.php',                              //分页里需要替换的文件名   不需要替换设置为null
    AjaxYes : 'ajax_3.php',                             //分页替换的文件名
    
});
JunPage(config);
代码已上传至群文件

QQ群号:368405253
评论( 相关
后面还有条评论,点击查看>>