Krok 6: Vyvolávání triggerů

V tomto kroku vám vysvětlíme, jak je vyvoláván trigger, jehož registraci jsme si ukázali.

Triggery mohou být komponentou vyvolány kdykoli. Zpravidla je vyvolán interakcí uživatele, jako je kliknutí na tlačítko nebo výběr řádky v tabulce. Nicméně komponenta může vyvolat trigger na základě libovolného kritéria, například když se změní data v důsledku volání REST.

Když v této ukázce kliknete na obrázek, vyvoláte trigger, který projde aktuální hodnotu vlastnosti whoAreYou.

Zkontrolujte soubor render.js a podívejte se na objekt SampleComponentViewModel.

Chcete-li vyvolat trigger:

1. Zkontrolujte funkci v objektu SampleComponentViewModel, která volá sadu SDK pro weby s cílem vyvolat trigger.

   self.raiseTrigger = function (triggerName) {
     SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
       'triggerName': triggerName, 
       'triggerPayload': { 
           'payloadData': 'some data here'
       }
     });
   };

2. Nyní potřebujete něco v uživatelském rozhraní, abyste mohli volat funkci, která vyvolá trigger. Zkontrolujte soubor render.js a aktualizujte objekt sampleComponentTemplate, aby obsahoval tuto položku:

        '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +

V objektu SampleComponentViewModel uvidíte javascriptovou funkci, která je volána po kliknutí na obrázek. Tato funkce zavolá sadu SDK pro weby, aby jí předala pokyn ke spuštění všech akcí definovaných pro trigger "imageClicked", což je hodnota předaná z vazby click v kroku 2. Projde také objekt triggerPayload, který obsahuje jediné pole payloadData, a statickou hodnotu 'some data here'. Tyto hodnoty imageClicked a whoAreYou se shodují s hodnotami v souboru appinfo.json, ve kterém je trigger registrován (v předchozím kroku).

V ukázkovém kódu je trigger vyvolán datovou vazbou vazby click a předává název triggeru imageClicked. Momentálně jsou k dispozici tři způsoby generování komponenty <scs-image> na základě rozvržení zvoleného uživatelem. Chcete-li zajistit vyvolání triggeru pro každé z těchto rozvržení, upravte soubor render.js provedením následujících změn.

• Vyvolejte triggery z různých rozvržení. Najděte dvě položky tohoto kódu:

  '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}">' +

  Změňte stávající kód na tento kód:

  '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +

• Zadejte datovou část pro předání triggerům. Změňte tento kód:

      self.raiseTrigger = function (triggerName) {
        SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
          'triggerName': triggerName,
          'triggerPayload': {
            'payloadData': 'some data here'
          }
        });
      };

  Místo něj použijte tento kód:

      self.raiseTrigger = function (triggerName) {
        SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
          'triggerName': triggerName,
          'triggerPayload': {
            'payloadData': self.imageBannerText() // pass banner text as payload
          }
        });
      };

• Synchronizujte nebo odešlete soubor render.js na server instance služby Oracle Content Management.

Nyní, když jste zkontrolovali požadovaný kód, můžete připojit trigger tak, aby ho vaše vlastní komponenta vyvolala při kliknutí na tlačítko.