1. 程式人生 > >涉及到【分頁】的table的請求模式

涉及到【分頁】的table的請求模式

over 設置 rop gpo 服務 class 16px 可能 一個

step:1

 點擊分頁器的內容技術分享圖片

 trigger事件句柄

(pagination, filters, sorter) => {//或者(page, pageSize)等
    this.props.onChange(pagination, filters, sorter);//繼續向下傳遞,或者直接在這裏處理,都可以
  }

step2

獲取pagination中的pageSize/current等信息,和其他參數一同放入param中,發送異步請求;

step3

獲取到服務器返回的數據,在opitons(一般都是放在這裏)中會有:pageSize、current、total等分頁器需要的信息;傳遞給paginnation

; 更新paginnation;

over;

------------------------------------------------------------

為何要等服務器返回再傳遞給paginnation,而不直接點擊的時候就改變呢(current頁碼可以現在設置,total一般要等請求後再設置)?其實原因就是:返回的total可能是會變化的(下一秒數據量改變了也是可能的),

還有一點需要知道的點就是,只要用戶不是通過paginnation實現的接口查詢,就不應該傳遞分頁相關的數據(可能我們會傳遞pageSize字段,但絕對不應該傳遞current,不然用戶重新搜索了一個key,結果你展示的不是往往更重要的首頁數據

),這時候後臺都會返回第一頁的數據,我們也是從第一頁開始顯示。

所以 一般都是服務器返回後再設置 paginnation,當然方式可以是把pagination變成狀態機管理起來,這樣服務器返回後改變total等屬性分頁器也就會重新同步改變;

涉及到【分頁】的table的請求模式