visualforce components

Core Tag

  1. <apex:page>

A single Visualforce page. All pages must be wrapped inside a single page component tag.

Example:

<apex:page >

<!– Begin Default Content REMOVE THIS –>

<h1>Congratulations</h1>

This is your new Page: a

<!– End Default Content REMOVE THIS –>

</apex:page>

  1. <apex:includescript>

A link to a JavaScript library that can be used in the  Visualforce page. When specified,this component injects a script reference into the head element of the generated HTML page.

Syntax:

         <apex:includeScript value=”{!$Resource.example_js}”/>

 

 

Template System:

1.<apex:insert>:

A template component that declares a named area that must be defined by an <apex:define>component in another Visualforce page.Use this component with the <apex:composition> and <apex:define>components to share data between multiple pages.

2.<apex:composition>:

An area of a page that includes content from a second template page. T emplate pages are Visualforce pages that include one or more  <apex:insert>components. The <apex:composition>component names the associated template, and provides body for the template’s <apex:insert>components with matching <apex:define>components.Any content outside of an <apex:composition>component is not rendered.

3.<apex:define>:

A template component that provides content for an <apex:insert>component defined in a Visualforce template page.

Core Form

1.<apex:form>:Visualforce page that allows users to enter input and then submit it with an <apex:commandButton>or<apex:commandLink>. The body of the form determines the data that is displayed and the way it is processed.It’s a best practice to verify that pages and custom components use at most one <apex:form>tag.

2.<apex:commandButton>

A button that is rendered as an HTML input element with the type attribute set to submit, reset,or image, depending on the<apex:commandButton>tag’s specified values.

3 .<apex:commandlink>

A link that executes an action defined by a controller , and then either refreshes the current page, or navigates to a different  page based on the PageReference variable that is returned by the action

4. <apex:inputCheckbox>

An HTML input element of type checkbox.Use this component to get user input for a controller method

5.<apex:inputfield>

Input element that corresponds to a field on a standard or custom object.

  1. <apex:inputFile>

A component that creates an input field to upload a file.

  1. <apex:inputHidden>

An HTML input element of type hidden,that is, an input element that is invisible to the user . Use this component to pass variables from page to page.

  1. <apex:inputSecret>

An HTML input element of type password.Use this component to get user input for a controller method that does not correspond to a field on a Salesforce object,for a value that is masked as the user types.

  1. apex:inputText

An HTML input element of type text.Use this component to get user input for a controller method that does not correspond to a field on a Salesforce object.

  1. apex:inputTextarea:

A text area input element.Use this component to get user input for a controller method that does not correspond to a field on a Salesforce object,for a value that requires a text area. This component can’t be used for anything other than text.

  1. apex:selectList

A list of options that allows users to select only one value or multiple values at a time, depending on the value of its multiselect attribute.

  1. apex:selectOption:

A possible value for an <apex:selectCheckboxes> Or <apex:selectList>

component. The <apex:selectOption> component must be a child of one of those components.

  1. apex:selectOptions

A collection of possible values for an <apex:selectCheckBoxes>, <apex:selectRadio>, or <apex:selectList> component.

  1. apex:selectOption:

A possible value for an <apex:selectCheckboxes>or  <apex:selectList> component. The <apex:selectOption>component must be a child of one of those components.

 

Ajax and JavaScript:

 

  1. <apex:actionfunction>:

A component that provides support for invoking controller action methods directly from JavaScript code using an AJAX request.  An <apex:actionFunction> component must be a child of a                 <apex: form> component.

  1. <apex:actionstatus>:

A component that displays the status of an AJAX update request. An AJAX request can either be in progress or complete

 

  1. <apex:actionpollar>:

A timer that sends an AJAX update request to the server according to a time interval that you specify. The update request can then result in a full or partial page update. You should avoid using this component with enhanced lists.

 

     4.<apex:actionsupport>:

A component that adds AJAX support to another component, allowing the component to be refreshed asynchronously by the server when a particular event occurs, such as a button click or mouseover.

     5.<apex:actionregion>

An area of a Visualforce page that demarcates which components should be processed by the Force.com server when an AJAX request is generated. Only the components in the body of the < apex:actionRegion > are processed by the server, thereby increasing the performance of the page.

Be the first to comment

Leave a Reply

Your email address will not be published.


*