Udvid et Omniscript-elements Lightning

Føj tilpasset adfærd og formatering til et Omniscript-element, mens dets kernefunktionalitet bevares. Erstat et Omniscript-elements Lightning med en komponent, der genopretter dens egenskaber og tilføjer nye.

En Lightning webkomponent leverer HTML-, JavaScript-, XML- og CSS-filerne til et Omniscript-element. Et tekstelement har f.eks. en komponent, der kan udvides, ved navn omniscriptText. Hvis du ønsker oplysninger om oprettelse af tilpassede Lightning-webkomponenter til Omniscripts, der ikke er elementudvidelser, kan du se Opret en tilpasset Lightning-webkomponent til Omniscript.

Bemærk

Tilpassede Lightning, der er bygget uden for den administrerede pakke, kan ikke bruge nogen Salesforce Lightning, der bruger Salesforce-ressourcer eller påvirker komponenten på kørselstidspunktet. Se Salesforce Modules. Hvis du deaktiverer indstillingen Administreret pakkekørsel i Opsætning, anbefaler vi, at du ikke udvider Lightning som Bloker eller TypeAhead. Udvidelse af disse komponenter kan introducere inkompatibiliteter mellem Omnistudio og Omnistudio for administrerede pakker.

1. I lwc-mappen for dit projekt skal du oprette en undermappe med navnet lwcName.
   Opret f.eks. en undermappe med navnet customText.
2. I den nye undermappe skal du oprette en fil med navnet lwcName.js.
   Opret f.eks. en fil ved navn customText.js.
3. Indsæt denne kode i JavaScript-filen. Erstat navnet på din nye komponent og navneområdet for Omniscript-elementets LWC.
   Dette eksempel tilpasser omniscriptText med en tilpasset komponent ved navn 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 skal du oprette en fil ved navn lwcName.js-meta.xml.
   Opret f.eks. en fil ved navn customText.js-meta.xml.
5. Indsæt denne kode 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. I den ikke-zippede filstruktur skal du finde mappen i Lightning for det Omniscript-element, du vil udvide.
   Find f.eks. mappen med navnet omniscriptText.
7. Rediger HTML-filen.
   1. Højreklik på HTML-filen, og vælg Åbn med Visual Studio Code.
   2. Kopier indholdet af HTML-filen.
   3. Opret en fil i den tilpassede komponentundermappe med navnet lwcName.html.
      Opret f.eks. en fil med navnet customText.html
   4. Indsæt det kopierede indhold af HTML-filen for Lightning i den nye HTML-fil.
8. Hvis du vil implementere den tilpassede komponent i din Salesforce-organisation, skal du højreklikke på undermappen og vælge Implementer kilde til organisation.

   Se Implementer Lightning Web-komponenter for at få flere oplysninger.

9. Føj den tilpassede komponent til et Omniscript på en af disse måder:
   • Tilsidesæt et individuelt element ved brug af LWC-komponenttilsidesættelse.
   • Tilknyt alle Omniscript-elementer af den type, du udvider til den tilpassede komponent.

• Tilsidesæt et Omniscript-element med en tilpasset Lightning
  Tilsidesæt et Omniscript-element med tilpassede Lightning (LWC'er) for at føje tilpasset adfærd og formatering til Omniscript-elementet.
• Tilsidesæt alle elementer af en Omniscript-elementtype med en tilpasset Lightning Web-komponent
  Hvis du vil tilsidesætte alle elementer af en type i et Omniscript, skal du tilknytte elementet til den tilpassede Lightning. Du kan ikke direkte trække disse komponenter til Omniscript-lærredet og tilknytte dem til deres tilpassede Lightning Disse komponenter inkluderer Trindiagram, Gem til senere bekræftelse og Modal.