Salesforce ListViewButton URL方式打开自定义组件

原创

repick

发布于 2023-04-15 07:23:24

4690

发布于 2023-04-15 07:23:24

文章被收录于专栏：SalesforceSalesforce

1.URL方式打开AuraComponent

getAccountListWithUrlForAura.cmp

<aura:component implements="force:appHostable,lightning:isUrlAddressable,force:hasRecordId" access="global">
  Welcome to ListViewButton AuraComponent Samples!
</aura:component>

2.URL通过App方式打开Lightning Web Component

listViewButtonForLwc.html

<template>
	<lightning-button label="Return to List View" onclick={close}></lightning-button>
</template>

listViewButtonForLwc.js

import { LightningElement } from 'lwc';

export default class ListViewButtonForLwc extends LightningElement {
    close(){
        setTimeout(
            function() {
                window.history.back();
            },
            1000
        );
    }
}

listViewButtonForLwc.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>56.0</apiVersion>
    <description>List View Button For Lwc</description>
    <isExposed>true</isExposed>
    <masterLabel>List View Button For Lwc</masterLabel>
    <targets>
        <target>lightning__AppPage</target>
        <target>lightning__Tab</target>
        <target>lightning__FlowScreen</target>
    </targets>
</LightningComponentBundle>

3.URL通过FLow方式打开Lightning Web Component

listViewButtonForLwcPassedIds.html

<template>
    <p>{listViewIds}</p>
    <lightning-button label="Return to List View" onclick={close}></lightning-button>
</template>

listViewButtonForLwcPassedIds.js

import { LightningElement, api } from 'lwc';

export default class ListViewButtonForLwcPassedIds extends LightningElement {
    @api listViewIds;

    close(){
        setTimeout(
            function() {
                window.history.back();
            },
            1000
        );
    }
}

listViewButtonForLwcPassedIds.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>56.0</apiVersion>
    <description>List View Button PassedIds</description>
    <isExposed>true</isExposed>
    <masterLabel>List View Button PassedIds</masterLabel>
    <targets>
        <target>lightning__AppPage</target>
        <target>lightning__Tab</target>
        <target>lightning__FlowScreen</target>
        <target>lightning__RecordAction</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightning__FlowScreen">
            <property name="listViewIds" type="String[]"></property>
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>