Salesforce Visualforce分頁

分頁的實現總體上分真分頁和假分頁。

所謂真分頁指頁面上列出來的數據就是實際查詢的數據，假分頁則是無論頁面上一次顯示多少條記錄，實際上后台已經加載了所有的記錄，分頁只是為了展示給用戶查看。今天分享一個Visualforce頁面的真分頁的實現

Apex 類：OppPageController

/*******
   *
   * @作者：Ricardo
   * @Time:2018-06-05
   * @function:業務機會的分頁列表展示
   *
   */
public with sharing class OppPageController {

   //分頁參數
   public  Integer counter=0;  //偏移量
   public static  Integer LIST_SIZE = 10;//每頁顯示記錄數
   public  Integer total_size; //總記錄數

   public OppPageController () {
      total_size = [select count() from Opportunity]; 
   }

   //變量 Opportunitys 的get方法
   public List<Opportunity> getOpportunitys() {
      try {
         
         List<Opportunity> Opportunitys= [select Id,Name,StageName,Account.Name,Type,Probability from Opportunity limit :LIST_SIZE  offset :counter];// limit x,y

         return Opportunitys;      
      } catch (Exception e) {      
         ApexPages.addMessages(e);   
         return null;      
      }
   }

   //變量 DisablePrevious 的get方法
   //控制上一頁按鈕是否可點擊
   public Boolean getDisablePrevious() { 
      if (counter>0) 
         return false; 
      else 
         return true;
   }

   //變量 DisableNext 的get方法
   //控制下一頁按鈕是否可點擊
   public Boolean getDisableNext() {
      if (counter + LIST_SIZE   < total_size) 
         return false; 
      else 
         return true;
   }

   //變量 Total_size 的get方法
   //返回Total_size的值
   public Integer getTotal_size() {
      return total_size;
   }

   //變量 PageNumber 的get方法
   //計算當前頁碼
   public Integer getPageNumber() {
      return counter/LIST_SIZE   + 1;
   }

   //變量 TotalPages 的get方法
   //計算總頁數
   public Integer getTotalPages() {
      if (math.mod(total_size, LIST_SIZE )  > 0) {
         return total_size/LIST_SIZE   + 1;
      } else {
         return (total_size/LIST_SIZE ) ;
      }
   }

   //首頁
   public PageReference First() {
      counter = 0;
      return null;
   }

   //上一頁
   public PageReference Previous() { 
      counter -= LIST_SIZE ; 
      return null;
   }

   //下一頁
   public PageReference Next() { 
      counter += LIST_SIZE ; 
      return null;
   }

   //尾頁
   public PageReference End() { 
      counter = total_size - math.mod(total_size, LIST_SIZE ) ;
      return null;
   }
}

Visualforce 頁面

<apex:page controller="OppPageController" showHeader="false">
<style type="text/css">
  /* 控制footer居右顯示 */
  .footer{
    text-align: right;
  }
</style>
  <apex:sectionHeader subtitle="業務機會分頁顯示列表" title="業務機會"/>
  <apex:form >
    <apex:pageBlock > 
      <!--   顯示錯誤異常信息 -->
      <apex:pageMessages id="message"/>
      <apex:pageBlockButtons location="bottom" style="text-align: center;">
        <!-- 按鈕顯示效果 -->
        <apex:outputPanel id="buttons">        
          <apex:commandButton action="{!First}" title="First" value="首頁" disabled="{!disablePrevious}" reRender="showpanel,buttons"/>
          <apex:commandButton action="{!Previous}" title="Previous" value="上一頁" disabled="{!disablePrevious}" reRender="showpanel,buttons"/>        
          <apex:commandButton action="{!Next}" title="Next" value="下一頁" disabled="{!disableNext}" reRender="showpanel,buttons"/>
          <apex:commandButton action="{!End}" title="End" value="尾頁" disabled="{!disableNext}" reRender="showpanel,buttons"/>  
        </apex:outputPanel>
      </apex:pageBlockButtons>

      <apex:outputPanel id="showpanel">
        <apex:pageMessages id="theMessages" />
        <apex:pageBlockTable value="{!Opportunitys}" var="opp" footerClass="footer">
          <apex:column value="{!opp.Name}" />
          <apex:column value="{!opp.StageName}" />
          <apex:column value="{!opp.Account.Name}" />
          <apex:column value="{!opp.Type}" />
          <apex:column value="{!opp.Probability}" />           
          <apex:facet name="footer">第{!pageNumber}/{!totalPages}頁 共計{!total_size}條</apex:facet>
        </apex:pageBlockTable>
      </apex:outputPanel>  
    </apex:pageBlock>
  </apex:form>
</apex:page>

完成后的頁面效果圖

可以看到完成后的頁面，是比較符合Salesforce原生態樣式的

OppPageController中的代碼結構比較簡單，主要是根據偏移量，查詢每次需要展示的記錄數據，並刷新頁面顯示，以達到頁面分頁顯示的效果，也就是說，這是一種真分頁的實現。

本文僅供參考，如有錯漏之處歡迎指正，如有疑問，歡迎評論區留言