Salesforce1 Platform API サービスガイド
jVisualforce ダッシュボードコンポーネントの作成
Visualforce ページは、ダッシュボードコンポーネントとして使用できます。ダッシュボードでは、ソースレポートから得たデータを、グラフ、ゲージ、テーブル、総計値、または Visualforce ページなど、視覚化されたコンポーネントとして表示します。コンポーネントは、組織の主要な総計値のスナップショットおよびパフォーマンスの指標を提供します。各ダッシュボードには、最大 20 個のコンポーネントを含めることができます。
標準コントローラを使用する Visualforce ページをダッシュボードで使用することはできません。Visualforce ページをダッシュボードで使用するには、そのページがコントローラを含んでいないか、1 つのカスタムコントローラを使用しているか、または StandardSetController クラスにバインドされたページを参照している必要があります。Visualforce ページは、これらの要件を満たさない場合、ダッシュボードコンポーネントの [Visualforce ページ] ドロップダウンリス��にオプションとして表示されません。
VFDashboard という Visualforce ページを作成します。次のマークアップは、標準リストコントローラを使用し、ダッシュボード内で使用できる Visualforce ページの例を示しています。このページは、組織に関連付けられたケースのリストを表示します。
1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<apex:page standardController="Case" recordSetvar="cases">
18
19 <apex:pageBlock>
20
21 <apex:form id="theForm">
22
23 <apex:panelGrid columns="2">
24
25 <apex:outputLabel value="View:"/>
26
27 <apex:selectList value="{!filterId}" size="1">
28
29 <apex:actionSupport event="onchange" rerender="list"/>
30
31 <apex:selectOptions value="{!listviewoptions}"/>
32
33 </apex:selectList>
34
35 </apex:panelGrid>
36
37 <apex:pageBlockSection>
38
39 <apex:dataList var="c" value="{!cases}" id="list">
40
41 {!c.subject}
42
43 </apex:dataList>
44
45 </apex:pageBlockSection>
46
47 </apex:form>
48
49 </apex:pageBlock>
50
51</apex:page>この Visualforce ページを使用するダッシュボードを作成する手順は、次のとおりです。
- ダッシュボードを表示し、[編集] をクリックします。
- 任意の列の上部にある [コンポーネントの追加] をクリックします。
- コンポーネントの種類として [Visualforce ページ] を選択します。
- 必要に応じて、ダッシュボードコンポーネントの上部に表示するヘッダーを入力します。
- 必要に応じて、ダッシュボードコンポーネントの下部に表示するフッターを入力します。
- [Visualforce ページ] ドロップダウンリストから、VFDash を選択します。
- [保存] をクリックします。
ダッシュボードで実行する Visualforce ページのサンプル
カスタムリストコントローラを使用する、より複雑な例については、「高度な Visualforce ダッシュボードコンポーネント」を参照してください。