SFDC_08(翻页功能)

翻页的原理是数据库查询出的数据多，一页放不下，然后通过设置每次把一定条数的数据放到一个VF页面可以获取的list中，最主要得到其实是一个循环放置的函数。

我以Account表为例，查出这些数据，我每页只放三条数据。

public with sharing class pageJumpController {
    // 画面显示的项目
    public Integer a{set;get;}
    public Integer b{set;get;}
    // 画面要显示的list
    public list<Account> accList{set;get;}
    
    
    public pageJumpController() {
        a = 0;
        b= 3;
        accList = new list<Account>();
        init();
    }
    // 这个方法就是把查询出来的数据放到前端显示的list里面
    // *** 当你给a , b 附上不同的值，循环中给acclist 附的值就是第a条到第b条。重点就在这里。
    public void init(){
        
        accList.clear();
        list<Account> accountList = [
                                    Select
                                        Id,
                                        Phone,
                                        Name 
                                    From 
                                        Account 
                                    ];
        Integer num = 0;
        for(Account acc : accountList){
            num ++;
            if( num>a && num <= b ){
                accList.add(acc);
            }
        }
    }
    // 当a==0时，数据已经把第一条显示出来，所以没有前一页
        public void beforePage(){
        if(a == 0){}else{a = a-3;}
        if(b == 3){}else{b = b-3;}
        
        init();
    }
    // 当a==6时，数据已经把最后一条显示出来，所以没有后一页
    public void afterPage(){
        if(a == 6){}else{a = a+3;}
        if(b == 9){}else{b = b+3;}
        
        init();
    }
   

    
}

for(Account acc : accountList){
 　　num ++;
 　　　　if( num>a && num <= b ){
 　　　　　　accList.add(acc);
　　　　　}
     }
详细解释一下，当a=0,b=3 时会把第一条到第三条数据存到accList中，num = 4 时便不会走if 里面的判断，虽然说循环还在继续可是accList中却不会加入新的数据。所以accList的值和a b 的值有关。

<apex:page controller="pageJumpController">
    <script>
        window.onload = function(){
            // 当a== 0 的时候没有上一页，所以上一页的这个标签不显示。display="none"
            var previousPage = document.getElementById("{!$Component.pagingComponent.previousLink}");
            if("{!a}" == "0"){
                previousPage.style.display="none";
            }
            // 当a== 9 的时候没有下一页，所以下一页的这个标签不显示。display="none"
            var nextPage = document.getElementById("{!$Component.pagingComponent.nextLink}");
            if( "{!b}" == "9"){
                nextPage.style.display="none";
            }
        }
    </script>
    <apex:form id="pagingComponent">
        <table width="100%" id="table">
            <tr>
                <td align="left">
                    <apex:outputText style="color:red;font-weight:bold;" value="注意" />
                </td>
                <td style="color:silver;font-weight:bold;" align="left">
                    <apex:outputText value="＜"/>
                    
                    <apex:commandLink id="previousLink" style="color:silver;font-weight:bold;" value="上一页" action="{!beforePage}" />
                    <apex:outputText value="    /    "/>
                    
                    <apex:commandLink id="nextLink" style="color:silver;font-weight:bold;" value="下一页 " action="{!afterPage}" /> 
                </td>
            </tr>
        </table>
        <apex:pageBlock title="检索结果">
            <apex:pageMessages />
            <apex:pageBlockTable value="{!accList}" var="item" columns="3">
                <apex:column value="{!item.Id}"/>
                <apex:column value="{!item.Name}"/>
                <apex:column value="{!item.Phone}"/>
            
            </apex:pageBlockTable>
        </apex:pageBlock>
    </apex:form>
</apex:page>

 

previousPage.style.display="none";这句话的意思是让这个标签不显示，当是第一页的时候就不现实《上一页》这个标签。




效果就是这个样子，不过这个是最简单的处理，我a,b 的值都是自己手工设置的，你可以用XX.size() 的方法获取，你所得到的list 的条数，再进行设置每页显示的条数。

当然实际生产中可能还会有复选框，按钮等其他组件，这个时候我推荐大家定义一个内部类，会方便很多。