iT邦幫忙

0

JSP如何實現表格分頁

小弟目前在修改一個專案,表格要顯示4x3的規格,所以一頁表格就只有4筆資料,剩下的就是切到下一頁,由於表格的資料是用AJAX從後端送來前端的,想請問如何讓AJAX送進來的資料讓他實現表格分頁?謝謝~

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
暐翰
iT邦大師 1 級 ‧ 2018-05-02 11:52:19

舉例:
現在有一個A頁面JSP
想要呈現員工表格分頁

可以使用開始index跟需要多少筆資料包裝成一個方法
範例來源:Pagination in JSP - javatpoint

  public static List<Emp> getRecords(int start,int total){  
       List<Emp> list=new ArrayList<Emp>();  
       try{  
           Connection con=getConnection();  
           PreparedStatement ps=con.prepareStatement(  
"select * from emp limit "+(start-1)+","+total);  //注意正式專案要改成參數化
           ResultSet rs=ps.executeQuery();  
           while(rs.next()){  
               Emp e=new Emp();  
               e.setId(rs.getInt(1));  
               e.setName(rs.getString(2));  
               e.setSalary(rs.getFloat(3));  
               list.add(e);  
           }  
           con.close();  
       }catch(Exception e){System.out.println(e);}  
       return list;  
   }  

接著做成API方式
看你是使用Servlet還是springBoot方式
讓A網頁去傳參數去呼叫回傳JSON資料給A頁面
觸發AJAX刷新你的表格
刷新方式參考範例:
Pagination Example (NG1版本)
jQuery Pagination (JQ版本)


你先看一下,假如有問題再跟我講 :)

silence iT邦新手 4 級 ‧ 2018-05-02 14:01:15 檢舉

好的!謝謝! 我先研究看看~

我要發表回答

立即登入回答