【Visualforce+Apex】テーブルに連番を表示するサンプル

Salesforce

2019.09.05 2019.07.02

Visualforceページで、テーブルに連番を表示するサンプルです。

/**
 * コントローラクラス.
 */
public class AccountListController {

    /** 取引先リスト */
    public List<Account> accList{get; set;}
    
    /**
     * コンストラクタ.
     */
    public AccountListController() {
        this.accList = [SELECT Id ,Name ,Phone FROM Account];
    }
}

/**

* コントローラクラス.

public class AccountListController {

/** 取引先リスト */

public List<Account> accList{get; set;}

/**

* コンストラクタ.

public AccountListController() {

this.accList = [SELECT Id ,Name ,Phone FROM Account];

}

<!-- Visualforceページ -->
<apex:page controller="AccountListController">
    <apex:pageBlock>
        <apex:variable id="rowIndex" var="rowIndex" value="1" />
        <apex:pageBlockTable value="{!accList}" var="al">
            <apex:column headerValue="No">
                <apex:outputText value="{!VALUE(rowIndex)}" />
            	<apex:variable var="rowIndex" value="{!VALUE(rowIndex) + 1}"/>
            </apex:column>
            <apex:column headerValue="取引先名">
                <apex:outputField value="{!al.Name}"/>
            </apex:column>
            <apex:column headerValue="電話">
                <apex:outputField value="{!al.Phone}"/>
            </apex:column>
        </apex:pageBlockTable>
    </apex:pageBlock>
</apex:page>

<apex:page controller="AccountListController">

<apex:pageBlock>

<apex:variable id="rowIndex" var="rowIndex" value="1" />

<apex:pageBlockTable value="{!accList}" var="al">

<apex:column headerValue="No">

<apex:outputText value="{!VALUE(rowIndex)}" />

<apex:variable var="rowIndex" value="{!VALUE(rowIndex) + 1}"/>

</apex:column>

<apex:column headerValue="取引先名">

<apex:outputField value="{!al.Name}"/>

</apex:column>

<apex:column headerValue="電話">

<apex:outputField value="{!al.Phone}"/>

</apex:column>

</apex:pageBlockTable>

</apex:pageBlock>

</apex:page>

ポイント
4行目：行番号の変数を定義
7行目：定義した変数を行番号として表示
8行目：行番号の変数をインクリメント