Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Vf ppt (1)

1,938 views

Published on

Published in: Technology, Design

Vf ppt (1)

  1. 1. Agenda  Visualforce Overview  Visualforce Benefits  Visualforce Page Architecture
  2. 2. Visualforce System Architecture (Development Mode)
  3. 3. Visualforce System Architecture (User Mode)
  4. 4. Visualforce benefits  User-friendly development  Integration with other Web-based user interface technologies  Model-View-Controller (MVC) style development  Concise syntax  Automatically upgradeable
  5. 5. Model View Controller Pattern
  6. 6. Visualforce – MVC Breakdown
  7. 7. Developers can use Visualforce pages to:  Override standard buttons, such as the New button for accounts, or the Save button for contacts  Override tab overview pages, such as the Accounts tab home page  Define custom tabs  Create dashboard components or custom help pages  Customize, extend, or integrate the sidebars in the Service Cloud console (custom console components)
  8. 8. Displaying Field Values with Visualforce Visualforce pages use the same expression language as formulas—that is, anything inside {! } is evaluated as an expression that can access values from records that are currently in context. For example, you can display the current user's first name by adding the {! $User.FirstName} expression
  9. 9. Controllers A Visualforce controller is a set of instructions that specify what happens when a user interacts with the components specified in associated Visualforce markup, such as when a user clicks a button or link. Controllers also provide access to the data that should be displayed in a page, and can modify component behavior. Types of Controllers :1. Standard Controller 2. Custom Controller 3. Extension
  10. 10. Controllers Visualforce markup can use the following types of controller extension and custom controller methods: • Action • Getter • Setter
  11. 11. Order of Execution in a Visualforce Page There are two types of Visualforce page requests: • A get request is an initial request for a page either made when a user enters an URL or when a link or button is clicked that takes the user to a new page. • A postback request is made when user interaction requires a page update, such as when a user clicks on a Save button and triggers a save action.
  12. 12. Order of Execution in a Visualforce Page get request.
  13. 13. Order of Execution in a Visualforce Page Post Request.
  14. 14. Using JavaScript and CSS in Visualforce Pages Using JavaScript in Visualforce pages gives you access to a wide range of existing JavaScript functionality,
  15. 15. Some Tags of VisualForce :1. <apex:page> calls an action when the page is loaded 2. <apex:actionFunction> defines a new JavaScript function that calls an action 3. <apex:stylesheet value="{!$Resource.<filename>}"/> 4. <apex:outputText> 5. <apex:commandButton> creates a button that calls an action 6. <apex:commandLink> creates a link that calls an action 7. <apex:actionSupport> makes an event (such as “onclick”, “onmouseover”, and so on) on another, named component, call an action.
  16. 16. Some Tags of VisualForce :8. <apex:pageBlock > 9. <apex:pageBlockTable value="{!accounts}" var="a"> 10. <apex:column value="{!a.name}"/> 11. <apex:form id="theForm">
  17. 17. Demos

×