【Salesforce】ApexとVisualforceを使用して検索画面を作成してみよう その1

こんにちは、にいるです。

最近、開発をよくしているので身についてきたことをまとめていきます
その第一段階として、簡単な検索画面を作成してみました

コードの長さとしてはApex ControllerとVisualforce足して50行もないので、テンプレとして使いやすいと思います

1.Apex Controller
2.Visualforce
3.実際の画面
4.まとめ

1.Apex Controller

まずはApex Controllerから書いていきます
主な点はコメントアウトしている検索結果、コンストラクタ、getメソッドになります

public class RecordSearchController {
    
    // 検索結果
    public List<Account> resultList {get; set;}
    
    //コンストラクタ
    public RecordSearchController(){
        
        getResultList();
        
    }
    // 取引先の検索メソッド
    public List<Account> getResultList(){
        
        List<Account> selectList 
            = [
                SELECT 
                Name
                ,AnnualRevenue 
                ,Industry
                ,NumberOfEmployees 
                FROM
                Account
            ];
        this.resultList = selectList;
        
        return resultList;
    }
    
}

public class RecordSearchController {

// 検索結果

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

//コンストラクタ

public RecordSearchController(){

getResultList();

}

// 取引先の検索メソッド

public List<Account> getResultList(){

List<Account> selectList

= [

SELECT

Name

,AnnualRevenue

,Industry

,NumberOfEmployees

FROM

Account

];

this.resultList = selectList;

return resultList;

}

本当に簡単に作成しています
変数宣言でVisualforceに渡すリストを宣言しています
そしてコンストラクタを定義します
getResultListしかメソッドはないので、それをコンストラクタ内に追加します
次にgetResultListメソッドを作成します
戻り値はリストにしたいので、リスト型です
あとは、SELECT文を書いて、resultListに検索結果を代入して、そのリストをreturnさせます
※このコードだと検索語のselectListが0だとエラーが起こるので注意してください
・エラーについてはここにまとめていますので、よければご覧ください

これでバインド変数のresultListにSOQLの検索結果が入るようになります

2.Visualforce

次は、Visualforceです
動きとしては、Apex Controllerで検索したリストをVisualforceに渡して、それをカラム毎に表示しています

<apex:page controller="RecordSearchController">
    <apex:form>
        <apex:pageBlock>
            <apex:pageBlockSection title="取引先リスト" >
                <apex:pageBlockTable value="{!resultList}" var="r">
                    <apex:column headerValue="取引先名" width="120px">
                        <apex:outputField value="{!r.name}"/>
                    </apex:column>
                    <apex:column headerValue="業種" width="50px">
                        <apex:outputField value="{!r.Industry}"/>
                    </apex:column>
                    <apex:column headerValue="年間売上" width="70px">
                        <apex:outputField value="{!r.AnnualRevenue}"/>
                    </apex:column>
                </apex:pageBlockTable>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>