使用ajax,layui做分頁!

2021-09-01 08:14:09 字數 2208 閱讀 1999

layui的js**

/*! laypage-v1.3.0 分頁元件 license mit   by 賢心 */

; !function()

a.v = "1.3";

var b = document,

c = "getelementbyid",

d = "getelementsbytagname",

e = 0,

f = function(a) ;

c.item = e++,

b.render(!0)

};f.on = function(a, b, c) ) : a.addeventlistener(b, c, !1),f},

f.getpath = function() (),

f.use = function(c, e) ,

f.prototype.type = function() ,

f.prototype.view = function() ;

if (c.pages = 0 | c.pages, c.curr = 0 | c.curr || 1, c.groups = "groups" in c ? 0 | c.groups: 5, c.first = "first" in c ? c.first: "首頁", c.last = "last" in c ? c.last: "尾頁", c.prev = "prev" in c ? c.prev: "上一頁", c.next = "next" in c ? c.next: "下一頁", c.pages <= 1) return "";

for (c.groups > c.pages && (c.groups = c.pages), e.index = math.ceil((c.curr + (c.groups > 1 && c.groups !== c.pages ? 1 : 0)) / (0 === c.groups ? 1 : c.groups)), c.curr > 1 && c.prev && d.push('' + c.prev + ""), e.index > 1 && c.first && 0 !== c.groups && d.push('' + c.first + "

…"), e.poor = math.floor((c.groups - 1) / 2), e.start = e.index > 1 ? c.curr - e.poor: 1, e.end = e.index > 1 ?

function() () : c.groups, e.end - e.start < c.groups - 1 && (e.start = e.end - c.groups + 1); e.start <= e.end; e.start++) e.start === c.curr ? d.push('" + e.start + "") : d.push('' + e.start + "");

return c.pages > c.groups && e.end < c.pages && c.last && 0 !== c.groups && d.push('…

' + c.last + ""),

e.flow = !c.prev && 0 === c.groups,

(c.curr !== c.pages && c.next || e.flow) && d.push(function() ()),

'' + d.join("") +

function() () + "

" },

f.prototype.jump = function(a) );

g && f.on(g, "click",

function() )}},

f.prototype.render = function(a) ,

"function" == typeof define ? define(function() ) : "undefined" != typeof exports ? module.exports = a: window.laypage = a

} ();

引入必要的js檔案!

在index.html裡寫入如下**(修詳細的注釋)

看下效果

如果出現跨域則跳**

使用entityManager做分頁查詢

例子 apioperation pc端,根據條件查詢審批分頁資料 data apimodel description pc,審批回參 apimodelproperty 審批uuid private string uuid apimodelproperty 客戶名 private string cus...

easyui grid 本地做分頁

背景 有的資料不是很多,但是有分頁的需求,這個時候後台往往沒有做分頁,我們是一次請求了所有的資料。datasource 為 grid 裡的資料來源 html部分 js部分 費用型別 grid costtype datagrid rownumbers true,pagination true 設定分頁...

easyui grid 本地做分頁

背景 有的資料不是很多,但是有分頁的需求,這個時候後台往往沒有做分頁,我們是一次請求了所有的資料。datasource 為 grid 裡的資料來源 html部分 js部分 費用型別 grid costtype datagrid rownumbers true,pagination true 設定分頁...