https://i-meihua.com/Scripts/Admin/page.js

1//分頁
2$(function () {
3    var urlVars = getUrlVars();
4
5    $('table.dataTable thead th').each(function (i, e) {
6        var sorting = $(e).attr('data-sorting');
7        if (sorting) {
8            $(e).addClass('sorting');
9        }
10    });
11
12    $('th.sorting').each(function (i, e) {
13        var sorting = $(this).attr('data-sorting');
14        var isDescending = (urlVars['IsDescending'] === 'true') || false;
15        if (sorting === urlVars['Sorting']) {
16            $(this).removeClass('sorting');
17            var addCss = isDescending ? 'sorting_desc' : 'sorting_asc';
18            $(this).addClass(addCss);
19        }
20    });
21
22    $('.paginate_button:not(.disabled) a').on('click', function () {//
23        const pager = $(this).attr('data-pager');
24        urlVars['CurrentPage'] = pager;
25        goToPage(urlVars);
26    });
27
28    $('.paginate_button:not(.disabled)').on('click', function () {
29        const pager = $(this).attr('data-pager');
30        urlVars['CurrentPage'] = pager;
31        goToPage(urlVars);
32    });
33
34    $('.pagination__page:not(.disabled)').on('click', function () {
35        const pager = $(this).attr('data-pager');
36        urlVars['CurrentPage'] = pager;
37        goToPage(urlVars);
38    });
39
40    $('#js-pageSize').on('change', function () {
41        const pageSize = $(this).val();
42        urlVars['CurrentPage'] = 1;
43        urlVars['PageSize'] = pageSize;
44        goToPage(urlVars);
45    });
46
47    $('.sorting').on('click', function () {
48        var sorting = $(this).attr('data-sorting');
49        urlVars['CurrentPage'] = 1;
50        urlVars['Sorting'] = sorting;
51        urlVars['IsDescending'] = true;
52        goToPage(urlVars);
53    });
54
55    $('.sorting_desc').on('click', function () {
56        var sorting = $(this).attr('data-sorting');
57        urlVars['CurrentPage'] = 1;
58        urlVars['Sorting'] = sorting;
59        urlVars['IsDescending'] = false;
60        goToPage(urlVars);
61    });
62
63    $('.sorting_asc').on('click', function () {
64        var sorting = $(this).attr('data-sorting');
65        urlVars['CurrentPage'] = 1;
66        urlVars['Sorting'] = sorting;
67        urlVars['IsDescending'] = true;
68        goToPage(urlVars);
69    });
70})
71
72function goToPage(params) {
73
74    var queryString = Object.keys(params).map(function (key) {
75        return key + '=' + params[key]
76    }).join('&');
77
78    const origin = window.location.origin;
79    const pathname = window.location.pathname;
80    const url = origin + pathname + '?' + queryString;
81    window.location.href = url;
82}
83
84/*取得當前querystring*/
85function getUrlVars() {
86    var i = window.location.href.indexOf('?');
87    if (i === -1) {
88        return {};
89    }
90    var vars = [], hash;
91    var hashes = window.location.href.slice(i + 1).split('&');
92    for (var j = 0; j < hashes.length; j++) {
93        hash = hashes[j].split('=');
94        vars[hash[0]] = hash[1];
95    }
96    return vars;
97}