分页控件

调用函数名： 规范命名为： new U.UF.P.pageControl(element el,number num,number pagenum,number page,function fun) 以前命名为： new U.UF.P.PPage(element el,number num,number pagenum,number page,function fun) 注：此函数代码质量不高，需要重写。

参数一 {element}（el）：需要插入分页控件的位置

参数二 {number}（num）：数据的总数量

参数三 {number}（pagenum）：一页中数据量的多少

参数四 {number}（page）：显示当前是第几页

参数五 {function}（fun）：回调函数，进行数据的展示

详细说明：
分页控件主要是用于对于数据量过大的时候，通过分页的功能展示数据。
主要是适用于数据量大，页面不易展示，就可以使用分页控件。
在同一个页面上，也可以创建多个分页控件
new U.UF.P.pageControl(el, num, pagenum, page, function(page){
     //可以输出用户点击的页数，根据此页数制作分页效果
     console.log(page);
}); 
或者
new U.UF.P.PPage(el, num, pagenum, page, function(){
     //可以输出用户点击的页数，根据此页数制作分页效果
     console.log(page);
});     

示例代码如下：
        //调用分页控件显示产品
        displayProductPageControl = function (data) {
            //调用分页控件
            //放置分页控件的元素
            var _pageEl = document.getElementById("myshop_page");
            //每页显示的数量
            var _nmuber = 20;
            //当前在第几页
            var _page = 1;

            //参数一 {element}（el）：需要插入分页控件的位置
            //参数二 {number}（num）：数据的总数量
            //参数三 {number}（pagenum）：一页中数据量的多少
            //参数四 {number}（page）：显示当前是第几页
            //参数五 {function}（fun）：回调函数，进行数据的展示
            new U.UF.P.pageControl(_pageEl, data.length, _nmuber, _page, function (page) {
                //page是单击的分页号码
                console.log(page);
                //_pageEl.currentPages = page; //把页数保存在父亲元素中。
                //_pageEl.innerHTML = ""; //清空_pageEl下的所有内容
                displayProducts(data,_nmuber,page);//根据页数调用函数，创建该页下的数据
            });
            //先执行第一页
            displayProducts(data,_nmuber,_page);//根据页数调用函数，创建该页下的数据
        }

        //显示产品信息
        displayProducts = function (data,number,page) {
            var _data = data;
            //获取放置内容的元素
            var _content = document.getElementById("myshop_p_proArea");
            //清空以前的产品信息
            _content.innerHTML = "";

            //循环输出
            for (var i = (page - 1) * number; i < page*number; i++) {
                //输出每一行数据
            }
        }

示例：

运行结果展示区域：

 
                    

                        作者：廖志伟 
                    
                    

                        信息录入:廖志伟