BUI Grid非同步載入分頁小計

2021-07-26 01:22:14 字數 822 閱讀 7810

公司要做乙個新的管理系統,因為老大嫌棄之前easyui的版面太醜(......),要用bui重新做一套,悲催的我開始研究bui的控制項,發現api描述的也不是太清楚,載入順序也不太明確,在這裡自己總結一下grid 分頁非同步載入資料的做法。

1、需要引入一些基礎的css樣式和js檔案。

2、定義乙個div容器。

3、編寫js非同步載入指令碼**。

備註:該指令碼**必須放在body中定義的div容器下面,若是放在head裡面雖然不會報錯,但是分頁資料不會顯示

4、需要注意在後台實現分頁的引數名稱,就是頁碼和每頁記錄數的問題,其他的只要按照所需json格式返回資料即可。

int pagenumber = convert.toint32(context.request["pageindex"] ?? "1") + 1;//因為pageindex 從0開始            

int pagesize = convert.toint32(context.request["limit"] ?? "10");

備註:pageindex 表示頁索引,從0開始;limit表示每頁記錄數。這個在api中並未說明,檢視了data.js才找到(o(╯□╰)o)。

最後上個效果圖說明一下:

php分頁內容載入與分頁條非同步載入

在分頁的程式中通常都需要這樣兩個數,乙個是總數 toatal,乙個是每頁儲存數,page count,其他的總頁數,每頁應該顯示 每幾條到第幾條的資料全都是計算出來的,不需要外部傳入。所以每取一次分頁都會做乙個select count id from 之類的操作和乙個select a,b,c fro...

在listview中,實現 分頁載入 非同步載入

public voidonscroll abslistview view,intfirstvisibleitem,intvisibleitemcount,inttotalitemcount 語句解釋 為了頁面清晰,本範例僅僅將核心 列出來。變數currentpage代表當前已經載入了多少頁的資料。預...

預設載入資料分頁,點選分頁後再次非同步資料

現在主流的分頁外掛程式很多是一次性把資料載入完成,再本地分頁,切換時候是tab效果,資料量大or網路不通暢的時候,就會很卡影響載入效果。實現每頁載入固定條數及點選分頁再次請求資料,假設共100條資料,一頁10條的話共10頁。需要後端配合每頁顯示全部的條數及每頁條數。根據pagenum 1查詢,返回j...