Loading
Opprette en frittstående tilpasset Lightning

Du er her:

  1. Salesforce Hjelp
  2. Dokumenter
  3. Omnistudio

Opprette en frittstående tilpasset Lightning

Aktiver tilpassede Lightning til å fungere uavhengig av et OmniScript ved å legge det til i OmniScript som en frittstående komponent. Frittstående tilpassede Lightning kan ikke utvide noen Omniscript-elementkomponent eller OmniscriptBaseMixin-komponenten. Den frittstående komponenten støtter tilpasset funksjonalitet, men kan ikke samhandle med et Omniscript eller Omniscript-data-JSON-koden.

  1. Se gjennom og fyll ut kravene for å opprette en frittstående tilpasset Lightning Web-komponent. Se Krav til tilpassede Lightning-nettkomponenter for Omnikanal.

  2. Konstruer flere data-JSON-noder i det tilpassede LWC-elementet, og overfør verdier ned fra elementet til de nye JSON-nodene ved bruk av omniaggregate-hendelsen. Se Opprette og tilordne data i det tilpassede LWC-elementet.

  3. Legg til den frittstående tilpassede Lightning i et Omniscript. Se Tilpasset LWC-element.

Se også:

Opprette og tilordne data i det tilpassede LWC-elementet

Konstruer flere data-JSON-noder i det tilpassede LWC-elementet og overfør verdier ned fra elementet til de nye JSON-nodene ved bruk av omniaggregate-hendelsen.

Hvis du vil ha mer informasjon om hendelser, kan du se Opprette og sende hendelser.

Event: omniaggregate

  1. Opprett en tilpasset aggregeringsfunksjon og sett omniaggregate-hendelsen til en variabel.
    Eksempel:
    customAggregate() {
    const eventName = 'omniaggregate'
}
  2. Opprett en variabel for å lagre LWC-elementets inndata.
    Eksempel:
    customAggregate() {
    const eventName = 'omniaggregate'
    const data = {
        anyKeyName : 'myElementData'
    };
}
  3. Konstruer et objekt ved å tilordne dataene til nøkkel data, og et elementnavn til nøkkel elementId. 
    customAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2'
    };
}
  4. (Valgfritt) I detaljobjektet inkluderer du nøkkel-verdi-paret aggregateOverride: true for å overstyre alle eksisterende data i Tilpasset LWC-elementet. 
    customAggregate() {
    const eventName = 'omniaggregate' 
    const data = {
        anyKeyName : 'myElementData'
    };
    const detail = {
        data: data,
        elementId: 'elementName2',
        aggregateOverride: true
    };
}
  5. Opprett et nytt hendelsesobjekt som overfører omniaggregeringshendelsen, og et objekt som inneholder disse fire egenskapene:
    • bobler: En boolsk verdi som bestemmer om hendelsen bobler opp til DOM-koden.
    • cancellable: En boolsk verdi som bestemmer om hendelsen kan kanselleres.
    • utformet: En boolsk verdi som bestemmer om hendelsen kan passere skyggrensen.
    • detalj: Data overført i hendelsen.
    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. Kall opp this.dispatchEvent() og overfør i hendelsesobjektet som en parameter.

    Kodeeksempel

    Eksempel på 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"
    }
}
 
Laster
Salesforce Help | Article