Loading
Opret en enkeltstående tilpasset Lightning

breadcrumbDescription

  1. helpHomeLinkText
  2. docsHomeLinkTextShort
  3. Omnistudio

Opret en enkeltstående tilpasset Lightning

Aktiver tilpassede Lightning til at fungere uafhængigt af et Omniscript ved at føje det til Omniscript som en enkeltstående komponent. Enkeltstående tilpassede Lightning kan ikke udvide nogen Omniscript-elementkomponent eller OmniscriptBaseMixin-komponenten. Den enkeltstående komponent understøtter tilpassede funktioner, men kan ikke interagere med et Omniscript eller Omniscripts data-JSON.

  1. Gennemse og fuldfør kravene til oprettelse af en enkeltstående tilpasset Lightning Web-komponent. Se Krav til tilpassede Lightning Web-komponenter til Omniscripts.

  2. Konstruer yderligere data JSON-noder i det tilpassede LWC-element, og overfør værdier ned fra elementet til de nye JSON-noder ved brug af omniaggregate. Se Opret og tilknyt data i det tilpassede LWC-element.

  3. Føj den enkeltstående tilpassede Lightning til et Omniscript. Se Tilpasset LWC-element.

Related information html

Opret og tilknyt data i det tilpassede LWC-element

Konstruer yderligere data JSON-noder i det tilpassede LWC-element, og overfør værdier ned fra elementet til de nye JSON-noder ved brug af omniaggregate.

Hvis du ønsker flere oplysninger om begivenheder, kan du se Opret og udsend begivenheder.

Begivenhed: omniaggregate

  1. Opret en tilpasset aggregeringsfunktion, og indstil omniaggregate til en variabel.
    Eksempel:
    customAggregate() {
    const eventName = 'omniaggregate'
}
  2. Opret en variabel til at lagre LWC-elementets inputdata.
    Eksempel:
    customAggregate() {
    const eventName = 'omniaggregate'
    const data = {
        anyKeyName : 'myElementData'
    };
}
  3. Konstruer et objekt ved at tilknytte dataene til nøgledataene, og et elementnavn til nøgle-elementId. 
    customAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2'
    };
}
  4. (Valgfrit) I detaljeobjektet skal du inkludere nøgle-værdi-par aggregateOverride: true for at tilsidesætte alle eksisterende data i det tilpassede LWC-element. 
    customAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2',
        aggregateOverride: true
    };
}
  5. Opret et nyt begivenhedsobjekt, der overfører omniaggregeringsbegivenheden og et objekt, der indeholder disse fire egenskaber:
    • bobler: En boolesk, der bestemmer, om begivenheden bobler op til DOM.
    • kan annulleres: En boolesk værdi, der bestemmer, om begivenheden kan annulleres.
    • bestående af: En boolesk, der bestemmer, om begivenheden kan passere gennem skyggegrænsen.
    • detalje: Data, der blev overført i begivenheden.
    Eksempel:
    omniAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2'
    };
    const myEvent = new CustomEvent(eventName, {
        bubbles: true,
        cancelable: true,
        composed: true,
        detail: detail,
    });
}
  6. Kald this.dispatchEvent(), og overfør begivenhedsobjektet som en parameter.

    Kodeeksempel

    Eksempel på data JSON-resultat

    		 
    // code to call
omniAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2'
    };
    const myEvent = new CustomEvent(eventName, {
        bubbles: true,
        cancelable: true,
        composed: true,
        detail: detail,
    });
    this.dispatchEvent(myEvent);
}   
    "CustomLWC12": {
    "elementName1": {
        "prop": "prop1"
    },
    "elementName2": {
        "anyKeyName": "myElementData"
    }
}
 
Indlæser
Salesforce Help | Article