Apex로 필드 레이블 및 플랫폼 스타일 추가

-       <apex:pageBlock> 및 <apex:pageBlockSection> 태그 내부에 양식 요소를 배치함으로써 구성 및 그룹화하고 해당 양식이 플랫폼 비주얼 스타일을 적용시킬 수 있다.

 

1. 예시 코드

 

 

<apex:page standardController="Account">
    
    <apex:form>
        
        <apex:pageBlock title="Edit Account">
            
            <h1> apex:inputField는 연결된 레코드 데이터 필드에 대한 화면양식을 만든다. </h1><br />
            <h1> apex:inputField는 standard 또는 Custom 필드 유형을 기반으로 적절한 입력 위젯을 렌더링한다. </h1><br />
            
            <apex:pageBlockSection columns="1">
                <apex:inputField value="{! Account.Name}"/>
                <apex:inputField value="{! Account.Phone}"/>
                <apex:inputField value="{! Account.Industry}"/>
                <apex:inputField value="{! Account.AnnualRevenue}"/>
            </apex:pageBlockSection>
            
            <p></p>
            
            <apex:pageBlockButtons>
                <apex:commandButton action="{! save }" value="Save"/>
                <h1> apex:commandButton는 사용자 인터페이스에 버튼을 추가한다. </h1><br />
            </apex:pageBlockButtons>
            
        </apex:pageBlock>
        
    </apex:form>
    
</apex:page>

 

2. 결과 화면