kkpager

作者: 醉酒的姑娘 | 来源:发表于2018-01-04 14:25 被阅读0次

引入代码:

   <link rel="stylesheet" href="../css/kkpager_orange.css" />
   <script type="text/javascript" src="../js/kkpager.js"></script>

调用代码:

  <script type="text/javascript">
  //init
  $(function(){
//生成分页
//有些参数是可选的,比如lang,若不传有默认值
kkpager.generPageHtml({
    pno : pageNo,
    //总页码
    total : totalPage,
    //总数据条数
    totalRecords : totalRecords,
    //链接前部
    hrefFormer : 'demo',
    //链接尾部
    hrefLatter : '.html',
    getLink : function(n){
                    //①当前页面跳转
        return this.hrefFormer + this.hrefLatter + "?pno="+n;

                    //②ajax取数据  追加或覆盖原有数据
                    // $.get("load_news.aspx?pno="+n,function(data){
                    //})
                    //两种二选一
    }
    /*
    ,lang               : {
        firstPageText           : '首页',
        firstPageTipText        : '首页',
        lastPageText            : '尾页',
        lastPageTipText         : '尾页',
        prePageText             : '上一页',
        prePageTipText          : '上一页',
        nextPageText            : '下一页',
        nextPageTipText         : '下一页',
        totalPageBeforeText     : '共',
        totalPageAfterText      : '页',
        currPageBeforeText      : '当前第',
        currPageAfterText       : '页',
        totalInfoSplitStr       : '/',
        totalRecordsBeforeText  : '共',
        totalRecordsAfterText   : '条数据',
        gopageBeforeText        : ' 转到',
        gopageButtonOkText      : '确定',
        gopageAfterText         : '页',
        buttonTipBeforeText     : '第',
        buttonTipAfterText      : '页'
    }*/
    
    //,
    //mode : 'click',//默认值是link,可选link或者click
    //click : function(n){
    //  this.selectPage(n);
    //  return false;
    //}
  });
  });
</script>

html代码:

  <div id="kkpager"></div>

相关文章

  • kkpager

    引入代码: 调用代码: html代码:

  • Odoo pagination

    Using kkpager plugin for Odoo Ajax pagination method con...

  • kkpager.js使用心得

    kkpager.js为依赖于Jquery的分页插件分页插件官网 jquery ajax 调用插件,异步加载重新生成...

网友评论

      本文标题:kkpager

      本文链接:https://www.haomeiwen.com/subject/kosrnxtx.html