8. lépés: Műveletek végrehajtása

A témakör végén összetevőket húzhat az oldalra, amelyek műveleteket hajtanak végre összetevőjén belül. Ez az előző lépésben létrehozott műveletregisztrációt használja.

Művelet végrehajtásához az összetevőnek az EXECUTE_ACTION üzenetet kell figyelnie. Ez az üzenet a műveletnek átadott adattörzset is tartalmazza, amelyből ki fogja gyűjteni a várható értékeket.

Az EXECUTE_ACTION üzenet figyeléséhez szerkessze a render.js fájlt, és a következő bejegyzéssel módosítsa a SampleComponentViewModel objektumot:

SitesSDK.subscribe('EXECUTE_ACTION', $.proxy(self.executeActionsListener, self));

Amikor EXECUTE_ACTION üzenet érkezik, a társított visszahívási függvény végrehajtására kerül sor:

    self.executeActionsListener = function (args) {
      // get action and payload
      var payload = args.payload,
      action = args.action;

      // handle 'setImageWidth' actions
      if (action && action.actionName === 'setImageWidth') {
        $.each(payload, function(index, data) {
          if (data.name === 'imageWidth') {
            self.imageWidth(data.value);
          }
        });
      }
    }

Ez JavaScript függvényt hoz létre a művelet végrehajtásához, majd a Sites SDK használatával hívja a függvényt, amikor EXECUTE_ACTION üzenet érkezik.

Az összetevő hívása minden EXECUTE_ACTION üzenet esetében megtörténik, és az összetevőn múlik, hogy csak az arra tervezett műveleteket kezelje. Ehhez ellenőriznie kell a művelet nevét annak biztosításához, hogy az olyan művelet, amelyet az összetevő kezelhet.

A művelethez tartozó adattörzs értéktömb. Általában a tömbben meg kell keresnie az adattörzs megfelelő értékeit.