Agenda


Visualforce Overview



Visualforce Benefits



Visualforce Page Architecture
Visualforce System Architecture
(Development Mode)
Visualforce System Architecture (User Mode)
Visualforce benefits


User-friendly development



Integration with other Web-based user interface
technologies



Mod...
Model View Controller Pattern
Visualforce – MVC Breakdown
Developers can use Visualforce pages to:


Override standard buttons, such as the New button for
accounts, or the Save bu...
Displaying Field Values with Visualforce

Visualforce pages use the same expression language
as formulas—that is, anything...
Controllers
A Visualforce controller is a set of instructions that
specify what happens when a user interacts with the
com...
Controllers
Visualforce markup can use the following types of
controller extension and custom controller methods:
• Action...
Order of Execution in a Visualforce Page
There are two types of Visualforce page requests:
• A get request is an initial r...
Order of Execution in a Visualforce Page get
request.
Order of Execution in a Visualforce Page
Post Request.
Using JavaScript and CSS in Visualforce
Pages
Using JavaScript in Visualforce pages gives you
access to a wide range of ex...
Some Tags of VisualForce :1. <apex:page> calls an action when the page is loaded
2. <apex:actionFunction> defines a new Ja...
Some Tags of VisualForce :8. <apex:pageBlock >
9. <apex:pageBlockTable value="{!accounts}" var="a">
10. <apex:column value...
Demos
Vf ppt (1)
Upcoming SlideShare
Loading in...5
×

Vf ppt (1)

734

Published on

Published in: Technology, Design
2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
734
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
78
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×