Adım 8: Eylemleri Yürütme

Bu konunun sonunda, bileşeninizde eylemler yürüten sayfaya bileşenler sürükleyebileceksiniz. Bu, önceki adımda oluşturduğunuz eylem kaydından yararlanır.

Bir bileşenin bir eylemi yürütmesi için EXECUTE_ACTION mesajını dinlemelidir. Bu mesaj ayrıca beklenen değerleri çıkartacağınız eyleme iletilen veri yükünü de içerir.

EXECUTE_ACTION mesajını dinlemek için render.js dosyasını düzenleyin ve SampleComponentViewModel nesnesini şu girişle güncelleyin:

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

EXECUTE_ACTION mesajı alındığında ilişkili geri çağırma fonksiyonu yürütülür:

    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);
          }
        });
      }
    }

Bu, eylemi yürütmek üzere bir JavaScript fonksiyonu oluşturur, ardından her EXECUTE_ACTION mesajı oluşturulduğunda fonksiyonu çağırmak üzere Siteler Yazılım Geliştirme Kitini kullanır.

Bileşen EXECUTE_ACTION mesajı her oluşturulduğunda çağrılır ve sadece idare etmek üzere tasarlandığı eylemleri idare etmesi bileşene bağlıdır. Bunu yapmak için bileşenin idare edebilmesini sağlamak üzere eylemin adını kontrol etmelisiniz.

Eylemin veri yükü, değer dizisidir. Genel olarak, önem verdiğiniz veri yükü değerlerini dizide bulmalısınız.