Lightning コンポーネント開発者ガイド
jLightning for Outlook (ベータ) のコンポーネントの作成
Lightning for Outlook のメールアプリケーションペインにドラッグアンドドロップできるカスタムの Lightning コンポーネントを作成します。.
Lightning for Outlook のメールアプリケーションペインにコンポーネントを追加するには、clients:availableForMailAppAppPage インターフェースを実装します。
メールまたはカレンダーの行動にコンポーネントがアクセスできるようにするには、clients:hasItemContext インターフェースを実装します。
clients:hasItemContext インターフェースは、レコードまたはコンテンツ固有のロジックを実装するために使用できるコンポーネントに属性を追加します。次の属性が含まれます。
-
source 属性。メールまたは予約のソースを示します。使用できる値は、email と event です。
1<aura:attribute name="source" type="String" /> -
people 属性。現在のメールまたは予約の受信者のメールアドレスを示します。
1<aura:attribute name="people" type="Object" /> -
subject は現在のレコードを示します。
1<aura:attribute name="subject" type="String" />
次に、メールアプリケーションペイン内のカスタムコンポーネントの例を示します。これは、メールのコンテキストで何ができるかを示しています。
1<aura:component implements="clients:availableForMailAppAppPage,clients:hasItemContext">
2
3<!--
4 Add these handlers to customize what happens when the attributes change
5 <aura:handler name="change" value="{!v.subject}" action="{!c.handleSubjectChange}" />
6 <aura:handler name="change" value="{!v.people}" action="{!c.handlePeopleChange}" />
7-->
8
9 <div id="content">
10 <h1><b>Email subject</b></h1>
11 <span id="subject">{!v.subject}</span>
12
13 <h1>To:</h1>
14 <aura:iteration items="{!v.people.to}" var="to">
15 {!to.name} - {!to.email} <br/>
16 </aura:iteration>
17
18 <h1>From:</h1>
19 {!v.people.from.name} - {!v.people.from.email}
20
21 <h1>CC:</h1>
22 <aura:iteration items="{!v.people.cc}" var="cc">
23 {!cc.name} - {!cc.email} <br/>
24 </aura:iteration>
25
26 <span class="greeting">{!v.greeting}</span>, {!v.subject}!
27 </div>
28</aura:component>Lightning for Outlook では、次の行動はサポートされません。
- force:navigateToList
- force:navigateToRelatedList
- force:navigateToObjectHome
- force:refreshView