分页控件

public/resource/css/public.css

@@ -192,3 +192,19 @@ a:hover{
     margin-top: 7px;
     margin-left: 7px;
 }
+
+#pagediv a,#pagediv span{
+    display: inline-block;
+    width: 30px;
+    line-height: 30px;
+    text-align: center;
+
+}
+#pagediv .active{
+    color: #fff;
+    background-color: #00a5e0;
+}
+#pagediv .jump-ipt{
+    width: 50px;
+    margin-left: 5px;
+}
\ No newline at end of file

public/resource/js/watch_shop.js

@@ -211,14 +211,7 @@ define (['doT', 'text!temp/watch_template_tpl.html', 'css!style/home.css','pagin
                     $ ("#sublet_list").html (doTtmpl (data.data.list));
 
                     /*分页代码*/
-                    $ ("#pagediv").pagination ({
-                        length: data.data.total,
-                        current: pageNo,
-                        every: user.pageSize,
-                        onClick: function (el) {
-                            user.getList (el.num.current);
-                        }
-                    });
+                    add_page(data.data.total,pageNo,user.pageSize,user.getList);
                 }
             });
         },

public/resource/lib/js/zw.pagination.js

 /**
  * Created by zw on 2017/12/22.
  */
-var pagination_page_no = 1; //页码
-var pagination_pages = 1; //总页数
-var pagination_totals = 0; //总条数
-var pagination_pagesize = 15; //每页显示多少条
 
-function addpage(methodName) {
-    if (pagination_page_no > pagination_pages) pagination_page_no = pagination_pages;
-    $ (".pageinfo").pagination ({
-        length: data.data.total,
-        current: pageNo,
-        coping:true,
-        every: user.pageSize,
-        onClick: function (el) {
-            user.getList (el.num.current);
-        }
-    });
- /*   $('.pageinfo').pagination({
-        pages: pagination_pages, //总页数
-        styleClass: ['pagination-large'],
-        showCtrl: true,
-        displayPage: 6,
-        currentPage: pagination_page_no, //当前页码
-        onSelect: function (num) {
-            pagination_page_no = num;
-            if (typeof methodName === "function") {
-                methodName();
-            }
-        }
-    });*/
-/*
-    $('.pageinfo').find('span:contains(共)').append("(" + pagination_totals + "条记录)");
-
-    var pageselect = '&nbsp;<select class="page_size_select" style="width:80px;">';
-    var pagearr = [15, 30, 50, 100];
-    $.each(pagearr, function () {
+function add_page (total_list, page_no, page_size, methodName) {
+    console.log (total_list - page_size);
+    if (total_list - page_size < 0) {
+        $ ('#pagediv').html ('');
+        return;
+    }
 
-        if (this == pagination_pagesize) {
-            pageselect = pageselect + '<option value="' + this + '" selected>' + this + '</option>';
-        } else {
-            pageselect = pageselect + '<option value="' + this + '" >' + this + '</option>';
+    $ ('#pagediv').pagination ({
+        totalData: total_list, /*总条数*/
+        jump: true,
+        current: page_no, /*第几页*/
+        showData: page_size, /*每页显示多少条*/
+        coping: true,
+        homePage: '首页',
+        endPage: '末页',
+        prevContent: '上页',
+        nextContent: '下页',
+        callback: function (api) {
+            //console.log(api.getCurrent())
+            methodName (api.getCurrent ());
         }
     });
+    var str = '<span style="float: left;min-width: 250px !important;text-align: left !important;">' +
+        '每页显示' + page_size + '条 | 共' + total_list + '条</span>';
+    $ ('#pagediv').append (str);
 
-    pageselect = pageselect + '</select>&nbsp;';
-    if (!$('.page_size_select').val()) {
-        $('.pageinfo').find('span:contains(共)').prepend(pageselect);
-    }
-
-
-    $('.page_size_select').one('change', function () {
-        pagination_pagesize = $(this).val();
-        methodName();
-    });*/
-
-
-};
-
+};
\ No newline at end of file