Lightning Experience の setPanelHeaderIcon()
ユーティリティのパネルのアイコンを設定します。このアイコンは、ユーティリティパネルヘッダーに表示されます。
引数
| 名前 | 型 | 説明 |
|---|---|---|
| utilityId | string | パネルヘッダーアイコンを設定するユーティリティの ID。ユーティリティ内からコールする場合は省略可能。 |
| icon | string | SLDS ユーティリティアイコンキー。ユーティリティバーに表示されます。SLDS リファレンスサイトでユーティリティアイコンキーの完全なリストを確認してください。 |
| options | object | 省略可能。ユーティリティパネルアイコンの外観を変更する追加オプション。 |
サンプルコード
ユーティリティバーで使用される 1 列の Lightning ページにこのコンポーネントが追加されている場合、ボタンを押すとユーティリティパネルのアイコンが黄色の SLDS の [凍結] アイコンに設定されます。
コンポーネントコード:
1<aura:component implements="flexipage:availableForAllPageTypes" access="global" >
2 <lightning:utilityBarAPI aura:id="utilitybar" />
3 <lightning:button label="Set Panel Header Icon" onclick="{! c.setPanelHeaderIcon }" />
4</aura:component>コントローラーコード:
1({
2 setPanelHeaderIcon : function(component, event, helper) {
3 var utilityAPI = component.find("utilitybar");
4 utilityAPI.setPanelHeaderIcon({
5 icon: “frozen”
6 options:{
7 iconVariant:"warning"
8 }
9 });
10 }
11})応答
このメソッドは、成功時に true に解決される Promise を返します。