解決前端分頁和頁面選中回顯問題

2021-08-15 10:23:55 字數 1287 閱讀 5711

前提:前端沒有使用框架

這是在一次後端開發差不多,發現的前端問題。

問題:前端使用了分頁,然而每個頁面都有五條資料,帶有選擇框,頁面會有選中的項進行操作,但是翻頁後,

會使資料丟失

(之前那些頁面,被選中的項翻回去沒有被選中,選中進行批量操作只會找到當前頁)。

解決:需要讓網頁記憶,或後端記憶

方案一:後端增加個鍊錶linkedlist這種,在每個使用者都用獨有的乙個,前端進行翻頁的時候把資料傳入後端,

然後對比遍歷

,然後再進行翻頁的時候(後端集合非同步請求後傳入前端,進行對比,進行選中),

選中項操作也是如此操作。

方案二:前端使用js集合,也是模仿方案一集合,只需要在每次進行頁面操作發請求的時候帶上集合這個引數,

以便更新後頁面,

還可以讀到這個集合

綜上所想:方案二比較適合,時耗短,使用者體驗好,而且這是內部人員用的,不擔心客戶會想去修改前端集合

然後,我就在前端進行操作

貼圖:

注:每次在頁面請求都需要傳送這個集合(這樣更新的頁面,才會拿到這個集合,記得要從新賦值),

當然,高階查詢還是普通查詢這種不需要傳,畢竟修改總集合,記得傳之前轉成字串才能傳。

個人認為的好處:這樣不用每次對比此頁資料哪些被選中,需要遍歷全部集合,只需檢視對應(頁數-1)下標的元素,然後使用字串split(";"),進行對比當前頁面的元素,進行選中操作。

注:上傳的時候記得是以 , 分隔,後端記得對字串進行;分割操作

貼圖:

最麻煩還是全選那裡的操作,

貼圖:

接著就是在選擇,選到全部,會把全選框也選上

貼圖:

部分請求記得帶上引數,貼圖:

至此,解決大部分問題,還有一些問題隨時間慢慢解決,未能貼上來抱歉!

解決ecshop新建頁面分頁問題

雖然是簡單的問題當今天客戶提前後 www.com 公司剛開發的 我才回憶起好多問過我這個問題,但通過我今天的研究才知道我只回答了一半,抱歉,現在我會把完整解決方案分享如下 比如 http www.com baike list.php?id 14 我單獨建立了baike list.php 我們需要分頁...

前端頁面開發知識點(巢狀和分頁)

1.src裡面的內容是請求路徑,對應controller中的路徑,返回的是要巢狀的頁面路徑 src iframe style width 1145px height 685px name contentiframe id contentiframe src iframe2 style width 1...

解決頁面重新整理後滾動條回滾的問題。

1.在頁面中新增乙個方法 private void keepscrollposition control p 2.在頁面中設定需要設定滾動條的控制項放在乙個div或panel中。示例如下 這裡是datagrid.3.在頁面中呼叫基類中的keepscrollposition方法 protected o...