Apex - Visualforce Basic - 목록에 페이지 지정 추가

1.     목록에 페이지 지정 추가

-       표준 목록 컨트롤러의 페이지 매김 기능을 사용하면 사용자가 한 ‘페이지’에서 긴 레코드 목록을 볼 수 있다.

-       페이지 지정을 통해 Next와 Pervious 링크를 사용하는 기능이다.

 

2.     예시 코드

 

 

<apex:page standardController="Contact" recordSetVar="contacts">

    <apex:form>
        
        <apex:pageBlock title="Contacts List" id="contacts_list">
            
            <!-- Filter -->
            Filter: 
            <apex:selectList value="{! filterId}" size="1">
                <apex:selectOptions value="{! listViewOptions }" />
                <apex:actionSupport event="onchange" reRender="contacts_list"/>
            </apex:selectList>
        
            <!-- Contacts List -->            
            <apex:pageBlockTable value="{! contacts}" var="ct">                
                <apex:column value="{! ct.FirstName}"/>
                <apex:column value="{! ct.LastName}"/>
                <apex:column value="{! ct.Email}"/>
                <apex:column value="{! ct.Account.Name}"/>
            </apex:pageBlockTable>
            
            <!-- Pagination -->
            <table style="width: 100%">
                
                <tr>
                    <td>
                        Page: <apex:outputText value="{! PageNumber} of {! CEILING ( ResultSize / PageSize ) }"/>
                        <!-- 현재 페이지 번호와 총 페이지 수를 나타내 준다. -->
                    </td>
                    <td align="center">
                        <!-- Previous Page -->
                        <!-- apex:commandLink는 표준 목록 컨트롤러에서 제공하는 Previous와 Next 매소드를 참조한다. -->
                        <!-- 즉 Previous와 Next를 수행하는 링크라는 의미이다. -->
                        <apex:commandLink action="{! Previous }" value="<< Previous" reRender="{! HasPrevious}"/>
                        <apex:outputText style="color: #ccc;" value="<< Previous" rendered="{! NOT(HasPrevious)}" />
                        &nbsp;&nbsp;
                        <!-- Next Page -->
                        <apex:commandLink action="{! Next }" value="Next >>" reRender="{! HasNext}"/>
                        <apex:outputText style="color: #ccc;" value="Next >>>" rendered="{! NOT(HasNext)}" />
                    </td>
                    <td align="right">
                        Record per page:
                        <apex:selectList value="{! PageSize}" size="1">
                            <apex:selectOption itemValue="5" itemLabel="5" />
                            <apex:selectOption itemValue="20" itemLabel="20" />
                            <apex:actionSupport event="onChange" reRender="contacts_list"/>
                        </apex:selectList>
                    </td>
                </tr>
                
            </table>
            
        </apex:pageBlock>
        
    </apex:form>
    
</apex:page>

 

3.     예시 화면