In deze stap wordt uitgelegd hoe de trigger wordt gegenereerd waarvan u hebt gezien dat deze is geregistreerd.
Triggers kunnen op elk punt worden gegenereerd door een component. Gewoonlijk wordt deze gegenereerd door een interactie van de gebruiker, door te klikken op een knop of een rij te selecteren in een tabel. De component kan de trigger echter genereren op basis van elk criterium, bijvoorbeeld wanneer gegevens zijn gewijzigd door een REST-aanroep.
Als u in dit scenario op de afbeelding klikt, wordt een trigger gegenereerd waarmee de huidige waarde van de eigenschap whoAreYou
wordt doorgegeven.
Zoek in het bestand render.js
naar het object SampleComponentViewModel
.
U genereert een trigger als volgt:
Zoek de functie in het object SampleComponentViewModel
waarmee de Sites-SDK wordt aangeroepen om de trigger te genereren.
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': 'some data here' } }); };
Nu moet u een item aan de gebruikersinterface toevoegen om de functie aan te roepen waarmee de trigger wordt gegenereerd. Zoek in het bestand render.js
naar het object sampleComponentTemplate
en werk dit bij met dit item:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +
In het object SampleComponentViewModel
ziet u de JavaScript-functie die wordt aangeroepen wanneer op de afbeelding wordt geklikt. Deze functie roept de Sites-SDK aan om alle acties te genereren die zijn gedefinieerd voor de trigger imageClicked
. De trigger vertegenwoordigt de waarde die is doorgegeven via de click
-binding in stap 2. Er wordt ook een triggerPayload
doorgegeven met één veld: payloadData
. Daarbij wordt de statische waarde 'some data here'
doorgegeven. De waarden imageClicked
en whoAreYou
komen overeen met de waarden in het bestand appinfo.json
waarin de trigger is geregistreerd (in de vorige stap).
In de voorbeeldcode wordt de trigger gegenereerd door een gegevensbinding van de click
-binding en wordt de triggernaam imageClicked
doorgegeven. Er zijn drie renderings van de component <scs-image>
op basis van de lay-out die de gebruiker kiest. U kunt ervoor zorgen dat de trigger voor elke lay-out wordt gegenereerd door de onderstaande wijzigingen aan te brengen in het bestand render.js
.
Genereer triggers op basis van verschillende lay-outs. Zoek de twee voorvallen van deze code:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}">' +
Wijzig de code als volgt:
'<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +
Geef de payload op om de triggers door te geven. Wijzig deze code:
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': 'some data here' } }); };
Gebruik in plaats daarvan deze code:
self.raiseTrigger = function (triggerName) { SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, { 'triggerName': triggerName, 'triggerPayload': { 'payloadData': self.imageBannerText() // pass banner text as payload } }); };
Synchroniseer of upload het bestand render.js
naar de server van de Oracle Content Management instance.
Nu u de vereiste code hebt gecontroleerd, kunt u de trigger koppelen zodat deze door uw aangepaste component wordt gegenereerd wanneer u op de knop klikt.
Controleer de resultaten voor stap 6.
U kunt nu een actie registreren die moet worden uitgevoerd om de trigger te genereren en u kunt instellen dat de actie wordt uitgevoerd wanneer de trigger wordt gegenereerd:
Vernieuw uw pagina op uw site, zodat wijzigingen in de component kunnen worden opgehaald met de sitebuilder.
Open de pagina in de bewerkmodus.
Sleep de component naar de pagina.
Open het paneel 'Instellingen' voor uw component.
Selecteer het tabblad Koppelen boven aan het paneel 'Instellingen'.
Selecteer Triggeracties als het koppelingstype.
Klik op de trigger imageClicked waarvan u hebt gezien dat deze is geregistreerd.
Sleep in het dialoogvenster de actie Waarschuwing tonen vanuit de sectie Pagina-acties.
Selecteer in het veld Bericht de waarde payloadData. Dit is de payload die u hebt ingevoerd toen u de trigger registreerde.
Sluit het paneel 'Instellingen' en activeer de voorbeeldmodus van de sitebuilder.
Klik op de afbeelding in de component.
De melding geen bericht gedefinieerd
wordt weergegeven omdat u de waarde voor imageBannerText
niet hebt opgegeven.
Activeer de bewerkingsmodus van de pagina en open het paneel 'Instellingen' voor de component nogmaals.
Klik op Aangepaste instellingen en voer Workplace in.
Sluit het paneel 'Instellingen' en activeer de voorbeeldmodus van de pagina.
Klik op de afbeelding in de component.
Nu ziet u de bijgewerkte payload Workplace
, die wordt aangeroepen door de wijziging die u hebt aangebracht in de click
-binding.
U kunt elk gewenst aantal acties uitvoeren wanneer een trigger wordt gegenereerd.
Opmerking:
Er is geen vooraf gedefinieerde volgorde voor wanneer een actie wordt uitgevoerd. Hoewel de acties worden aangeroepen in de volgorde die wordt aangegeven, wordt er niet gewacht tot de actie is voltooid voordat de volgende actie wordt aangeroepen. Als met een actie een asynchrone aanroep wordt gestart, wordt die mogelijk niet voltooid voordat de volgende actie wordt uitgevoerd.Doorgaan naar Stap 7: Acties registreren.