forceChatter:feed
Chatter フィードを表します。
forceChatter:feed コンポーネントは、種別で指定されたフィードを表します。type 属性を使用して、特定のフィード種別を表示します。たとえば、コンテキストユーザが所有するか、メンバーであるすべてのグループのフィードを表示するには、type="groups" を設定します。
1<aura:component implements="force:appHostable">
2 <forceChatter:feed type="groups"/>
3</aura:component>また、選択した種別に応じてフィードを表示することもできます。次の例は、表示するフィードの種別を制御するドロップダウンメニューを表示します。
1<aura:component implements="force:appHostable">
2 <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
3 <aura:attribute name="options" type="List" />
4 <aura:attribute name="type" type="String" default="News" description="The type of feed" access="GLOBAL"/>
5 <aura:attribute name="types" type="String[]"
6 default="Bookmarks,Company,DirectMessages,Feeds,Files,Filter,Groups,Home,Moderation,Mute,News,PendingReview,Record,Streams,To,Topics,UserProfile"
7 description="A list of feed types"/>
8 <h1>My Feeds</h1>
9<lightning:select aura:id="typeSelect" onchange="{!c.onChangeType}" label="Type" name="typeSelect">
10 <aura:iteration items="{!v.options}" var="item">
11 <option text="{!item.label}" value="{!item.value}" selected="{!item.selected}"/>
12 </aura:iteration>
13 </lightning:select>
14 <div aura:id="feedContainer" class="feed-container">
15 <forceChatter:feed />
16 </div>
17</aura:component>types 属性は、コンポーネントの初期化時に lightning:select コンポーネントで設定されるフィード種別を指定します。ユーザがフィード種別を選択すると、フィードが動的に作成され、表示されます。
1({
2 // Handle component initialization
3 doInit : function(component, event, helper) {
4 var type = component.get("v.type");
5 var types = component.get("v.types");
6 var opts = new Array();
7
8 // Set the feed types on the lightning:select component
9 for (var i = 0; i < types.length; i++) {
10 opts.push({label: types[i], value: types[i], selected: types[i] === type});
11 }
12 component.set("v.options", opts);
13 },
14
15 onChangeType : function(component, event, helper) {
16 var typeSelect = component.find("typeSelect");
17 var type = typeSelect.get("v.value");
18 component.set("v.type", type);
19
20 // Dynamically create the feed with the specified type
21 $A.createComponent("forceChatter:feed", {"type": type}, function(feed) {
22 var feedContainer = component.find("feedContainer");
23 feedContainer.set("v.body", feed);
24 });
25 }
26})フィードコンポーネントは、Lightning Experience と、カスタマーサービステンプレートに基づくコミュニティでサポートされます。
フィード種別のリストは、『Chatter REST API 開発者ガイド』を参照してください。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| feedDesign | String | 有効な値には、DEFAULT (インラインコメントをデスクトップに多少詳しく表示) または BROWSE (主にフィード項目の概要) が含まれます。 | |
| subjectId | String | エンティティに関連付けられているほとんどのフィードの場合、目的のエンティティを指定するために使用されます。指定されていない場合、デフォルトの現在のユーザに設定されます。 | |
| type | String | 件名に関連付けられている項目の検索に使用される方法。有効な値は、Bookmarks、Company、DirectMessages、Feeds、Files、Filter、Groups、Home、Moderation、Mute、News、PendingReview、Record、Streams、To、Topics、UserProfile です。 |