salesforce零基础学习（一百一十）list button实现的一些有趣事情
本篇参考：
salesforce零基础学习（九十五）lightning out
https://域名/docs/component-library/documentation/en/lwc/lightning_out_considerations
https://域名/docs/component-library/bundle/lightning:isUrlAddressable/documentation
方案1. 使用 lightning out。 这个当时被我视为了首选方案，不管是后续需求变更，即使传递需要选择的数据也可以游刃有余，有途径来实现。
实现的大概代码结构： vf -> lightning app -> lightning component(aura) -> lightning web component(lwc)
具体的业务抛开，目前 lwc只有两个功能：
1. 点击按钮展示 toast
2. 点击按钮关闭当前的 console tab
域名
<template>
{accountId}
<lightning-button label="show Toast" onclick={handleShowToastEvent}></lightning-button>
<lightning-button label="close tab" onclick={handleCloseTabEvent}></lightning-button>
</template>
域名
import { LightningElement, track, wire,api } from \'lwc\';
import { ShowToastEvent } from \'lightning/platformShowToastEvent\';
export default class contactListSampleLwc extends LightningElement {
@api accountId;
handleShowToastEvent(event) {
域名(\'handle show toast event\');
域名atchEvent(
new ShowToastEvent({
title: \'show toast sample\',
message: \'show toast message\',
variant: \'info\'
})
);
}
handleCloseTabEvent(event) {
域名atchEvent(new CustomEvent(\'closecurrenttab\'));
}
}
域名
<aura:component implements="force:appHostable" access="global">
<lightning:workspaceAPI aura:id="workspace"/>
<aura:attribute name="AccountId" type="String"></aura:attribute>
<aura:handler name="init" value="{!this}" action="{!域名leInit}"/>
<c:contactListSampleLwc onclosecurrenttab="{!域名leCloseCurrentTabEvent}" accountId="{!域名untId}"></c:contactListSampleLwc>
</aura:component>
域名
({
handleCloseCurrentTabEvent : function(component, event, helper) {
域名(\'execute this current tab handler\');
let workspaceAPI = 域名("workspace");
域名ocusedTabInfo().then(function(response) {
var focusedTabId = 域名d;
域名eTab({tabId: focusedTabId});
})
.catch(function(error) {
域名(\'execute\');
域名(error);
});
},
handleInit : function(component,event,helper) {
var workspaceAPI = 域名("workspace");
域名ocusedTabInfo().then(function(response) {
var focusedTabId = 域名d;
域名abLabel({
tabId: focusedTabId,
label: "Updated Tab Label"
});
// 域名eshTab({tabId:focusedTabId});
})
.catch(function(error) {
域名(error);
});
// var recordId = 域名("域名Reference").域名ecordId;
// 域名(\'域名untId\', recordId);
}
})
域名
<aura:application access="GLOBAL" extends="ltng:outApp">
<aura:dependency resource="c:ContactListSampleCmp"/>
</aura:application>
域名
<apex:page standardController="Contact" recordSetVar="Contacts" showHeader="false">
<apex:includeLightning/>
<div id="lightning" />
<script>
var recordId = \'{!$域名}\';
$域名("c:ContactListSampleApp", function() {
$域名teComponent("c:ContactListSampleCmp",
{AccountId : recordId},
\'lightning\',
function(cmp) {
域名("component created");
}
);
});
</script>
</apex:page>
配置一下list button，content source选择Visualforce Page。
遇到的问题：
1. toast 不展示效果
2. close tab 不生效
原因为 lightning out场景下，lwc里面用标准的一些功能确实好多不支持，怀疑 lightning out使用了一个单独的 iframe，导致很多标准渲染有问题。既然 lightning out油很多问题，加上我们的需求也不需要选择selected records，而只是需要获取account id，那就曲线救国一下。
2. lightning component可以设置 isUrlAddressable, salesforce component navigation可以通过 implements isUrlAddressable 直接访问，访问的URL为： /cmp/componentName即可，通过传递 c__paramName，aura端就可以获取到 paramName信息。
注意一点的是： community cloud貌似不支持c__paramName方式传递，所以如果是community项目也有这个功能，慎用。
这里我们更改两点。
1. 域名的implements增加以下 isUrlAddressable
<aura:component implements="force:appHostable,lightning:isUrlAddressable,force:hasRecordId" access="global">
2. 域名的handleInit方法，将recordId通过 pageReference获取的代码注释打开。
然后设置一下content source修改成URL，然后填上下图的URL
至此我们重新点击按钮以后，我们会发现URL其实是跳转到这个aura上面，所以toast等功能是可以正常使用的。
这里再额外引申一下域名eshTab的功能，本来再弹出的情况下，偶尔tab不会更新名称，所以当时查看了API在 init方法setLabel以后使用了refreshTab，结果程序死循环了，原因是 refreshTab不只是刷新 tab这个小的区域，这个tab里面包含的内容将会重新的加载，所以千万不要在component生命周期中使用refreshTab从而造成死循环。
总结：或许是 lightning out用的不熟练，使用lightning out的时候，感觉坑还是一堆。salesforce针对 list button目前在lex环境还是支持的不太友好，有 list button的需求还是要多评估一下，避免入坑。篇中有错误欢迎指出，有不懂欢迎留言。
