Utvide Lightning for et OmniScript-element

Legg til tilpasset virkemåte og stil i et Omnikanal-element samtidig som du beholder kjernefunksjonaliteten. Erstatt et Omnikanal-elementets Lightning med en komponent som oppretter egenskapene på nytt og legger til nye.

En Lightning inneholder HTML-, JavaScript-, XML- og CSS-filene for et OmniScript-element. Et Tekst-element kan for eksempel ha en utvidbar komponent med navnet OmniscriptText. Hvis du vil ha informasjon om hvordan du oppretter tilpassede Lightning-nettkomponenter for Omniscript som ikke er elementutvidelser, kan du se Opprette en tilpasset Lightning-nettkomponent for Omniscript.

Merk

Tilpassede Lightning som er bygd utenfor den administrerte pakken, kan ikke bruke noen Salesforce Lightning som bruker Salesforce-ressurser eller påvirker komponenten ved kjøretid. Se Salesforce-moduler. Hvis du slår av innstillingen Kjøretid for administrert pakke i Oppsett, anbefaler vi at du ikke utvider Lightning som Blokk eller TypeAhead. Utvidelse av disse komponentene kan føre til inkompatibilitet mellom Omnistudio og Omnistudio for administrerte pakker.

1. Opprett en undermappe med navnet lwcName i lwc-mappen for prosjektet.
   Opprett for eksempel en undermappe med navnet tilpasset tekst.
2. Opprett en fil med navnet lwcName.js i den nye undermappen.
   Opprett for eksempel en fil med navnet customText.js.
3. Lim inn denne koden i JavaScript-filen. Erstatt navnet på den nye komponenten og navneområdet til Omnikanal-elementets LWC.
   Dette eksemplet tilpasser omniscriptText med en tilpasset komponent kalt customText. For Omnistudio er navneområdet c.

   import OmniscriptText from 'c/omniscriptText';
   import tmpl from './customText.html';
   export default class customText extends OmniscriptText {
       render() {
           return tmpl;
       }
   }

4. I undermappen oppretter du en fil med navnet lwcName.js-meta.xml.
   Opprett for eksempel en fil med navnet customText.js-meta.xml.
5. Lim inn denne koden i XML-filen.

   
   <?xml version="1.0" encoding="UTF-8"?>
   <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="omniscript">
       <apiVersion>60.0</apiVersion>
       <isExposed>false</isExposed>
       <masterLabel>Custom Text</masterLabel>
   </LightningComponentBundle>
   

6. Finn mappen for Lightning for Omnikanal-elementet som du vil utvide, i den utpakkede filstrukturen.
   Finn for eksempel mappen med navnet omniscriptText.
7. Rediger HTML-filen.
   1. Høyreklikk på HTML-filen og velg Åpne med Visual Studio-kode.
   2. Kopier innholdet i HTML-filen.
   3. Opprett en fil i undermappen for den tilpassede komponenten med navnet lwcName.html.
      Opprett for eksempel en fil med navnet customText.html
   4. Lim inn det kopierte innholdet i HTML-filen for Lightning i den nye HTML-filen.
8. Hvis du vil distribuere den tilpassede komponenten til Salesforce-organisasjonen, høyreklikker du på undermappen og velger Distribuer kilde til organisasjon.

   Hvis du vil ha mer informasjon, kan du se Distribuere Lightning-nettkomponenter.

9. Legg til den tilpassede komponenten i et OmniScript på en av disse måtene:
   • Overstyr et individuelt element ved å bruke LWC-komponentoverstyring.
   • Tilordne alle Omnikanal-elementer av typen du utvider til den tilpassede komponenten.

• Overstyre et Omnikanal-element med en tilpasset Lightning
  Overstyr et Omnikanal-element med tilpassede Lightning (LWC-er) for å legge til tilpasset virkemåte og stil i Omnikanal-elementet.
• Overstyre alle elementer i en OmniScript-elementtype med en tilpasset Lightning
  Hvis du vil overstyre alle elementer av en type i et Omniscript, tilordner du elementet til den tilpassede Lightning. Du kan ikke dra disse komponentene direkte til Omnikanal-lerretet og tilordne dem til deres tilpassede Lightning. Disse komponentene inkluderer Trinndiagram, Lagre for senere bekreftelse og Modal.