Idm

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>Salesforce Developer Workshop</title>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="css/styles.css" rel="stylesheet">




</head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" d
ata-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Salesforce Developer Works
hop</a>
</div>
<div class="navbar-collapse collapse">









<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/ccoenraets/salesforce-developer-
workshop">GitHub Project</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-8">
<h1>Module 7: Creating a Visualforce Page</h1>
<hr/>
<p>In this module, you create a Visualforce page to provide a custom use
r interface for creating and editing speakers.</p>
<h3>Step 1: Create the SpeakerForm Visualforce Page</h3>
<ol>
<li><p>In the <strong>Developer Console</strong>, select <strong>File</strong> &
gt; <strong>New</strong> > <strong>Visualforce Page</strong>, specify <strong
>SpeakerForm</strong> as the page name and click <strong>OK</strong></p></li>
<li><p>Implement SpeakerForm as follows:</p>
<div class="highlight"><pre><code class="text language-text" data-lang="text">&l
t;apex:page standardController="Speaker__c">
<apex:form >
<apex:pageBlock title="Edit Speaker">
<apex:pageBlockSection columns="1">
<apex:inputField value="{!Speaker__c.First_Name__c}"/&g
t;
<apex:inputField value="{!Speaker__c.Last_Name__c}"/&gt
;
<apex:inputField value="{!Speaker__c.Email__c}"/>
</apex:pageBlockSection>
<apex:pageBlockButtons >
<apex:commandButton action="{!save}" value="Save&q
uot;/>
</apex:pageBlockButtons>
</apex:pageBlock>
</apex:form>
</apex:page>
</code></pre></div></li>
<li><p>Save the file</p></li>
<li><p>Test the Visualforce page. There are several ways you can test your Visua
lforce page. For example, you can:</p>
<ul>
<li>Click the <strong>Preview</strong> button in the file editor for SpeakerForm
in the developer console</li>
<li>Directly access the Visualforce page by appending <strong>/apex/SpeakerForm<
/strong> to your instance's domain name in the browser. For example, access:
<a href="https://na17.salesforce.com/apex/SpeakerForm">https://na17.salesforce.
com/apex/SpeakerForm</a> (make sure you use your own Salesforce domain name)</li
>
</ul></li>
</ol>
<h3>Step 2: Set SpeakerForm as the Default Form</h3>
<p>In this step, you set the SpeakerForm page as the default form for creating a
nd editing speakers:</p>
<ol>
<li><p>In <strong>Setup</strong>, select <strong>Build</strong> > <strong>Cre
ate</strong> > <strong>Objects</strong> and click the <strong>Speaker</strong
> link</p></li>
<li><p>Scroll down to the <strong>Buttons, Links, and Actions</strong> section,
and click <strong>Edit</strong> next to <strong>New</strong></p></li>
<li><p>Check Override With Visualforce Page, and select <strong>SpeakerForm</str
ong></p></li>
<li><p>Click <strong>Save</strong></p></li>
<li><p>In the <strong>Buttons, Links, and Actions</strong> section, click <stron
g>Edit</strong> next to <strong>Edit</strong></p></li>
<li><p>Check Override With Visualforce Page, and select <strong>SpeakerForm</str
ong></p></li>
<li><p>Click <strong>Save</strong></p></li>
</ol>
<h3>Step 3: Test the Application</h3>
<ol>
<li><p>Click the Speakers Tab</p></li>
<li><p>Select a speaker and click Edit: you are now editing the speaker informat
ion using your Visualforce page</p></li>
<li><p>Modify some data, and click Save</p></li>
</ol>
<blockquote>
<p>At this stage, the Visualforce page doesn't provide any additional capabi
lity compared to the default speaker form. In
the next module, you will enhance SpeakerForm to support the upload of the speak
er picture.</p>
</blockquote>
<div class="row" style="margin-top:40px;">
<div class="col-sm-12">
<a href="Creating-Triggers.html" class="btn btn-default"><i class="glyphicon gly
phicon-chevron-left"></i> Previous</a>
<a href="Creating-a-Controller-Extension.html" class="btn btn-default pull-right
">Next <i class="glyphicon glyphicon-chevron-right"></i></a>
</div>
<p></div></p>
</div>
<div class="col-xs-12 col-sm-4 right-nav">
<div class="panel panel-default">

<div class="panel-heading">Modules</div>
<ol class="list-group">
<li><a href="Creating-a-Developer-Edition-Account.html">Creating
a Developer Edition Account</a></li>
<li><a href="Creating-the-Data-Model.html">Creating the Data Mod
el</a></li>
<li><a href="Creating-the-Application.html">Creating the Applica
tion</a></li>
<li><a href="Creating-an-Apex-Class.html">Creating an Apex Class
</a></li>
<li><a href="Accessing-Data-using-SOQL-and-DML.html">Accessing D
ata using SOQL and DML</a></li>
<li><a href="Creating-Triggers.html">Creating Triggers</a></li>
<li><a href="Creating-a-Visualforce-Page.html">Creating a Visual
force Page</a></li>
<li><a href="Creating-a-Controller-Extension.html">Creating a Co
ntroller Extension</a></li>
<li><a href="Using-JavaScript-in-Visualforce-Pages.html">Using J
avaScript in Visualforce Pages</a></li>
<li><a href="Using-the-Salesforce1-Platform-APIs.html">Using the
Salesforce1 Platform APIs</a></li>
<li><a href="Testing.html">Testing</a></li>
<li><a href="Batch-and-Schedule.html">Batch and Schedule</a></li
>
</ol>

</div>
<a href="https://twitter.com/share" class="twitter-share-button" data-size="larg
e" data-url="http://bit.ly/salesforce-workshop" data-text="Salesforce Developer
Workshop: self-paced tutorial to learn how to develop on the #Salesforce Platfor
m">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.tes
t(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.
id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(
js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
</div>
<div id="footer">
<p class="text-muted">Salesforce Developer Workshop, 2014.</p>
</div>

</div>
<script src="lib/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

Idm

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Idm

Diunggah oleh

Hak Cipta:

Format Tersedia

<!

Anda mungkin juga menyukai