前端自定義分頁查詢排序方法

2021-10-06 08:37:59 字數 1554 閱讀 6380

util.js

// 查詢條件為input輸入,需要考慮查詢值型別

// 以下只支援undefined,number,和string查詢。string查詢為模糊查詢,其他為全等查詢。

// 排序目前只支援string型別排序,支援漢字排序

// 以下是分頁查詢方法,根據需要,可以在switch中新增其他資料型別查詢或排序

// 引數param:查詢條件。dataarrys:被查詢資料---陣列物件一般table資料報文格式

// dataarrys =

export

const

gettabledatapage

=(param, dataarrys,ispages =

true

)=>

=// 先查詢符合條件的資料

let issearchform =

false

for(

let key in condition)}if

(issearchform)

break

case

'undefined'

:case

'number':if

(item[key]

!== condition[key]

)break

default

:break}}

if(isequal)})

dataarrys = searchdata

}// 再做排序

if(sortdto.fieldname !=='')

break

case

'asc':if

(typeof sortdto.fieldname ===

'string'

)break

default

:break}}

// 最後做分頁,顯示資料if(

!ispages)

)return

}const startindex = pagenum ===

1? pagenum-1:

(pagenum-1)

*10const endindex = startindex + pagesize

let total =

0let data =

if(dataarrys)

const pages = math.

ceil

(total / pagesize)

// 向上取整

const response =

resolve

(response)})

}

// 使用方法

import

from

'./util.js'

// 分頁查詢

gettabledatapage

(param, dataarr)

// 不分頁

gettabledatapage

(param, dataarr)

Element ui前端自定義排序

1.在需要自定義排序的列上 el table column 加上sortable cistom 2.在el table上增加sort change事件,監聽列的排序 定義需要排序的列,這樣可以省去多個if else if const actions new map votes votes calcw...

自定義分頁

分頁 public string madebuttonlink int pagecount,int curpage,string szurl pagecount得到頁數 curpage當前頁 szurl連線位址 public int getpagecount string sztable,int l...

自定義分頁

前台 後台 資料繫結 private void gridview bind sql order by c.aid,c.itemid,c.score datatable dt dataaccess.getdatatable sql pageddatasource ps new pageddatasou...