I det här steget visar vi dig hur du aktiverar triggern som har registrerats.
Triggrar kan aktiveras när som helst av en komponent. Vanligtvis aktiveras den av en användarinteraktion, ett klick på en knapp eller val av en rad i en tabell. Komponenten kan emellertid orsaka triggern baserat på valfria kriterier, t.ex. när data ändras på grund av ett REST-anrop.
För det här exemplet gäller att när du klickar på bilden så orsakas en trigger som överför det aktuella värdet för egenskapen whoAreYou
.
Granska filen render.js
och titta på objektet SampleComponentViewModel
.
Så här orsakar du en trigger:
Granska funktionen i objektet SampleComponentViewModel
som anropar SDK:t för webbplatser för att orsaka triggern.
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': 'some data here' } }); };
Nu behöver du något i användargränssnittet som anropar funktionen för att orsaka triggern. Granska filen render.js
och uppdatera objektet sampleComponentTemplate
så att du får den här posten:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +
I objektet SampleComponentViewModel
ser du den JavaScript-funktion som anropas när någon klickar på bilden. Den här funktionen anropar SDK:t för webbplatser för att säga till det att utlösa alla åtgärder som definierats för triggern "imageClicked"
, som är det värde som överförs från click
-bindningen i steg 2. Den överför även en triggerPayload
som har ett enda fält, payloadData
, och överför ett statiskt värde, 'some data here'
. Dessa värden, imageClicked
och whoAreYou
, matchar dem i filen appinfo.json
, där triggern registreras (i föregående steg).
I exempelkoden aktiveras triggern av en databindning av click
-bindningen och överför triggernamnet imageClicked
. Det finns för närvarande tre återgivningar av komponenten <scs-image>
, baserat på vilken layout användaren väljer. För att säkerställa att triggern aktiveras för var och en av layouterna ska du redigera filen render.js
genom att göra följande ändringar.
Orsaka triggrar från olika layouter. Hitta de två posterna för den här koden:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}">' +
Ändra koden till följande:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +
Ange den nyttolast som ska överföras till triggrarna. Ändra den här koden:
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': 'some data here' } }); };
Använd den här koden istället:
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': self.imageBannerText() // pass banner text as payload } }); };
Synkronisera eller ladda upp filen render.js
till servern för instansen av Oracle Content Management.
Nu när du har granskat den kod som krävs kan du koppla triggern, så att den anpassade komponenten orsakar den vid ett klick på knappen.
Kontrollera resultaten för steg 6
Du bör nu kunna registrera en åtgärd att exekvera mot triggern och även se till att åtgärden exekveras när triggern aktiveras:
Förnya sidan på webbplatsen så att webbplatsverktyget kan hämta ändringar av komponenten.
Ta sidan till redigeringsläge.
Dra och släpp komponenten på sidan.
Öppna panelen Inställningar mot komponenten.
Välj fliken Länk överst i panelen Inställningar.
Välj Triggeråtgärder som Länktyp.
Klicka på triggern imageClicked, som du såg till registrerades.
I dialogrutan drar du åtgärden Visa avisering från sektionen Sidåtgärder.
I fältet Meddelande väljer du värdet payloadData, som är den nyttolast du angav när du registrerade triggern.
Stäng inställningspanelen och växla till förhandsgranskningsläge för webbplatsverktyget.
Klicka på bilden i komponenten.
En avisering visas med no message defined
eftersom du inte har angett värdet för imageBannerText
.
Ta sidan till redigeringsläge och öppna inställningspanelen igen för komponenten.
Klicka på Anpassade inställningar och ange Workplace.
Stäng inställningspanelen och växla till förhandsgranskningsläge för sidan.
Klicka på bilden i komponenten.
Nu bör den visa den uppdaterade nyttolasten Workplace
, som anropas från ändringen du gjorde i click
-bindningen.
Du kan exekvera valfritt antal åtgärder när en trigger aktiveras.
Obs!:
Det finns ingen fördefinierad ordning för när en åtgärd exekveras. Även om varje åtgärd anropas i den listade ordningen, blir det ingen väntetid medan den slutförs innan nästa åtgärd anropas. Om en åtgärd gör ett asynkront anrop har den kanske inte slutförts innan nästa åtgärd exekveras.Fortsätt till Steg 7: Registrera åtgärder.