Lightningコンポーネントで使用する（開発者向け、Salesforce1専用）

LightningコンポーネントでCM GanttChart for Salesforceを使用するには以下のような手順で行います。
この手順で作成したLigheningコンポーネントはSalesforce1のメニューに直接追加できる他、Ligheningアプリケーションビルダーで利用するようにすることも可能です。

Ligheningアプリケーションビルダーで作成したアプリケーションは現状「電話」及び「タブレット」に最適化された画面しか作成できず、Salesforce1をPCから参照した場合、PCで参照する場合には不要な空白が挿入されてしまいます。本手順で作成したLightningコンポーネントを直接Salesforce1のメニューに追加した場合はこの空白が挿入されないため、Salesforce1をPCから利用する場合には本手順が最適です。

お使いの環境でLightningコンポーネントが有効化されていない場合は、こちらのページを参照の上、Lightningコンポーネントを有効化してください。

1 開発者コンソールの起動
2 新規Ligheningコンポーネントを作成する
3 Ligheningアプリケーションタグの追加
4 Salesforce1のメニューに追加する
5 Salesforce1上で確認

開発者コンソールの起動

[アカウント名] ＞[開発者コンソール]をクリックします。

開発者コンソールが起動します。

新規Ligheningコンポーネントを作成する

メニューから、[File] > [New] > [Lightnig Component]をクリックします

ダイアログが表示されますので、NameとDescriptionに適当な内容を入力し[Submit]ボタンをクリックしてください

cm-ganttchart-for-salesforce-lightning-component-01

Ligheningコンポーネントが生成されます。

cm-ganttchart-for-salesforce-lightning-component-02

Ligheningアプリケーションタグの追加

例として、以下のように商談ごとのタスクをガントチャートとして表示してみましょう。

<aura:component>タグ内に下記の属性を記入したタグを追加します。このとき、作成するコンポーネントをSalesforce1から直接使えるようにするためには<aura:component implements=”force:appHostable”>とする必要があります。

<aura:component implements="force:appHostable">
 <cmgantt:ganttChartApp objectName="Task"
 labelField="Subject"
 startField="ActivityDate"
 groupingField="WhatId"
 groupingLabelField="What.Name"
 query1label="全ての商談"
 query1="USING SCOPE Everything"
 query2label="私の商談"
 query2="USING SCOPE Mine"
 />
</aura:component>

cm-ganttchart-for-salesforce-lightning-component-03

簡単に説明すると、[Object name]に指定したオブジェクトがガントチャートの各行に表されれ、[Start date or datetime field]にした日付フィールドの日付にプロットされます。
また、[Label of Grouping]に指定したフィールドでグループにまとめられます。
この例では、商談ごとのToDOの日付がガントチャート上に表されます。

コンポーネントの属性の詳しい説明は「CM GanttChart for Salesforceコンポーネントリファレンス」をご覧ください。

追加が完了したら[File] > [Save]をクリックして保存します。