この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

Visualforce を使用して記事リストを作成する

Visualforce 検索ページの最初のコンポーネントとなる記事リストを作成します。

ブラウザのアドレスバーで、salesforce.com/ より右側すべてを apex/ArticleList に置き換えます。salesforce.com/ の左側は何も変更しないでください。
この結果、URL は、https://instance.salesforce.com/apex/ArticleList のようになります。
Enter キーを押します。
ページがまだ存在しないことを示す Visualforce エラーページが表示されます。
[ArticleList ページを作成] リンクをクリックします。
新しい Visualforce ページの下部にあるフッターで、[ArticleList] をクリックして Visualforce 開発モードのページエディタを表示します。
Visualforce 開発モードのページエディタでデフォルトのマークアップをすべて削除し、「Visualforce 記事リストのコードサンプル」に表示されているマークアップに置き換えます。
[保存] () をクリックします。

マークアップを保存すると、Force.com プラットフォームでマークアップが有効であるかどうかが確認されて、エラーがあれば通知されます。マークアップが有効である場合、Visualforce ページの新しいバージョンが保存され、ブラウザに表示されます。これで、記事のリストが表示された [Article List (記事リスト)] ページを確認できます。

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 sidebar="false" title="Article List">
18 <style>
19  td{
20  vertical-align : top;   
21  text-align: left;
22  }
23 </style>
24 <apex:form >
25  <apex:pageBlock title="Article List" > 
26   <apex:panelGrid width="100%">
27    <table width="99%">
28     <tr>
29      <th width="33%">Title</th>
30      <th width="33%">Article Type</th>
31      <th width="33%">Summary</th>
32     </tr>
33    </table>
34   <knowledge:articleList articleVar="article"  hasMoreVar="false" pageSize="10">
35    <table  width="99%">
36     <tr>
37      <td width="33%">
38       <apex:outputLink target="_blank" value="{!URLFOR($Action.KnowledgeArticle.View, article.id,['popup' = 'true'])}">{!article.title}</apex:outputLink>
39      </td>
40      <td width="33%"><apex:outputText >{!article.articleTypeLabel}</apex:outputText></td>
41      <td width="33%"><apex:outputText >{!article.abstract}</apex:outputText></td>
42     </tr>
43    </table>
44    </knowledge:articleList>
45   </apex:panelGrid> 
46  </apex:pageBlock>
47 </apex:form>
48</apex:page>

次のコードフラグメントでは、knowledge:articleList Visualforce コンポーネントによって最初の記事リストが作成されます。pageSize 属性により、リスト内に 10 個までしか記事が表示されないようになります。

1<knowledge:articleList articleVar="article"  hasMoreVar="false" pageSize="10">

[Visualforce Article Search (Visualforce 記事検索)] タブの作成

次に、記事リストが表示される Visualforce ページの新しいカスタムタブを作成します。このページを [Visualforce Article Search (Visualforce 記事検索)] ページと呼ぶこととします。

[設定] で、[作成] | [タブ] をクリックします。
Visualforce タブ領域で、[新規] をクリックします。
[Visualforce ページ] ドロップダウンリストで、ArticleList を選択します。
[タブの表示ラベル] 項目に「Visualforce Article Search」(Visualforce 記事検索) と入力します。
[タブ名] 項目のデフォルト値はそのままにしておきます。
[タブスタイル] ルックアップアイコンをクリックして、新しいタブのスタイルを選択します。
[Salesforce Classic 準備完了] チェックボックスをオフ、[スプラッシュページのカスタムリンク] ドロップダウンリストの設定を [--なし--] のままにします。
[説明] 項目に「A tab for the Visualforce Article Search page」(Visualforce 記事検索ページのタブ) と入力します。
[次へ] をクリックします。
[次へ] を再度クリックして、デフォルトのユーザプロファイル表示を受け入れます。
[カスタムアプリケーションに追加] ページで、自分のナレッジアプリケーション以外のすべての [タブを含める] チェックボックスをオフにします。
[各ユーザのカスタマイズ設定にタブを追加する] チェックボックスをオンにします。
[保存] をクリックします。

ページが更新されると、[Visualforce Article Search (Visualforce 記事検索)] タブが自動的にページ上部のアプリケーションタブに追加されます。

これまでの作業を確認する

[Visualforce Article Search (Visualforce 記事検索)] タブを選択して、記事リストを表示します。

リスト内の各項目には、記事のタイトル、記事タイ��、および記事の概要が表示されます。現時点では、Visualforce リストのコードサンプルの knowledge:articleList タグで設定したように、リストにはページごとに 10 個の記事しか表示されません。

Salesforce ナレッジ開発者ガイド

Visualforce を使用して記事リストを作成する

Visualforce 記事リストのコードサンプル

[Visualforce Article Search (Visualforce 記事検索)] タブの作成

これまでの作業を確認する